diff --git a/README.md b/README.md
index 6453761..2c32f8e 100644
--- a/README.md
+++ b/README.md
@@ -1,2 +1,3 @@
# 11th_HTML-CSS
4월 5일 세션에 대한 미니 프로젝트 과제를 제출하는 레포입니다.
+난 종미얌
\ No newline at end of file
diff --git a/home.html b/home.html
new file mode 100644
index 0000000..c537986
--- /dev/null
+++ b/home.html
@@ -0,0 +1,37 @@
+
+
+
+
+
+
+ Document
+
+
+
+
+
+ 자기소개
+
+
+
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..f2a9013
--- /dev/null
+++ 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;
+}
\ No newline at end of file
diff --git "a/\353\250\270\353\243\250\352\260\200\353\246\254.jpeg" "b/\353\250\270\353\243\250\352\260\200\353\246\254.jpeg"
new file mode 100644
index 0000000..bc6e685
Binary files /dev/null and "b/\353\250\270\353\243\250\352\260\200\353\246\254.jpeg" differ
diff --git "a/\354\205\224\355\204\260\354\225\204\354\235\274\353\236\234\353\223\234.jpeg" "b/\354\205\224\355\204\260\354\225\204\354\235\274\353\236\234\353\223\234.jpeg"
new file mode 100644
index 0000000..12a16bb
Binary files /dev/null and "b/\354\205\224\355\204\260\354\225\204\354\235\274\353\236\234\353\223\234.jpeg" differ