2023-LIKELION-DS · jiinkyung · Apr 7, 2023 · Apr 5, 2023 · Apr 5, 2023
diff --git a/session3/addMe.html b/session3/addMe.html
@@ -0,0 +1,77 @@
+<!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" />
+    <title>INTRODUCE</title>
+    <link rel="stylesheet" href="css/main.css" />
+  </head>
+
+  <body>
+    <h1>Hello! I'm Daye Kim</h1>
+    <p id="start">
+      <span class="image blinking">
+        You can scroll down if you want to see me more!</span
+      >
+    </p>
+    <div class="main-box">
+      <img class="me-img" src="img/mypicture.jpg" />
+      <div class="contend-box">
+        <section>
+          <h2>ABOUT ME</h2>
+          <div class="aboutme-box">
+            <strong>MAJOR</strong>: Library and Information Science & Computer
+            Engineering<br />
+            <strong>AGE </strong>: 22<br />
+            <strong>MBTI </strong>: INFJ<br />
+            <strong>HOBBY </strong>: 드라마 보기, 자전거 타기<br />
+            <strong>FAVORITE TV SHOW </strong>: 런닝맨<br />
+            <strong>FAVORITE FOOD </strong>: 곱창, 핫도그, 치킨
+          </div>
+        </section>
+        <section>
+          <h2>ACTIVITIES</h2>
+          <div class="activity-box">
+            <strong
+              >멋쟁이사자처럼 대학 11기 아기사자&nbsp;&nbsp;&nbsp;&nbsp;</strong
+            >2023 ~ NOW
+          </div>
+        </section>
+        <section>
+          <h2>STUDYING</h2>
+          <div class="studying-box">
+            <img class="python-img" src="img/python.jpg" />
+            <img class="c-img" src="img/c.jpg" />
+            <img class="html-img" src="img/html.jpg" />
+            <img class="git-img" src="img/git.jpg" />
+          </div>
+        </section>
+        <section>
+          <h2>GLAD TO MEET YOU</h2>
+          <div class="say-box">
+            안녕하세요! 덕성여자대학교 멋사 11기 백엔드 아기사자
+            김다예입니다.<br />
+            함께하게 되어 정말 기쁘고 1년 동안 열심히 하겠습니다~!
+          </div>
+        </section>
+        <section>
+          <div class="sns-box">
+            <h2>CONTACT&nbsp;&nbsp;</h2>
+            <a href="http://velog.io/@kdqye" target="_blank">
+              <img class="sns-img" src="img/velog.jpg" />
+            </a>
+            &nbsp;&nbsp;
+            <a href="http://github.com/daye02" target="_blank">
+              <img class="sns-img" src="img/github.jpg" />
+            </a>
+            &nbsp;&nbsp;
+            <a href="mailto:[email protected]" target="_blank">
+              <img class="sns-img" src="img/gmail.jpg" />
+            </a>
+          </div>
+        </section>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/session3/css/main.css b/session3/css/main.css
@@ -0,0 +1,122 @@
+@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;1,100;1,200;1,300;1,400&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Tillana:wght@400&display=swap");
+
+* {
+  font-family: "Raleway";
+  text-align: center;
+}
+
+h1 {
+  font-size: 45px;
+  font-style: italic;
+  font-weight: 900px;
+}
+
+.me-img {
+  float: center;
+  margin-top: 50px;
+  width: 230px;
+  height: 290px;
+  border-radius: 5%;
+}
+
+.contend-box {
+  border-top: 1.3px solid #404042;
+  margin: 80px auto;
+  width: 320px;
+  white-space: nowrap;
+}
+
+#start {
+  font-style: italic;
+  margin-top: 10px;
+}
+
+h2 {
+  font-family: "Tillana", cursive;
+  margin-top: 60px;
+  width: 280px;
+  border: #000000 2.5px dashed;
+  border-radius: 10px 10px 10px 10px;
+}
+
+.aboutme-box {
+  text-align: justify;
+  line-height: 34px;
+  margin-top: 65px;
+  margin-bottom: 65px;
+}
+
+.activity-box {
+  line-height: 34px;
+  margin-top: 65px;
+  margin-bottom: 65px;
+}
+
+.say-box {
+  line-height: 34px;
+  margin-top: 65px;
+  margin-bottom: 65px;
+}
+
+.python-img {
+  margin-top: 35px;
+  margin-right: 12px;
+  width: 70px;
+  height: 75px;
+}
+
+.c-img {
+  margin-right: 10px;
+  width: 60px;
+  height: 75px;
+}
+
+.html-img {
+  margin-right: 8px;
+  width: 85px;
+  height: 78px;
+}
+
+.git-img {
+  width: 78px;
+  height: 78px;
+}
+
+.sns-img {
+  margin-top: 30px;
+  margin-right: 15px;
+  width: 60px;
+  height: 60px;
+}
+
+.blinking {
+  -webkit-animation: blink 1.5s ease-in-out infinite alternate;
+  -moz-animation: blink 1.5s ease-in-out infinite alternate;
+  animation: blink 1.5s ease-in-out infinite alternate;
+}
+
+@-webkit-keyframes blink {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@-moz-keyframes blink {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
+@keyframes blink {
+  0% {
+    opacity: 0;
+  }
+  100% {
+    opacity: 1;
+  }
+}
diff --git a/session3/img/c.JPG b/session3/img/c.JPG
diff --git a/session3/img/git.jpg b/session3/img/git.jpg
diff --git a/session3/img/github.jpg b/session3/img/github.jpg
diff --git a/session3/img/gmail.jpg b/session3/img/gmail.jpg
diff --git a/session3/img/html.jpg b/session3/img/html.jpg
diff --git a/session3/img/mypicture.jpg b/session3/img/mypicture.jpg
diff --git a/session3/img/python.jpg b/session3/img/python.jpg
diff --git a/session3/img/sql.JPG b/session3/img/sql.JPG
diff --git a/session3/img/velog.jpg b/session3/img/velog.jpg