Skip to content

포트폴리오 기본 정보 수정 #21

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

Open
heewonn09 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

포트폴리오 기본 정보 수정 #21

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
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.
132 changes: 28 additions & 104 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>백엔드 개발자 이희원</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

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='["백엔드 개발자"]'></span>
</h2>
</div>
</div>
Expand Down Expand Up @@ -90,12 +90,12 @@ <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>Phone: </span> <span>+82-10-1234-5678</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>heewonn09@naver.com</span></li>
<li class="d-flex"><span>Phone: </span> <span>+82-10-5129-8600</span></li>
</ul>
</div>
</div>
Expand All @@ -106,47 +106,8 @@ <h2 class="mb-4">About Me</h2>
<span>Project complete</span>
</p>
<p><a target="_blank"
href="https://drive.google.com/file/d/1uJg0Yun35HWc4YsEKfEX5L6Uyik5MPl_/view?usp=sharing"
class="btn btn-primary py-3 px-3">이력서 다운받기</a></p>
</div>
</div>
</div>
</div>
</div>
</section>

<section class="ftco-section ftco-no-pb ftco-counter img" id="section-counter">
<div class="container-fluid px-md-5">
<div class="row d-md-flex align-items-center">
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 shadow">
<div class="text">
<strong class="number" data-number="365">0</strong>
<span>코딩한 일수</span>
</div>
</div>
</div>
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 shadow">
<div class="text">
<strong class="number" data-number="100">0</strong>
<span>Complete Projects</span>
</div>
</div>
</div>
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 shadow">
<div class="text">
<strong class="number" data-number="100">0</strong>
<span>Happy Customers</span>
</div>
</div>
</div>
<div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
<div class="block-18 shadow">
<div class="text">
<strong class="number" data-number="50">0</strong>
<span>Cups of coffee</span>
href="https://www.notion.so/1eced7ed6e4480a9baa4e06a471d7763?source=copy_link"
class="btn btn-primary py-3 px-3">이력서 확인하기</a></p>
</div>
</div>
</div>
Expand Down Expand Up @@ -176,38 +137,27 @@ <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년간 탄탄히 쌓아 빠르고 올바른
방향으로 성장할 수 있는 개발자가 되었습니다. </p>
<span class="date">2019-2024</span>
<h2>컴퓨터 공학 정보통신학과</h2>
<span class="position">백석 Univercity</span>
<p>Computer Science 기초 지식을 4년간 탄탄히 쌓아 빠르고 올바른</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>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>
<span class="date">2025-2026 (6개월)</span>
<h2>HDC 랩스 풀스택 부트캠프</h2>
<span class="position"></span>
<p></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>
<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>

Expand Down Expand Up @@ -235,33 +185,7 @@ <h2>Full Stack Developer</h2>
</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>Web Designer</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>Web Marketing</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">
Expand All @@ -283,7 +207,7 @@ <h2 class="heading">Skills</h2>
<div class="row progress-circle mb-5">
<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">CSS</h2>
<h2 class="h5 font-weight-bold text-center mb-4">JAVA</h2>

<!-- Progress bar 1 -->
<div class="progress mx-auto" data-value='90'>
Expand Down Expand Up @@ -351,7 +275,7 @@ <h2 class="h5 font-weight-bold text-center mb-4">HTML</h2>

<div class="col-lg-4 mb-4">
<div class="bg-white rounded-lg shadow p-4">
<h2 class="h5 font-weight-bold text-center mb-4">jQuery</h2>
<h2 class="h5 font-weight-bold text-center mb-4"></h2>

<!-- Progress bar 1 -->
<div class="progress mx-auto" data-value='75'>
Expand Down Expand Up @@ -694,7 +618,7 @@ <h2>함께할 <span>회사를 찾는 중</span> 입니다.</h2>
<div class="col-md-7 heading-section text-center ftco-animate">
<h1 class="big big-2">Contact</h1>
<h2 class="mb-4">Contact Me</h2>
<p>회사와 함께 성장하는 개발자가 되겠습니다. 연락주세요.</p>
<p>회사와 함께 성장하는 개발자가 되겠습니다!</p>
</div>
</div>

Expand All @@ -706,7 +630,7 @@ <h2 class="mb-4">Contact Me</h2>
</div>
<div>
<h3 class="mb-4">Address</h3>
<p>성남시 분당구 정자동</p>
<p>경기도 화성시 동탄대로시범길 20</p>
</div>
</div>
</div>
Expand All @@ -717,7 +641,7 @@ <h3 class="mb-4">Address</h3>
</div>
<div>
<h3 class="mb-4">Contact Number</h3>
<p><a href="tel://1234567920">+ 010 4277 1234</a></p>
<p><a href="tel://1234567920">+ 010 5129 8600</a></p>
</div>
</div>
</div>
Expand All @@ -728,7 +652,7 @@ <h3 class="mb-4">Contact Number</h3>
</div>
<div>
<h3 class="mb-4">Email Address</h3>
<p><a href="mailto:info@yoursite.com">cookie00421@gmail.com</a></p>
<p><a href="mailto:info@yoursite.com">heewonn09@naver.com</a></p>
</div>
</div>
</div>
Expand Down