likelionsg · jongmee · Apr 12, 2023 · koniiing · Apr 12, 2023 · yuyi5187
diff --git a/README.md b/README.md
@@ -1,2 +1,3 @@
 # 11th_HTML-CSS
 4월 5일 세션에 대한 미니 프로젝트 과제를 제출하는 레포입니다.
+난 종미얌
diff --git a/home.html b/home.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+<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>Document</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <header>
+
+    </header>
+    <main>
+        <div id="top">자기소개</div>
+        <div id="container">
+            <section>💖 자기소개<br><br>생명과학/컴퓨터공학<br>백엔드</section>
+            <section>💖 MBTI<br><br>ISFJ인데 ISTJ인듯 !!</section>
+            <section>💖 좋아하는 음식 <br><br>샌드위치, 김밥</section>
+            <section id="movie">💖 인생영화<br><br>셔터아일랜드<br>인터스텔라<br>덩케르크</section>
+            <section>💖 좋아하는 노래<br><br>Sunflower</section>
+            <section id="pets">
+                💖 반려동물<br><br>머루<br>가리
+            </section>
+        </div>
+        <aside>
+            <div id="team">1. 최승호의 최애곡은 히사이시조의 merry go round인데 한우석은 그것을 피아노로 칠 수 있다<br><br>
+                2. 이상연은 오늘 1교시를 지각했다<br><br>
+                3. 오은택의 어금니가 깨진걸 알고 치과 예약을 했다</div>
+            <div id="hi"> 잘 부탁드려용 ☺️</div>
+        </aside>
+    </main>
+    <footer>
+
+    </footer>
+</body>
+</html>
diff --git a/style.css b/style.css
@@ -0,0 +1,101 @@
+@font-face {
+    font-family: 'TheJamsil5Bold';
+    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2302_01@1.0/TheJamsil5Bold.woff2') format('woff2');
+    font-weight: 700;
+    font-style: normal;
+}
+*{
+    box-sizing: border-box;
+    margin: 0px;
+    font-family: 'TheJamsil5Bold';
+}
+
+header{
+    height: 40px;
+    background-color: #333;
+}
+main{
+    height: 600px;
+    background-color: #f8f8f8;
+    margin:0 auto;
+    width: 750px;
+}
+footer{
+    height: 200px;
+    background-color: white;
+}
+#top{
+    height: 35px;
+    font-size: 18px;
+    text-align: center;
+    line-height: 35px;
+    color: white;
+    background-color: #f0cdea;
+    margin-bottom: 25px;
+    border-radius: 0 0 10px 10px;
+}
+#container{
+    height: 410px;
+    background-color: white;
+    padding: 10px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+    align-content:space-around;
+    /* box-shadow: 5px 5px; */
+}
+aside{
+    height: 110px;
+    margin-bottom: 60px;
+    margin: 0 15px 60px 15px;
+    background-color: #f8f8f8;
+}
+body{
+    background-color: #f8f8f8;
+}
+section{
+    height: 45%;
+    background-color: rgb(252, 213, 219);
+    width: 30%;
+    border-radius: 7px;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+#pets{
+    background-image: url("./머루가리.jpeg");
+    background-size:cover;
+    color:white;
+}
+#movie{
+    background-image: url("./셔터아일랜드.jpeg");
+    background-size:cover;
+    color:white;
+}
+#team{
+    width: 470px;
+    height: 100%;
+    background-color: #31999c;
+    color:white;
+    border-radius: 5px;
+    font-size: 10px;
+    float: left;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
+#hi{
+    width: 230px;
+    height: 100%;
+    background-color: pink;
+    color:black;
+    border-radius: 5px;
+    font-size: 15px;
+    float:right;
+    text-align: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+}
diff --git a/머루가리.jpeg b/머루가리.jpeg
diff --git a/셔터아일랜드.jpeg b/셔터아일랜드.jpeg