forked from congchu/web-porfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
1 changed file
with
6 additions
and
109 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -88,12 +88,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>항상 노호준입니다.</p> | ||
<!-- <p>항상 노호준입니다.</p> --> | ||
<ul class="about-info mt-4 px-md-0 px-2"> | ||
<li class="d-flex"><span>Name:</span> <a href="tel://01073513804">노호준</a></li> | ||
<li class="d-flex"><span>github:</span> <a href="https://github.com/nowaveosu">github.com/nowaveosu</a></li> | ||
<li class="d-flex"><span>Email:</span> <a href="mailto:[email protected]">[email protected]</a></li> | ||
<li class="d-flex"><span>Phone: </span> <a href="tel://01073513804">010-7351-3804</a></li> | ||
<li class="d-flex"><span>github:</span> <a href="https://github.com/nowaveosu">github.com/nowaveosu</a></li> | ||
<li class="d-flex"><span>blog: </span> <a href="https://velog.io/@nowaveosu">velog.io/@nowaveosu</a></li> | ||
</ul> | ||
</div> | ||
|
@@ -143,109 +143,7 @@ <h2>컴퓨터정보통신공학과 전공 </h2> | |
</div> | ||
<div id="page-2" class="page two"> | ||
<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">React</h2> | ||
|
||
<!-- Progress bar 1 --> | ||
<div class="progress mx-auto" data-value='70'> | ||
<span class="progress-left"> | ||
<span class="progress-bar border-primary"></span> | ||
</span> | ||
<span class="progress-right"> | ||
<span class="progress-bar border-primary"></span> | ||
</span> | ||
<div | ||
class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center"> | ||
<div class="h2 font-weight-bold">70<sup class="small">%</sup></div> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
|
||
<!-- Demo info --> | ||
<div class="row text-center mt-4"> | ||
<div class="col-6 border-right"> | ||
<div class="h4 font-weight-bold mb-0">28%</div><span | ||
class="small text-gray">Last week</span> | ||
</div> | ||
<div class="col-6"> | ||
<div class="h4 font-weight-bold mb-0">60%</div><span | ||
class="small text-gray">Last month</span> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
</div> | ||
</div> | ||
|
||
<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">JavaScript</h2> | ||
|
||
<!-- Progress bar 1 --> | ||
<div class="progress mx-auto" data-value='60'> | ||
<span class="progress-left"> | ||
<span class="progress-bar border-primary"></span> | ||
</span> | ||
<span class="progress-right"> | ||
<span class="progress-bar border-primary"></span> | ||
</span> | ||
<div | ||
class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center"> | ||
<div class="h2 font-weight-bold">60<sup class="small">%</sup></div> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
|
||
<!-- Demo info --> | ||
<div class="row text-center mt-4"> | ||
<div class="col-6 border-right"> | ||
<div class="h4 font-weight-bold mb-0">40%</div><span | ||
class="small text-gray">Last week</span> | ||
</div> | ||
<div class="col-6"> | ||
<div class="h4 font-weight-bold mb-0">50%</div><span | ||
class="small text-gray">Last month</span> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
</div> | ||
</div> | ||
|
||
<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> | ||
|
||
<!-- Progress bar 1 --> | ||
<div class="progress mx-auto" data-value='50'> | ||
<span class="progress-left"> | ||
<span class="progress-bar border-primary"></span> | ||
</span> | ||
<span class="progress-right"> | ||
<span class="progress-bar border-primary"></span> | ||
</span> | ||
<div | ||
class="progress-value w-100 h-100 rounded-circle d-flex align-items-center justify-content-center"> | ||
<div class="h2 font-weight-bold">50<sup class="small">%</sup></div> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
|
||
<!-- Demo info --> | ||
<div class="row text-center mt-4"> | ||
<div class="col-6 border-right"> | ||
<div class="h4 font-weight-bold mb-0">23%</div><span | ||
class="small text-gray">Last week</span> | ||
</div> | ||
<div class="col-6"> | ||
<div class="h4 font-weight-bold mb-0">40%</div><span | ||
class="small text-gray">Last month</span> | ||
</div> | ||
</div> | ||
<!-- END --> | ||
</div> | ||
</div> | ||
</div> | ||
|
||
<div class="row"> | ||
<div class="col-md-6 animate-box"> | ||
<div class="progress-wrap ftco-animate"> | ||
|
@@ -360,15 +258,15 @@ <h2 id="projects-section" class="heading">Projects</h2> | |
<div class="text pl-3"> | ||
<span class="date">2023.07</span> | ||
<div class="d-flex"> | ||
<h2>펫시터와 펫 주인의 매칭 웹사이트 개발</h2> | ||
<h2>[펫칭] 펫시터와 펫 주인의 매칭 웹사이트 개발</h2> | ||
<div> <a class="btn btn-outline-secondary" target="_blank" | ||
class="btn btn-outline-secondary" | ||
href="https://github.com/Petching/Petching">Github</a> <a | ||
class="btn btn-outline-secondary" target="_blank" | ||
href="https://petching.net/">Link</a> | ||
</div> | ||
</div> | ||
<span class="position">펫칭</span> | ||
|
||
<div> <b class="text-dark">기술 스택 : </b>React, TypeScript, Zustand, tailwind-CSS | ||
|
||
</div> | ||
|
@@ -382,15 +280,14 @@ <h2>펫시터와 펫 주인의 매칭 웹사이트 개발</h2> | |
<div class="text pl-3"> | ||
<span class="date">2023.05</span> | ||
<div class="d-flex"> | ||
<h2>사용자 알러지 기반 알약검색 웹사이트 개발</h2> | ||
<h2>[도와조약] 사용자 알러지 기반 알약검색 웹사이트 개발</h2> | ||
<div> <a class="btn btn-outline-secondary" target="_blank" | ||
class="btn btn-outline-secondary" | ||
href="https://github.com/codestates-seb/seb43_main_009">Github</a> <a | ||
class="btn btn-outline-secondary" target="_blank" | ||
href="https://dowajoyak.store">Link</a> | ||
</div> | ||
</div> | ||
<span class="position">도와조약</span> | ||
<div> <b class="text-dark">기술 스택 : </b>React, JavaScript, Redux, Styled-Component | ||
|
||
</div> | ||
|