Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

initial project #15

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

initial project #15

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
fc32410
initial project
hxezu Jan 15, 2025
1bcf93e
change image
hxezu Jan 21, 2025
e2392a8
Update README.md
hxezu Jan 21, 2025
2b4ff6e
change name of Header
hxezu Jan 21, 2025
77b45c9
Merge branch 'main' of https://github.com/hxezu/portfolio
hxezu Jan 21, 2025
2539a05
modify content messages
hxezu Jan 21, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
69 changes: 0 additions & 69 deletions README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,70 +1 @@
<p align="center">
<h1 align="center">Developer's Portfolio ✨</h1>

<p align="center">
Profolio는 개발자를 위한, 쉽고 빠르게 제작 할 수 있는 정적 포트폴리오 템플릿 입니다. <br/>Github 페이지로 호스팅 됩니다. <br/>웹 사이트는 <a href="https://congchu.github.io/web-porfolio/">DEMO</a>에서 확인하실 수 있습니다.
<br/>
<br/> 더 많은 템플릿은 <a href="https://github.com/congchu/portfolio-collection" >portfolio-collection</a> 저장소에서 보실 수 있습니다.
<br/>
<br/>
<img src="https://img.shields.io/badge/-Bootstrap-05122A?style=flat&logo=bootstrap&logoColor=563D7C"/>
<img src="https://img.shields.io/badge/-CSS-05122A?style=flat&logo=CSS3&logoColor=1572B6"/>
<img src="https://img.shields.io/badge/-HTML-05122A?style=flat&logo=HTML5"/>
<br/>
<br/>
<img src="https://github.com/congchu/web-porfolio/blob/main/demo/20210428.gif?raw=true"/>
</p>

## Overview ⭐️

- static website로 Github pages 활용한 웹 호스팅 가능
- 개발자 맞춤형 포트폴리오 웹 페이지
- 제작자 표기 시, 무료로 활용가능

## Prerequisites 🍪

- PC에 git이 설치되어 있어야하며, Github 계정이 있어야 합니다.
- HTML 문법을 몰라도 텍스트만 교체하여 활용 가능합니다.
- HTML 문법을 알면 레이아웃이나 디자인을 변경할 수 있습니다.
- CSS를 몰라도 제작 가능하지만, CSS에 친숙하다면 디자인도 자유롭게 변경할 수 있습니다.

## Setup And Deployment 🔧

1. 내 프로젝트로 Fork합니다.
2. repository를 clone하여 로컬로 내려받습니다.

```
git clone {저장소URL}
```

3. 내용을 원하는대로 수정합니다.
4. github commit & push 합니다.

```bash
git commit -m 'initial project'
git push - u origin master
```

6. github Settings에서 pages로 이동하여, Source를 main branch로 바꿔줍니다.
7. publish 되었다는 URL로 접속하여 확인합니다 (시간이 좀 걸리니, 5분정도 기다려주세요)

## Documentation 📑

