-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathProject.html
More file actions
467 lines (448 loc) · 24.8 KB
/
Project.html
File metadata and controls
467 lines (448 loc) · 24.8 KB
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
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Project1</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Alkatra&display=swap" rel="stylesheet">
<link href="https: //fonts.googleapis.com/css2? 가족= 나눔+고딕:wght@700 & display=swap" rel="stylesheet">
<link href="https: //fonts.googleapis.com/css2? 가족 = 동글:wght@300 & display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Dongle:wght@700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Gothic+A1:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<div class="total-page">
<div class="bookcover"><a name="page-1"></a>
<div class="bookdot">
<div class="page">
<div class="profile-container">
<div class="profile-title">
TODAY<span class="color-red"> 35</span> | TOTAL 325120
</div>
<div class="box profile-box">
<div class="profile-image">
<img
class="profile-image-img"
src="myphoto.jpg"
alt="프로필 이미지"
/>
</div>
<div class="profile-text font-kyobohand">
사람들은 오늘도 과거에 머물고 세상은 나 없이도 잘 돌아가네요
아직은 어려서 나 철이 안 드나봐요
왜 이렇게 바보 같을까★
</div>
<div class="profile-username font-kyobohand">
<span>성현이</span> (♪♬)
</div>
<div class="profile-dropdown">
<div class="dropdown-button">
<div class="dropdown-title">Click Me!</div>
<div class="triangle-down"></div>
</div>
<div class="dropdown-content">
<a href="https://blog.naver.com/csh_scl" target="_blank">블로그 바로가기</a>
<a href="https://www.instagram.com/cho_ggi/" target="_blank">인스타그램 바로가기</a>
</div>
</div>
</div>
</div>
<div class="content-container">
<div class="header content-title">
<div class="content-title-name">성현이의 자기소개 (*ˊᵕˋo)</div>
</div>
<div class="box content-box">
<div class="box-title">Who am I?</div>
<div class="news-flex-box">
<div class="news-box">
<div class="news-row">
<div class="news-category category-pic">소개</div>
<div class="news-title">불꽃컴공 조성현</div>
</div>
<div class="news-row">
<div class="news-category category-post">취미</div>
<div class="news-title">운동, 수영, 배드민턴, 코딩♥♥</div>
</div>
<div class="news-row">
<div class="news-category category-post">좌우명</div>
<div class="news-title">아침이 오지 않는 밤은 없다</div>
</div>
<div class="news-row">
<div class="news-category category-pic">인스타</div>
<div class="news-title">올림픽공원 방문기!</div>
</div>
</div>
<div class="update-box">
<div class="menu-row">
올해의 목표
</div>
<div class="menu-row">
<div class="menu-item">1. 토익900점 달성하기</div>
<div class="menu-item">2. 학점 4.0 넘기기</div>
<div class="menu-item">3. 유럽 배냥여행 다녀오기</div>
<div class="menu-item">4. 주 3회 운동하기</div>
<div class="menu-item">5. 바디프로필 찍기</div>
</div>
</div>
</div>
<div class="miniroom">
<div class="box-title">Photo Spot!</div>
<div class="miniroom-gif-box">
<img class ="box3" src="사진자료1.jpg" alt="대표 사진1" />
<img class ="box3" src="사진자료3.jpg" alt="대표 사진2" />
<img class ="box3" src="사진자료2.jpg" alt="대표 사진3" />
</div>
<h3 class="comment">오늘의 소감</h3>
<div class="sub-comment">간만에 간 올림픽 공원 날도 좋고 경치도 좋고 최고의 하루~</div>
</div>
</div>
</div>
<div class="menu-container">
<div class="menu-button">
<a href="#page-1"><button>자기소개</button></a>
<a href="#page-2"><button>짝꿍소개</button></a>
<a href="#page-3"><button>올림픽 공원</button></a>
<a href="#page-4"><button>추천명소</button></a>
</div>
</div>
</div>
</div>
</div>
<div class="nav-bar"><a name="page-2"></a>
<nav>
<a href='#page-1' class='item'>자기소개</a>
<a href='#page-2' class='item'>짝꿍소개</a>
<a href='#page-3' class='item'>올림픽 공원</a>
<a href='#page-4' class='item'>추천 경로!</a>
</nav>
</div>
<div class="bookcover" id="bookcover-sub">
<div class="bookdot">
<div class="page">
<div class="profile-container">
<div class="header profile-title font-neo">
TODAY<span class="color-red"> 40</span> | TOTAL 238254
</div>
<div class="box profile-box">
<div class="profile-image">
<img
class="profile-image-img"
src="짝꿍3.jpg"
alt="프로필 이미지"
/>
</div>
<div class="profile-text font-kyobohand">
아무쪼록 행운을 빌어 줘 내 앞길에 행복을 빌어 줘
계절이 흘러 되돌아오면 더 나은 내가 되어 있을 테니 기대해 줘★
</div>
<div class="profile-username font-kyobohand">
<span>수지니</span> (♪♬)
</div>
<div class="profile-dropdown">
<div class="dropdown-button">
<div class="dropdown-title">Click Me!</div>
<div class="triangle-down"></div>
</div>
<div class="dropdown-content">
<a href="https://blog.naver.com/csh_scl" target="_blank">블로그 바로가기</a>
<a href="https://www.instagram.com/cho_ggi/" target="_blank">인스타그램 바로가기</a>
</div>
</div>
</div>
</div>
<div class="content-container">
<div class="header content-title">
<div class="content-title-name">짝꿍을 소개합니다!_(*ˊᵕˋo)_</div>
</div>
<div class="box content-box">
<div class="box-title">Who are U?</div>
<div class="news-flex-box">
<div class="news-box">
<div class="news-row">
<div class="news-category category-pic">소개</div>
<div class="news-title">불꽃컴공 박수진</div>
</div>
<div class="news-row">
<div class="news-category category-post">취미</div>
<div class="news-title">노래듣기, 산책, 코딩♥♥</div>
</div>
<div class="news-row">
<div class="news-category category-post">좌우명</div>
<div class="news-title">이 또한 지나가리라</div>
</div>
<div class="news-row">
<div class="news-category category-pic">최애곡</div>
<div class="news-title">원필 - 행운을 빌어줘!</div>
</div>
</div>
<div class="update-box">
<div class="menu-row">
올해의 목표
</div>
<div class="menu-row">
<div class="menu-item">1. 게임 제작하기</div>
<div class="menu-item">2. 헬스 시작해서 근육량 늘리기</div>
<div class="menu-item">3. 요리 성공해보기</div>
<div class="menu-item">4. 꾸준히 백준 풀기</div>
<div class="menu-item">5. 꾸준히 봉사활동하기</div>
</div>
</div>
</div>
<div class="miniroom">
<div class="box-title">Photo Spot!</div>
<div class="miniroom-gif-box">
<img class ="box3" src="짝꿍2.jpg" alt="대표 사진1" />
<img class ="box3" src="짝꿍5.jpg" alt="대표 사진2" />
<img class ="box3" src="짝꿍4.jpg" alt="대표 사진3" />
</div>
<h3 class="comment">함께 한 20문 20답</h3>
<div class="photo-title">1. 첫 인상은?</div>
<div class="answer">
첫 인상은 기억이 잘 안나는데 두번째 봤을때는 조용하다고 생각했다.
</div>
<div class="photo-title">2. 컴공 수업 중 제일 어려운 수업은?</div>
<div class="answer">
컴퓨터 구조!
</div>
<div class="photo-title">3. 대학 졸업 전 이루고 싶은 것은?</div>
<div class="answer">
혼자 여행다녀오기!
</div>
<div class="photo-title">4. 평생 여름으로 살기 VS 평생 겨울로 살기</div>
<div class="answer">
겨울로 살기!
</div>
<div class="photo-title">5. 살면서 제일 행복했던 순간은?</div>
<div class="answer">
홍콩이랑 마카오 여행 갔을 때!
</div>
<div class="photo-title">6. 살면서 제일 후회했던 순간은?</div>
<div class="answer">
후회되는 일들은 금방 잊는 편이라 딱히 기억에 남는 건 없다.
</div>
<div class="photo-title">7. 건국대 최애 음식점은?</div>
<div class="answer">
시홍쓰!
</div>
<div class="photo-title">8. 살면서 제일 감명깊게 본 영화 제목은?</div>
<div class="answer">
어거스트 러쉬
</div>
<div class="photo-title">9. 최근 제일 재밌게 본 드라마?</div>
<div class="answer">
킹덤!
</div>
<div class="photo-title">10. 평생 대학원생으로 살기 VS 대학 10년 다니고 졸업하기</div>
<div class="answer">
평생 대학원생으로 살기!
</div>
<div class="photo-title">11. Mbti?</div>
<div class="answer">
isfp!
</div>
<div class="photo-title">12. 이상형이 어떻게 되나요?</div>
<div class="answer">
귀여운 사람!
</div>
<div class="photo-title">13. 취미생활은?</div>
<div class="answer">
누워서 쉬기!
</div>
<div class="photo-title">14. 최근 즐겨듣는 노래는?</div>
<div class="answer">
요즘은 콜드 노래를 즐겨듣는 중!
</div>
<div class="photo-title">15. 주량이 어떻게 되나요?</div>
<div class="answer">
소주 반병!
</div>
<div class="photo-title">16. 좋아하는 음식은?</div>
<div class="answer">
한식을 좋아함!
</div>
<div class="photo-title">17. 마지막 연애가 언제인가요?</div>
<div class="answer">
없음 ㅎ!
</div>
<div class="photo-title">18. 여행 가보고 싶은 나라는?</div>
<div class="answer">
독일!
</div>
<div class="photo-title">19. 오늘의 소감은?</div>
<div class="answer">
힘들었지만 재밌었다!
</div>
<div class="photo-title">20. 그 이유는?</div>
<div class="answer">
언덕이 많아서 힘들긴 했지만 날씨도 좋고 올림픽 공원와서 사람 구경도 하고 알록달록한 꽃들과 나무들을 보니 기분전환도 되고 좋았다.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bookcover"><a name="page-3"></a>
<div class="bookdot">
<div class="page">
<div class="content-container">
<div class="header content-title">
<div class="content-title-name">올림픽공원 소개합니다. (*ˊᵕˋo💐o</div>
</div>
<div class="box content-box">
<div class="box-title">About OlympicPark</div>
<div class="news-flex-box">
<div class="news-box">
<div class="news-row">
<div class="news-category category-pic">소개</div>
<div class="news-title">올림픽 공원은 총 43만 평에 달하는 넓은 부지에 자연녹지와 올림픽 시설물들이 조화를 이뤄 사랑 받는 공원</div>
</div>
<div class="news-row">
<div class="news-category category-post">이유1</div>
<div class="news-title">졸업사진, 나들이 하러 올림픽 공원을 자주가서 좋은 추억이 있는데 처음인 수진이한테 소개해 주고 싶었다.!</div>
</div>
<div class="news-row">
<div class="news-category category-post">이유2</div>
<div class="news-title">공원 곳곳에 조경도 잘 되어 있고, 볼거리도 많고, 특히 벚꽃이 이쁘게 폈다는 소식을 알게 되어서 ♥♥</div>
</div>
<div class="news-row">
<div class="news-category category-post">이유3</div>
<div class="news-title">역이 세개가 있어 접근성도 좋고 둘다 걷기가 취미라 걷고 이야기하기 좋은 올림픽 공원을 선정하게 되었습니다.</div>
</div>
</div>
</div>
<div class="miniroom">
<div class="box-title">Miniroom</div>
<div class="introducing">
<img class="picture2" src="올림픽공원표지1.png">
<img class="picture2" src="올림픽공원표지2.png">
</div>
</div>
</div>
</div>
<div class="menu-container">
<div class="menu-button">
<a href="#page-1"><button>자기소개</button></a>
<a href="#page-2"><button>짝꿍소개</button></a>
<a href="#page-3"><button>올림픽 공원</button></a>
<a href="#page-4"><button>추천명소</button></a>
</div>
</div>
</div>
</div>
</div>
<div class="nav-bar"><a name="page-4"></a>
<nav>
<a href='#page-1' class='item'>자기소개</a>
<a href='#page-2' class='item'>짝꿍소개</a>
<a href='#page-3' class='item'>올림픽 공원</a>
<a href='#page-4' class='item'>추천 경로!</a>
</nav>
</div>
<div class="bookcover" id="bookcover-sub"><a name="page-4"></a>
<div class="bookdot">
<div class="page">
<div class="content-container">
<div class="header content-title">
<div class="content-title-name">이렇게 다녀오시는 것 어떠세요?..(*ˊᵕˋo💐o</div>
</div>
<div class="box content-box">
<div class="box-title">추천 경로</div>
<div class="news-flex-box">
<div class="news-box">
<div class="news-row">
<div class="news-category category-pic">준비물</div>
<div class="news-title">멋진 풍경을 담고 싶다면 카메라는 필수!! 주의점 : 경치에 매료되어 시간가는 줄 모른다.!</div>
</div>
<div class="news-row">
<div class="news-category category-pic">오시는법</div>
<div class="news-title">8호선, 9호선을 타고 오시면 1코스를 통해 5호선을 타고 오면 2코스를 이용하게 효과적이다!</div>
</div>
<div class="news-row">
<div class="news-category category-pic">추천 코스</div>
<div class="news-title">올림픽 공원 내에서 가장 아름다운 곳 구경(9개의 장소를 구경한다)를 다 가보면 좋지만 못가실 분들을 위해 두 코스를 나눴다.</div>
</div>
<div class="news-row">
<div class="news-category category-post">1코스</div>
<div class="news-title">세계평화의문(1경) - 몽촌해자 음악분수(3경) - 대화조각상(4경) - 몽촌토성 산책로(5경) - 장미광장(9경) - 들꽃마루(8경)</div>
</div>
<div class="news-row">
<div class="news-category category-post">2코스</div>
<div class="news-title">엄지손가락 조각(2경) - 나홀로나무(6경) - 산수유길 - 백제집자리박물관 - 오륜정 팔각정 - 88호수(7경) - 송파둘레길</div>
</div>
</div>
</div>
<div class="miniroom">
<div class="box-title">Miniroom</div>
<div class="spot-container">
<div class="sub-title">1코스</div><br>
<img class="spot" src="1번코스/1코스 1번.jpg">
<img class="spot" src="1번코스/1코스 7번.jpg">
<img class="spot" src="1번코스/1코스 9번.jpg">
<div><h3>세계 평화의 문</h3></div>
<div class="main-text">올림픽공원이라면 제일 먼저 떠오르는 "세계평화의 문" 이는 평화를 기원하는 한민족의 얼이 담긴 김중엽 선생의 작품으로, 88년 서울 올림픽 정신을 기리기 위해 설계된 조형물이라고 한다. <br>올림픽 공원에서 제일 좋아하는 장소로 항상 낮에만 방문했는데 노을 질때 바라보니 감회가 색달랐다. 거대한 크기의 조형물, 그 안에 끝없이 타오르는 불꽃을 바라보며 올해도 내 자신의 목표를 위해 파이팅하자 다짐을 했다.
</div>
</div>
<div class="spot-container">
<img class="spot" src="1번코스/1코스 2번.jpg">
<img class="spot" src="1번코스/1코스 5번.jpg">
<img class="spot" src="1번코스/1코스 6번.jpg">
<div><h3>몽촌해자</h3></div>
<div class="main-text">성벽 바깥을 따라 도는 물길을 '해자' 라고 하는데, 일종의 군사방어시설이다.<br>
몽촌해자는 1983년 몽촌토성 외곽을 발굴조사할 때 성벽 아래에서 발견된 흔적을 기초로 만든 인공호수이며 다양한 동식물이 서식하고 있다. 뒤의 올림픽 참여 국기들과 어울려 풍경이 아름답다.
</div>
</div>
<div class="spot-container">
<img class="spot" src="1번코스/1코스 4번.jpg">
<img class="spot" src="1번코스/1코스 3번.jpg">
<img class="spot" src="1번코스/1코스 8번.jpg">
<div><h3>몽촌토성 산책로</h3></div>
<div class="main-text">다음으로는 서울에서 걷기좋은 곳으로 손꼽히는 몽촌토성 산책로이다. 해가 떠 있을때는 산책로를 걸으며 이쁘게 핀 꽃들과 사진을 찍었으며 해질 녘에 다시한번 방문했는데 분위기가 너무 몽환적이라 언덕에 앉아 이런저런 담소를 나누며 20문 20답을 진행했다.
</div>
</div>
<div class="spot-container">
<div class="sub-title">2코스</div><br>
<img class="spot" src="2번코스/2코스 1번.jpg">
<img class="spot" src="2번코스/2코스 2번.jpg">
<div><h3>나홀로 나무</h3></div>
<div class="main-text">짝꿍이 제일 가보고 싶었던 제 6경 나홀로 나무이다. 영화, 광고, 드라마에서 자주 나와 많은 분들이 알 것 같다. 전부터 왜 나홀로 나무인지 궁금해서 찾아보니 88올림픽을 앞두고 몽촌토성 안에 있던 300여 채의 민가를 철거하는 과정에서 키가 크고 모양이 예쁜 나홀로나무만 남기고 모두 허물어 버렸기 떄문이라고 한다.
푸른 하늘과 넓은 들판, 그리고 나무 한 그루 한 폭의 그림같다.
</div>
</div>
<div class="spot-container">
<img class="spot" src="2번코스/2코스 3번.jpg">
<img class="spot" src="2번코스/2코스 4번.jpg">
<img class="spot" src="2번코스/2코스 5번.jpg">
<div><h3>88호수와 팔각정(오륜정)</h3></div>
<div class="main-text">88호수는 성내천의 유수지 역할을 하는 인공호수로, 호수 한 쪽에 팔각정이 있어 한 폭의 수채화처럼 아름다운 경관을 연출한다. 특히 팔각정 뒤쪽에 벚꽃이 이쁘게 피어 있어 호수를 배경으로 사진을 찍으면 인생샷을 건질 수 있다.
</div>
</div>
<div class="spot-container">
<img class="spot" src="2번코스/2코스 6번.jpg">
<img class="spot" src="2번코스/2코스 7번.jpg">
<img class="spot" src="2번코스/2코스 8번.jpg">
<img class="spot" src="2번코스/2코스 9번.jpg">
<img class="spot" src="2번코스/2코스 10번.jpg">
<div><h3>송파둘레길, 산수유길</h3></div>
<div class="main-text">
산수유길 가다가 발견한 백제집자리박물관 하지만 꽃이 너무 이뻐 입구에서 한 컷! 다음으로 간 산수유길 오늘 본 꽃 들중에서 꽃이 제일 활짝 핀 것 같았다. 걷는 내내 눈이 너무 즐거웠고 풍경에 빠져 걷다보니 송파둘레길까지 가버렸다. 둘레길도 벚꽃으로 가득해서 정말 열심히 걸었던 것 같다. 그렇게 우리는 저녁을 먹으러 갔다.!!!
</div>
</div>
<div class="spot-container">
<img class="spot" src="3번코스/3코스 2번.jpg">
<img class="spot" src="3번코스/3코스 1번.jpg">
<div><h3>저녁식사와 인증샷</h3></div>
<div class="main-text">27300보.. 경치와 날씨가 너무 좋아 쉴새없이 걸었던 거 같다. 저녁으로 수작나베(스키야키)라는 음식점에 갔다. 저녁시간이 조금 지나서 갔는데 사람들이 많아 웨이팅을 섰다. 우리는 밀푀유나베 + 가라야케 + 음료 구성인 나베세트 2인세트 주문했다. 양도 푸짐하고 맛도 맛있어서 놀랐고 나베를 다 먹으면 추가로 우동사리와 죽 까지 제공해줘서 배터지게 맛있게 먹었다. 가격은 2인 세트 <br>기준 38000원이고 직원분들도 친철하셔서 맛있는 한끼였다. 다음에 기회에 되면 또 올것 같다.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>