Skip to content

Commit

Permalink
fix: 지환 스타일코드 추가
Browse files Browse the repository at this point in the history
  • Loading branch information
@SooY2
SooY2 committed Apr 11, 2024
1 parent b9d5435 commit f2d803a
Showing 1 changed file with 131 additions and 117 deletions.
248 changes: 131 additions & 117 deletions JIHWAN_BE/index.html
View file
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>

0 comments on commit f2d803a

Please sign in to comment.