튜토리얼 문서는 [웹 포트폴리오 제작 튜토리얼](https://www.notion.so/cucus/85e3bec77d904f1fa282cec4756232c3)에서 확인해주세요.

## Deploy History 🌳

2021-12-28

- 지킬 셋팅 제거
- 커스텀 도메인 연결 제거
- 데모 사이트 및 이미지 경로 변경

2021-04-22

- 전체 레이아웃 수정
- header 사진 변경

2021-04-20

- 프로젝트 생성
Binary file modified images/about.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 15 additions & 28 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
<html lang="en">

<head>
<title>프론트엔드 개발자 구민정</title>
<title>FE Developer 현혜주</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

Expand All @@ -29,7 +29,7 @@

<nav class="navbar navbar-expand-lg navbar-dark ftco_navbar ftco-navbar-light site-navbar-target" id="ftco-navbar">
<div class="container">
<a class="navbar-brand" href="index.html"><span>K</span>ooMinJeong</a>
<a class="navbar-brand" href="index.html"><span>H</span>yunHyeJu</a>
<button class="navbar-toggler js-fh5co-nav-toggle fh5co-nav-toggle" type="button" data-toggle="collapse"
data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
<span class="oi oi-menu"></span> Menu
Expand Down Expand Up @@ -57,10 +57,10 @@
<div class="col-lg-8 col-md-6 ftco-animate d-flex align-items-center">
<div class="text text-center">
<span class="subheading">Hey! I am</span>
<h1>구민정</h1>
<h1>현혜주</h1>
<h2>I'm a
<span class="txt-rotate" data-period="500"
data-rotate='[ "풀스택 개발자", "스타트업 개발자", "6년차"]'></span>
data-rotate='[ "프론트엔드 개발자", "UI/UX 디자이너", "Junior"]'></span>
</h2>
</div>
</div>
Expand Down Expand Up @@ -90,11 +90,11 @@ <h2>I'm a
<div class="col-md-12 heading-section ftco-animate">
<h1 class="big">About</h1>
<h2 class="mb-4">About Me</h2>
<p>커피와 노트북만 있다면, 언제 어디서나 즐겁게 일하는 6년차 개발자 정쿠입니다. </p>
<p>커피와 노트북만 있다면, 언제 어디서나 즐겁게 일하는 개발자입니다. </p>
<ul class="about-info mt-4 px-md-0 px-2">
<li class="d-flex"><span>Name:</span> <span>구민정</span></li>
<li class="d-flex"><span>Address:</span> <span>성남시 분당구 정자동</span></li>
<li class="d-flex"><span>Email:</span> <span>cookie00421@gmail.com</span></li>
<li class="d-flex"><span>Name:</span> <span>현혜주</span></li>
<li class="d-flex"><span>Address:</span> <span>서울시 광진구 화양동</span></li>
<li class="d-flex"><span>Email:</span> <span>hhj5432@naver.com</span></li>
<li class="d-flex"><span>Phone: </span> <span>+82-10-1234-5678</span></li>
</ul>
</div>
Expand Down Expand Up @@ -176,10 +176,10 @@ <h2 class="heading">Education</h2>
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2010-2015</span>
<h2>컴퓨터 공학 & 전자 공학 복수 전공</h2>
<span class="position">Handong Global Univercity</span>
<p>전산 동아리 활동과 기숙사 생활을 통해, 함께 일하는 밥을 배웠습니다. Computer Science 기초 지식을 4년간 탄탄히 쌓아 빠르고 올바른
<span class="date">2020-2025</span>
<h2>컴퓨터 공학 전공</h2>
<span class="position">Konkuk University</span>
<p>Computer Science 기초 지식을 4년간 탄탄히 쌓아 빠르고 올바른
방향으로 성장할 수 있는 개발자가 되었습니다. </p>
</div>
</div>
Expand All @@ -188,22 +188,9 @@ <h2>컴퓨터 공학 & 전자 공학 복수 전공</h2>
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2014-2015</span>
<h2>Computer Processing Systems/Computer Software</h2>
<span class="position">Cambridge University</span>
<p>A small river named Duden flows by their place and supplies it with the necessary
regelialia. It is a paradisematic country, in which roasted parts of sentences fly
into your mouth.</p>
</div>
</div>
<div class="resume-wrap d-flex ftco-animate">
<div class="icon d-flex align-items-center justify-content-center">
<span class="flaticon-ideas"></span>
</div>
<div class="text pl-3">
<span class="date">2014-2015</span>
<h2>Diploma in Computer</h2>
<span class="position">Cambridge University</span>
<span class="date">2023-2024</span>
<h2>Department of Computer Science and Engineering</h2>
<span class="position">Czech Technical University in Prague</span>
<p>A small river named Duden flows by their place and supplies it with the necessary
regelialia. It is a paradisematic country, in which roasted parts of sentences fly
into your mouth.</p>
Expand Down