2023-LIKELION-DS · jiinkyung · Apr 7, 2023 · Apr 3, 2023 · Apr 3, 2023 · Apr 4, 2023
diff --git a/session3/aboutMe.html b/session3/aboutMe.html
@@ -0,0 +1,70 @@
+<!DOCTYPE html>
+<html lang="ko">
+<head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
+
+    <title>aboutMe</title>
+    <link rel="stylesheet" href="./css/AboutMe.css">
+</head>
+
+<body>
+    <header>
+        <div class="introduce">
+            <p class="hello">Hello, I'm Gyuri</p>
+            <p>안녕하세요! 멋쟁이사자처럼 11기 박규리입니다.</p>
+            <p>앞으로 1년간 잘부탁드려요.</p>
+        </div>
+    </header>
+
+    <div class="bgcolor">
+        <section>
+            <h2 class="AboutMe"><br><br>▶About Me◀</h2>
+            <div class="Me">
+                <h5>Name: Park Gyuri</h5>
+                <h5>University: Duksung Women's University</h5>
+                <h5>Age: 21</h5>
+                <h5>Birthday: December 1st</h5>
+                <h5>Mbti: ESTJ</h5>
+                <h5>Like: Game, Cat</h5>
+                <h5>Dislike: cucumber</h5><br><br><br>
+            </div>
+        </section>
+
+        <section>
+            <h2 class="Contact">▶Contact◀</h2>
+            <div class="Tell">
+                <h5>Instagram: @gyuriii121</h5>
+                <h5>Github: gyurili</h5>
+                <h5>Mail: [email protected]</h5>
+                <h5>Blog: @it_gombi</h5><br><br><br>
+            </div>
+        </section>
+
+        <section>
+            <h2 class="TMI">▶More TMI◀</h2>
+            <div class="favorite">
+                <h5>Favorite Color: Pink</h5>
+                <h5 class="text">예전에는 하늘색이 좋았는데 요즘은 분홍색이 좋아요!</h5>
+                <h5>Favorite Food: 부대찌개</h5>
+                <h5 class="text">치즈밥있슈 부대찌개를 가장 좋아해요!</h5>
+                <h5>Favorite Game: 젤다의 전설</h5>
+                <h5 class="text">젤다의 전설2가 나온다고 해서 기대 중이에요!</h5><br><br><br>
+            </div>
+        </section>
+
+        <section>
+            <h2 class="Photo">▶Photo◀</h2>
+                <img src="./img/사진1.JPG" class="Img1" alt="사진1" />
+                <img src="./img/사진2.JPG" class="Img2" alt="사진2" />
+                <img src="./img/사진3.JPG" class="Img3" alt="사진3" /><br><br><br>
+        </section>
+    </div>
+</body>
+
+</html>
diff --git a/session3/css/AboutMe.css b/session3/css/AboutMe.css
@@ -0,0 +1,49 @@
+.bgcolor {
+    background-color: rgb(255, 249, 249);
+} 
+header{
+    background-image: url(/BE_hw/session3/img/상단부배경.png);
+    text-align: center; padding: 100px;
+    color: rgb(223, 12, 93);
+}
+.introduce{
+    font-family: 'Noto Sans KR', sans-serif;
+    font-weight: bold;
+    text-shadow: 2px 2px 2px rgb(248, 209, 209);
+}
+.introduce .hello{
+    font-size: 25px;
+}
+
+.AboutMe, .Contact, .TMI, .Photo{
+    font-family: 'Noto Sans KR', sans-serif;
+    color: rgb(214, 89, 114);
+    font-size: 20px;
+    text-align: center;
+}
+.Me, .Tell{
+    font-family: 'Noto Sans KR', sans-serif;
+    text-align: center;
+}
+
+.favorite{
+    font-family: 'Noto Sans KR', sans-serif;
+    text-align: center;
+}
+.text{
+    font-family: 'Noto Sans KR', sans-serif;
+    text-align: center;
+    color: rgb(232, 128, 163);
+}
+
+
+.Img1{
+    margin-left: 300px;
+    width: 15%;
+}
+.Img2{
+    width: 20%;
+}
+.Img3{
+    width: 20%;
+}
diff --git a/session3/img/사진1.JPG b/session3/img/사진1.JPG
diff --git a/session3/img/사진2.JPG b/session3/img/사진2.JPG
diff --git a/session3/img/사진3.JPG b/session3/img/사진3.JPG
diff --git a/session3/img/상단부배경.png b/session3/img/상단부배경.png