-
Notifications
You must be signed in to change notification settings - Fork 1
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
131 additions
and
117 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 |
---|---|---|
@@ -1,120 +1,134 @@ | ||
<!DOCTYPE html> | ||
<html lang="ko"> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="icon" href="./likelion.ico" /> | ||
<title>신지환_TMI</title> | ||
<link | ||
rel="font" | ||
as="style" | ||
crossorigin | ||
href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css" | ||
/> | ||
<!-- 자주 쓰는 pretendar폰트 --> | ||
</head> | ||
<body> | ||
<header> | ||
<h1>신지환의 TMI</h1> | ||
<nav> | ||
<ul> | ||
<!-- li * 6단축키 --> | ||
<li><a href="#basicInfo">#기본정보</a></li> | ||
<li><a href="#balanceGame">#밸런스_게임</a></li> | ||
<li><a href="#favoriteFood">#좋아하는_음식</a></li> | ||
<li><a href="#">#하고픈거</a></li> | ||
<li><a href="#">#TMI</a></li> | ||
<li><a href="#letter">#12기에게 한마디</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<main> | ||
<!-- 기본정보를 보여주는 섹션입니다. --> | ||
<section id="basicInfo"> | ||
<h2 class="section-title">기본 자기소개</h2> | ||
<article> | ||
<img src="./profile.jpeg" alt="내 사진" width="150px" height="150px" /> | ||
<ul> | ||
<li> | ||
<span class="basicInfo-question">이름</span> | ||
<span class="basicInfo-answer"> 신지환</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">학과</span> | ||
<span class="basicInfo-answer"> 산업정보시스템공학과</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">나이</span> | ||
<span class="basicInfo-answer"> 25</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">mbti</span> | ||
<span class="basicInfo-answer"> ENTP</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">파트</span> | ||
<span class="basicInfo-answer"> 백엔드</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">거주지역</span> | ||
<span class="basicInfo-answer"> 인천</span> | ||
</li> | ||
</ul> | ||
</article> | ||
</section> | ||
<!--END basicInfo section--> | ||
<!-- START 밸런스 게임 섹션 --> | ||
<section id="balanceGame"> | ||
<h2 class="section-title">밸런스 게임</h2> | ||
<ol> | ||
<li>부먹 vs <span class="balanceGame-answer">찍먹</span></li> | ||
<li><span class="balanceGame-answer">팥붕 </span>vs 슈붕</li> | ||
<li>민초 vs <span class="balanceGame-answer">반민초</span></li> | ||
<li>100만원 받고 파트바꾸기 vs <span class="balanceGame-answer">지금 내 파트 선택하기</span></li> | ||
<li>멋사의 기둥 유승한 vs <span class="balanceGame-answer">차은우</span></li> | ||
</ol> | ||
</section> | ||
<!-- END balanceGame section --> | ||
<!-- START favoriteFood 섹션 --> | ||
<section id = "favoriteFood"> | ||
<h2 class = "section_title">좋아하는 음식 3가지</h2> | ||
<ol> | ||
<li>신라면</li> | ||
<li>짜파게티</li> | ||
<li>불닭</li> | ||
</ol> | ||
</section> | ||
<!-- END favoriteFood 섹션 --> | ||
<!-- START wantToDo 섹션 --> | ||
<section id = "wantToDo"> | ||
<h2 class = "section_title">사자들과 일년동안 하고싶은 것!!</h2> | ||
<ul> | ||
<li>스터디하기</li> | ||
<li>프로젝트하기</li> | ||
</ul> | ||
</section> | ||
<section id = "tmi"> | ||
<h2 class = "section-title">나의 TMI</h2> | ||
<ol> | ||
<li>햄버거 먹는중</li> | ||
<li>감자튀김도 먹는중</li> | ||
<li>상주하는중</li> | ||
</ol> | ||
</section> | ||
<!-- START letter section --> | ||
<section id="letter"> | ||
<h2 class="section-title">12기에게 한마디</h2> | ||
</section> | ||
<pre>안녕하세요~멋사짱</pre> | ||
</main> | ||
<footer id = "extraInfo"> | ||
<ul> | ||
<li>숭실대학교 멋쟁이사자처럼 12기 1주차 공통세션</li> | ||
<li>TEL | 010-9044-0816</li> | ||
<li>gitHub | <a href="https://github.com/likelion-ssu/12th-common-session">SHIN</a></li> | ||
<li>instargram | @sin___0.0</li> | ||
<li>email | [email protected]</li> | ||
</ul> | ||
</footer> | ||
</body> | ||
<head> | ||
<meta charset="UTF-8" /> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
<link rel="icon" href="./likelion.ico" /> | ||
<title>신지환_TMI</title> | ||
<link | ||
rel="font" | ||
as="style" | ||
crossorigin | ||
href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable.min.css" | ||
/> | ||
<!-- 자주 쓰는 pretendar폰트 --> | ||
<link rel="stylesheet" href="./style.css" /> | ||
</head> | ||
<body> | ||
<header> | ||
<h1>신지환의 TMI</h1> | ||
<nav> | ||
<ul> | ||
<!-- li * 6단축키 --> | ||
<li><a href="#basicInfo">#기본정보</a></li> | ||
<li><a href="#balanceGame">#밸런스_게임</a></li> | ||
<li><a href="#favoriteFood">#좋아하는_음식</a></li> | ||
<li><a href="#">#하고픈거</a></li> | ||
<li><a href="#">#TMI</a></li> | ||
<li><a href="#letter">#12기에게 한마디</a></li> | ||
</ul> | ||
</nav> | ||
</header> | ||
<main> | ||
<!-- 기본정보를 보여주는 섹션입니다. --> | ||
<section id="basicInfo"> | ||
<h2 class="section-title">기본 자기소개</h2> | ||
<article> | ||
<img | ||
src="./profile.jpeg" | ||
alt="내 사진" | ||
width="150px" | ||
height="150px" | ||
/> | ||
<ul> | ||
<li> | ||
<span class="basicInfo-question">이름</span> | ||
<span class="basicInfo-answer"> 신지환</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">학과</span> | ||
<span class="basicInfo-answer"> 산업정보시스템공학과</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">나이</span> | ||
<span class="basicInfo-answer"> 25</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">mbti</span> | ||
<span class="basicInfo-answer"> ENTP</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">파트</span> | ||
<span class="basicInfo-answer"> 백엔드</span> | ||
</li> | ||
<li> | ||
<span class="basicInfo-question">거주지역</span> | ||
<span class="basicInfo-answer"> 인천</span> | ||
</li> | ||
</ul> | ||
</article> | ||
</section> | ||
<!--END basicInfo section--> | ||
<!-- START 밸런스 게임 섹션 --> | ||
<section id="balanceGame"> | ||
<h2 class="section-title">밸런스 게임</h2> | ||
<ol> | ||
<li>부먹 vs <span class="balanceGame-answer">찍먹</span></li> | ||
<li><span class="balanceGame-answer">팥붕 </span>vs 슈붕</li> | ||
<li>민초 vs <span class="balanceGame-answer">반민초</span></li> | ||
<li> | ||
100만원 받고 파트바꾸기 vs | ||
<span class="balanceGame-answer">지금 내 파트 선택하기</span> | ||
</li> | ||
<li> | ||
멋사의 기둥 유승한 vs <span class="balanceGame-answer">차은우</span> | ||
</li> | ||
</ol> | ||
</section> | ||
<!-- END balanceGame section --> | ||
<!-- START favoriteFood 섹션 --> | ||
<section id="favoriteFood"> | ||
<h2 class="section_title">좋아하는 음식 3가지</h2> | ||
<ol> | ||
<li>신라면</li> | ||
<li>짜파게티</li> | ||
<li>불닭</li> | ||
</ol> | ||
</section> | ||
<!-- END favoriteFood 섹션 --> | ||
<!-- START wantToDo 섹션 --> | ||
<section id="wantToDo"> | ||
<h2 class="section_title">사자들과 일년동안 하고싶은 것!!</h2> | ||
<ul> | ||
<li>스터디하기</li> | ||
<li>프로젝트하기</li> | ||
</ul> | ||
</section> | ||
<section id="tmi"> | ||
<h2 class="section-title">나의 TMI</h2> | ||
<ol> | ||
<li>햄버거 먹는중</li> | ||
<li>감자튀김도 먹는중</li> | ||
<li>상주하는중</li> | ||
</ol> | ||
</section> | ||
<!-- START letter section --> | ||
<section id="letter"> | ||
<h2 class="section-title">12기에게 한마디</h2> | ||
</section> | ||
<pre>안녕하세요~멋사짱</pre> | ||
</main> | ||
<footer id="extraInfo"> | ||
<ul> | ||
<li>숭실대학교 멋쟁이사자처럼 12기 1주차 공통세션</li> | ||
<li>TEL | 010-9044-0816</li> | ||
<li> | ||
gitHub | | ||
<a href="https://github.com/likelion-ssu/12th-common-session">SHIN</a> | ||
</li> | ||
<li>instargram | @sin___0.0</li> | ||
<li>email | [email protected]</li> | ||
</ul> | ||
</footer> | ||
</body> | ||
</html> |