<head>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title> My portfolio </title>

<link rel="stylesheet" type="text/css" href="style3.css">

</head>

<body>

<header class=title> <!---제목-->

<h1> 나의 포트폴리오 </h1>

<p>

2020년 가을학기 웹프로그래밍 최종실습

</p>

</header>

<div class="wrapper">

<div class="navbar"> <!--페이지 내 네비게이션 바-->

<br>

<a href="#life">Thinking</a>

<a href="#after"> Motto </a>

<a href="#work"> Pic </a>

</div>

<div class="container"> <!--컨테이너 / 섹션 1 -->

<article id="life">

<h2 class="container-title"> Thinking </h2>

<img class="my-word-pic" src="https://postfiles.pstatic.net/MjAyMDA4MThfODkg/MDAxNTk3NzI2NTI5MDkx._LTGZQ7vDwnVlU2ThfmNrycxlud4IEmEJjDFlOqAw2cg.SLTMFdqdj89Nu2OtVinkeho3dVMmHYn6s8wuQSEhFbYg.JPEG.wanna_eat_nabe/IMG_0352.JPG?type=w966"

alt="출처 - 재수의 연습장">

<p> 좋은 것은 영원하지 않다.</p>

<p> 장소든 작품이든 음식이든 사람이든 "좋다"는 말이 절로 나오는 그 무엇은 </p>

<p> 그리 오래가지 않아 지금의 좋음을 상실하게 될 가능성이 크다. </p>

<p> 좋은 것은 절대 당연한 것이 아니다. </p>

<p> 그 좋음을 유지하기 위해 각자의 시간과 노력, 고유의 안목으로 선별된 수많은 디테일들의 화학 작용으로 인해 </p>

<p> 겨우겨우 반짝임을 이어가고 있는 것일지도. </p>

<p> 그래서 이제는 좋은 것을 경험하면, 그것을 톰만 나면 즐기는 것과 동시에 간절하게 응원하게 된다. </p>

<p> 영원하지는 않겠지만 나의 응원이 그 반짝임을 조금이라도 더 이어가는 것에 도움이 되기를 바라는 마음이 된다. </p>

<p> 영원하지도 당연하지도 않은 것. </p>

<p> 그래서 더욱 소중하고 감사한 것. </p>

</article>

</div>

<div class="container">

<article id="after"> <!--섹션 2 -->

<h2 class="container-title"> Motto </h2>

<p> Carpe Diem 이라는 말은 원래 '현재를 잡아라'라는 뜻의 라틴어다. </p>

<p> 과거에 얽매이지 말고 미래를 걱정하지도 말고 오직 나에게 주어진 지금 이 순간을 </p>

<p> 소중히 여기며 현재에 최선을 다하고 집중하라는 뜻이다. </p>

<p> 따라서 카르페 디엠은 주인의 언어다. </p>

<p> 이 멋진 말이 우리나라에 들어와서 '현재를 즐겨라'라는 뜻으로 왜곡되어 사용되고 있다. </p>

<p> 미래가 어떻게 될지 모르고 현재는 한 번 밖에 주어지지 않으니 한 살이라도 젊을 때 먹고 마시고 놀자는 것이다. </p>

<p> 주인의 언어가 노예의 언어로 변질된 것이다. </p>

<p> 지금 이 시간, 내가 무엇을 해야 하는지를 알고 그것을 위해 전력을 다하는 것, </p>

<p> 내가 원하는 삶을 살기 위해 오늘 이시간을 최고로 가치있는 시간으로 만들어가는 것, </p>

<p> 하기 싫은 것을 억지로 하는 것이 아니라 보람과 성취를 느끼며 하루하루를 가장 밀도 있는 시간으로 만들어가는 것, </p>

<p> 그것이 나의 Carpe Diem 이다. </p>

<p> 자신과의 싸움에서 계속 이기며 앞으로 나아가라. </p>

</article>

</div>

<h2 class="container-title"> Pic </h2>

<article id="work">

<div class="main-container"> <!--섹션 3 -->

<div class="grid-container">

<a href="#"> <img src="https://postfiles.pstatic.net/MjAyMDA5MjBfMjI3/MDAxNjAwNTk0NjMwMjMz.Ta7IrwQHo2Tly9IY89c82vSX2it94m-_rnsActNcax0g.UuaejAyGnPhv_hZ_VWpRhhtsg2ftySuq5BO3O4FnbnYg.JPEG.wanna_eat_nabe/IMG_1869.JPG?type=w966"

alt="에노시마로 당일치기 여행하고 바다 구경하기">

</a> </div>

<div class="grid-container">

<a href="#"> <img src="https://postfiles.pstatic.net/MjAyMDA5MjBfOTkg/MDAxNjAwNTk2NzM3Mzcw.IY-08YKv7TVXa_O3Xhlc963W-S1avVRaohnGXI-iDrQg.q181nNHRPzRw7I0xXITHzXMOthJ9mh5n_7SkYT8RsUog.JPEG.wanna_eat_nabe/5DDBDF1C-A01C-49D5-8A19-B5BC7155A827.JPG?type=w966" alt="아름다웠던 에노시마 노을 풍경">

</a> </div>

<div class="grid-container">

<a href="#"><img src="https://postfiles.pstatic.net/MjAyMDA4MThfMTM0/MDAxNTk3NzMwODczODc5.aKymsvxAEdBFoiEc4zwtV8XILAv6QyavdrgDe0fwewEg.-YrsElN99fr2zszCAzwDzoXk6ZZdDVosImYEG4YEkPkg.JPEG.wanna_eat_nabe/IMG_0649.jpg?type=w966"

alt="아오야마 산책">

</a> </div>

<div class="grid-container">

<a href="#">

<img src="https://postfiles.pstatic.net/MjAxOTEwMTVfMjQ4/MDAxNTcxMTE1OTc3NTI5.eJQwdmyLV6YQTR1hOq0Vto8U6043ds7b9lwmjlGuL-Ig.eRy4qxdBnqDZz3tdWuJcBn_H_aGq22MVhl3oQlK288wg.JPEG.wanna_eat_nabe/IMG_0167.jpg?type=w966" alt="도쿄 지하철에서">

</a> </div>

<div class="grid-container">

<a href="#"><img src="https://postfiles.pstatic.net/MjAxOTEwMDdfMTAz/MDAxNTcwNDI1OTYxMjEy.tQUP5KNRXhN9s3Zx5PaXGi2My61C8MKHEjjQrVYlYRkg.ITfh_4i1hELlytgqr2Faq7mcpo2uSIAKCWEi0jsAs80g.JPEG.wanna_eat_nabe/IMG_8923.jpg?type=w966"

alt="니시오기쿠보 산책">

</a> </div>

<div class="grid-container">

<a href="#">

<img src="https://postfiles.pstatic.net/MjAxOTA2MTdfMjY3/MDAxNTYwNzM5NTg3MTEy.hEZHi1Ccqs4T3B-cTcxwM4bDp_3pphECdWDxDgoMaUAg.IZpArX3GMJ4_x3sQgDwdvLMDlISD0lHN6YUGwKwVR18g.JPEG.wanna_eat_nabe/IMG_7981.jpg?type=w966" alt="처음으로 일본에서 알바 면접 봤던 날"">

</a> </div>

</div>

</article>

</div>

<div class ="footer"> <!--푸터 -->

<P> &copy; 2020 송민경 </P>

</div>

</body>