-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
198 lines (162 loc) · 10.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
<김태연.html>
<!DOCTYPE html>
<html>
<header style="height:75px; background-color: rgb(255, 219, 239); position: fixed; width:100%; height: 80px; z-index:9999; top:0; left:0;">
<div class="wrapper">
<h1 style="color:violet; line-height: 75px text-align: center;">ABOUT TAE YEON</h1>
<nav>
<ul class="category" style="margin-right:50px; margin-left:auto;">
<li style="color:white; font-size: 25px;"><a href="#김태연" style="line-height:75px; color:white; padding:0 20px; display:block">Home</a></li>
<li style="color:white; font-size: 25px;"><a href="#학교" style="line-height:75px; color:white; padding:0 20px; display:block" >School</a></li>
<li style="color:white; font-size: 25px;"><a href="#좋아" style="line-height:75px; color:white; padding:0 20px; display:block">Favorite</a></li>
<li style="color:white; font-size: 25px;"><a href="#미래" style="line-height:75px; color:white; padding:0 20px; display:block">Future</a></li>
</ul>
</nav>
</div>
</header>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="UTF-8">
<title>태연's profile </title>
<style>
body{background-color : lightcoral;}
</style>
</head>
<body>
<div class="left" id="김태연">
<div class="profile-img">
<div><img src="https://post-phinf.pstatic.net/MjAxODA2MDVfMTcy/MDAxNTI4MjAxNjQzNDAx.g7014o4qW0am-r2SsrpAqEdu7BxWUQw_UTSZPNh_nhUg.anuDF9-q_uvMjIvx8y6PMKS5FXaI2YvOB0AEy5pr7EIg.PNG/%EC%95%84%EB%8F%99%EB%AF%B8%EC%88%A0_%EA%B7%B8%EB%A6%BC%EA%B7%B8%EB%A6%AC%EA%B8%B0_%EB%AC%B8%EC%96%B4.png?type=w1200" width="400" height="420" style="margin-top:150px;margin-right:auto;margin-left:auto;display:block;"/>
</div>
<div>
<h3 style="text-align: center;color:white;">김 태 연</h3>
<h3 style="text-align: center;color:white;">Kim Tae Yeon</h3>
<h3 style="text-align: center;color:white;">2001.03.19</h3>
<h3 style="text-align: center;color:white;">별명 : 문어탱, 탱구, 탱탕탱탕</h3>
<h3 style="text-align: center;color:white;">동국대학교 정보통신공학과 20학번 재학중</h3>
<a href="https://www.instagram.com/taeyeon_eo/"><img src="https://t1.daumcdn.net/cfile/tistory/993B81465D0F93013C" width="50" height="50" style="margin-right:auto;margin-left:auto;display:block;"/></a>
<a href="https://www.facebook.com/profile.php?id=100010148075005"><img src="https://t1.daumcdn.net/cfile/tistory/99F2C1505D0E45FF24"width="50" height="50" style="margin-top:10px;margin-right:auto;margin-left:auto;display:block;"/></a>
</div>
</div>
</body>
<body>
<div id="학교">
<h1 style="text-align: center; margin-top:200px;color : purple;">
SCHOOL
</h1>
<div class="효자초-img">
<div><img src="https://www.egn.kr/news/photo/201405/63103_91257_933.jpg" width="660" height="380" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:white;"><a href="http://www.hyojacho.es.kr/wah/main/index.htm">효자초등학교</a></h2>
<h3 style="text-align: center;color:white;">경기도 용인시 수지구 성복1로 106-1</h3>
<h3 style="text-align: center;color:white;">남녀공학</h3>
</div>
<div class="성복중-img">
<div><img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcQfbHnaYGtqe-sq_8iwqHTCzRGIUBO_l_k8QtoURyDE33WiJHQu&usqp=CAU" width="700" height="420" style="margin-top:100px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:white;"><a href="http://www.sungbok.ms.kr/wah/main/index.htm">성복중학교</a></h2>
<h3 style="text-align: center;color:white;">경기도 용인시 수지구 성복2로78번길 51</h3>
<h3 style="text-align: center;color:white;">남녀공학</h3>
</div>
<div class="성복고-img">
<div><img src="https://image.cloud.sbs.co.kr/smr/clip/201605/22/MuN9ZEknjZGu9zGdbD4CPP_640.jpg" width="460" height="360" style="margin-top:100px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:white;"><a href="http://www.seongbok.hs.kr/main.php">성복고등학교</a></h2>
<h3 style="text-align: center;color:white;">경기도 용인시 수지구 도마치로 92</h3>
<h3 style="text-align: center;color:white;">남녀공학</h3>
</div>
<div class="동국대-img">
<div><img src="https://t1.daumcdn.net/cfile/tistory/99B26B3C5D2FCB8108" width="460" height="360" style="margin-top:100px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:white;"><a href="http://www.dongguk.edu/mbs/kr/index.jsp">동국대학교</a></h2>
<h3 style="text-align: center;color:white;">서울특별시 중구 필동로 1길30</h3>
<h3 style="text-align: center;color:white;">사립대학교 4년제</h3>
</div>
</div>
</body>
<body>
<div id="좋아">
<h1 style="text-align:center; margin-top:200px; color:purple;">
FAVORITE
</h1>
</div>
<body>
<div class="left">
<h1 style="text-align: center;color:rgb(180, 39, 180); margin-top: 50px;"> Favorite Food</h1>
</div>
<div class="치킨-img">
<div><img src="https://economychosun.com/query/upload/303/20190608214338_gubchoja.jpg" width="250" height="300" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<h3 style="text-align: center;color:white;">치킨</h3>
<div class="돼지고기김치찜-img">
<div><img src="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F183F53254B06A83D2E" width="400" height="300" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<h3 style="text-align: center;color:white;">돼지고기김치찜</h3>
</body>
<body>
<div class="left">
<h1 style="text-align: center;color:rgb(180, 39, 180); margin-top: 100px;"> Favorite Movie</h1>
</div>
<div class="세얼간이-img">
<div><img src="https://img1.daumcdn.net/thumb/R800x0/?scode=mtistory2&fname=https%3A%2F%2Ft1.daumcdn.net%2Fcfile%2Ftistory%2F276C5C4552CEA3930B" width="300" height="420" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<h3 style="text-align: center;color:white;">세얼간이</h3>
<div class="말할 수 없는 비밀-img">
<div><img src="https://t1.daumcdn.net/cfile/tistory/99C30E395C0CC4AA41" width="300" height="420" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<h3 style="text-align: center;color:white;">말할 수 없는 비밀</h3>
</body>
<body>
<div class="left">
<h1 style="text-align: center;color:rgb(180, 39, 180); margin-top: 100px;"> Favorite Singer</h1>
</div>
<div class="빌리아일리쉬-img">
<div><img src="https://lh3.googleusercontent.com/proxy/vJztjG3KZ0EYY0BQDsucg0GaUT8RDp2rAHCVP30S6eTcoykbjmfFiL52hu4gGdP8qnRTr6UV17LFpoOwtOof14OLwcQ_ZoIcOfO6JR2ZTQoltE9NRH3z4Sf3xQ933JJbfEAXWNyDxZphbwg45K9upunRCBZT2_vLRdoJavlJLFZ34PWiMEYKA81goVmM9VXPSM7R9kGwv8u7q1Pn9-5-UgPwM_8sj9miE7Q_lmon4iRrdJMlma4dIXIR_AWfS4cIcZHjgoQElPJj3FqJwn60JLi-JzkhC4oo1TWz5ZjN_pHCpWVtDZ6mtJU-oxesBJH06Q8ib6QDo6qaUjkx89TLhtc" width="300" height="350" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<h3 style="text-align: center;color:white;">빌리 아일리쉬</h3>
<h4 style="text-align: center;color:white;">Bad Guy, Ocean Eyes, Bellyache, Lovely etc...</h4>
<div class="윤하-img">
<div><img src="https://img.etoday.co.kr/pto_db/2020/01/600/20200117084506_1414217_1000_667.jpg" width="450" height="300" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<h3 style="text-align: center;color:white;">윤하</h3>
<h4 style="text-align: center;color:white;">비밀번호 486, 기다리다, 먹구름, Winter Flower etc...</h4>
</body>
</body>
<body>
<div id="미래">
<h1 style="text-align:center; margin-top:200px; color:purple;">
FUTURE
</h1>
</div>
<div class="여행-img">
<div><img src="https://www.travelnbike.com/news/photo/201903/77604_141293_4837.png" width="660" height="380" style="margin-top:50px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:rgb(85, 85, 228);">여행</h2>
<h3 style="text-align: center;color:white;">프랑스, 몰타, 스웨덴, 덴마크 여행 가고 싶다!</h3>
</div>
<div class="프로그래밍-img">
<div><img src="https://t1.daumcdn.net/cfile/tistory/99C94E495C81F1AA0F" width="450" height="320" style="margin-top:100px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:rgb(85, 85, 228);">프로그래밍</h2>
<h3 style="text-align: center;color:white;">멋사 활동 열심히 해서 웹 개발 꼭 해야지!</h3>
</div>
<div class="스페인어-img">
<div><img src="https://kcpc.org/images/TheDisciples/%EC%8A%A4%ED%8E%98%EC%9D%B8%EC%96%B4_%EC%88%98%EA%B0%95_%EA%B0%84%EC%A6%9D_1-1.jpg" width="500" height="360" style="margin-top:100px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:rgb(85, 85, 228);">스페인어 공부</h2>
<h3 style="text-align: center;color:white;">스페인어 배워보고 싶다!</h3>
</div>
<div class="연애-img">
<div><img src="https://img.huffingtonpost.com/asset/5d0f3f8a210000dc18f3f244.jpeg?cache=Z0j282I3v8&ops=scalefit_720_noupscale" width="460" height="360" style="margin-top:100px;margin-right:auto;margin-left:auto;display:block;"/></div>
</div>
<div class="left">
<h2 style="text-align: center;color:rgb(85, 85, 228);">연애</h2>
<h3 style="text-align: center;color:white;">연애...해보고 싶네요..ㅋ</h3>
</div>
</html>