diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/index.html" "b/Week0/\352\271\200\353\257\274\354\247\200/index.html" new file mode 100644 index 000000000..2072ef85b --- /dev/null +++ "b/Week0/\352\271\200\353\257\274\354\247\200/index.html" @@ -0,0 +1,92 @@ + + + + + + + + 자기소개 페이지 + + +
+ +
+ ABOUT + HOBBY + CONTACT +
+
+ +
+

+ 안녕하세요!
+ 제 이름은 김민지입니다.
+ 소통하는 개발자가 되고 싶어요. +

+
+ +
+
+
ABOUT
+
+ +

김민지

+
+ + + +

010 3843 0863

+
+
+ + + +

ohmygmg@hansung.ac.kr

+
+
+ + + +

서울특별시 강서구 등촌로 113

+
+
+
+
+

EDUCATION

+ 한성대 컴퓨터공학부
2021.03 - 2025.02 +
+ +
+

SKILLS

+ C/C++
Swift
Java +
+ +

WORK

+ 프론트엔드 개발자 +
+ +

ACTIVITIES

+ 멋쟁이사자처럼 12기 +
+
+ +
HOBBY
+
+
+
배구 경기 보기
+ +
+
+
여행가기
+ +
+
+
영화보기
+ +
+
+
+
+ + + \ No newline at end of file diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/movie.jpeg" "b/Week0/\352\271\200\353\257\274\354\247\200/movie.jpeg" new file mode 100644 index 000000000..f474d74a1 Binary files /dev/null and "b/Week0/\352\271\200\353\257\274\354\247\200/movie.jpeg" differ diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/portfolio.png" "b/Week0/\352\271\200\353\257\274\354\247\200/portfolio.png" new file mode 100644 index 000000000..ae9e13b9e Binary files /dev/null and "b/Week0/\352\271\200\353\257\274\354\247\200/portfolio.png" differ diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/profil.JPG" "b/Week0/\352\271\200\353\257\274\354\247\200/profil.JPG" new file mode 100644 index 000000000..2ac78be8a Binary files /dev/null and "b/Week0/\352\271\200\353\257\274\354\247\200/profil.JPG" differ diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/style.css" "b/Week0/\352\271\200\353\257\274\354\247\200/style.css" new file mode 100644 index 000000000..c590c792c --- /dev/null +++ "b/Week0/\352\271\200\353\257\274\354\247\200/style.css" @@ -0,0 +1,218 @@ + +#top{ + display: grid; + grid-template-columns: repeat(2, 1fr); + justify-content: center; + align-items: center; + background: #FFF; +} +#top img{ + width: 340px; + height: 62.785px; + align-items: center; + justify-self: center; +} +#contents{ + display: inline-flex; + align-items: center; + justify-self: center; + gap: 32px; +} + #contents span{ + display: flex; + padding: 12px 24px; + justify-content: center; + align-items: center; + gap: 10px; +} +#introduce{ + width: 100%; + height: 610px; + flex-shrink: 0; + border: 1px solid #000; + background: #4A86FF; + box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25); + position: relative; +} +#introduce p{ + width: 100%; + height: 365px; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + color: #FFF; + text-align: center; + font-family: Inter; + font-size: 50px; + font-style: normal; + font-weight: 500; + line-height: 70px; +} + +.menu{ + color: #4A86FF; + text-align: center; + font-family: Inter; + font-size: 50px; + font-style: normal; + font-weight: 800; + line-height: 150px; +} +#profil{ + display: flex; + width: 380px; + height: 500px; + position: absolute; + left: 250px; + border-radius: 16px; + border: 1px solid #EBEDF8; + background: #FFF; +} +#profil img{ + position: absolute; + left: 25%; + top: 10%; + width: 196px; + height: 202px; + border-radius: 50%; +} +#main { + width: 100%; + height: 1787px; + flex-shrink: 0; + background: #F3F5FF; + border: 1px solid #FFF; +} +#name { + width: 111px; + height: 48.608px; + flex-shrink: 0; + color: #4A86FF; + position: absolute; + left: 8rem; + bottom: 10rem; + text-align: center; + font-family: Inter; + font-size: 40px; + font-style: normal; + font-weight: 700; + line-height: 4rem; +} +#phone { + position: absolute; + left: 10%; + top: 60%; +} +#phone p{ + width: 119px; + height: 20px; + position: absolute; + left: 3rem; + color: #484A64; + font-family: Inter; + font-style: normal; + font-weight: 500; + line-height: normal; +} +#mail { + position: absolute; + left: 10%; + top: 70%; +} +#mail p{ + width: 195px; + height: 19px; + position: absolute; + left: 3rem; + top: 0rem; + color: #484A64; + font-family: Inter; + font-style: normal; + font-weight: 500; + line-height: normal; +} +#map { + position: absolute; + left: 10%; + top: 80%; +} +#map p{ + width: 244px; + height: 55px; + position: absolute; + left: 3rem; + top: 0rem; + color: #484A64; + font-family: Inter; + font-style: normal; + font-weight: 500; + line-height: normal; +} +#details { + margin-left: 700px; + display: grid; + grid-template-columns: repeat(2,50%); + grid-template-rows: repeat(2,300px); +} +#details p{ + color: #000; + font-family: Inter; + font-size: 32px; + font-style: normal; + font-weight: 700; + line-height: normal; + vertical-align: top; + height: 40px; +} +#details span{ + color: #626682; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: 150%; + height: 200px; + width: 200px; + vertical-align: top; +} +.hobby{ + width: 380px; + height: 380px; + border-radius: 16px; + margin-top: 80px; + margin-right: 30px; + border: 1px soid #EBEDF8; + background-color: #FFF; + display: inline-block; +} +.hname{ + color: #FFF; + text-align: center; + font-family: Inter; + font-size: 32px; + font-style: normal; + font-weight: 700; + line-height: normal; + text-align: center; +} +.hobby img{ + margin-top: 25px; + margin-left: 50px; + width: 280px; + height: 250px; +} +.hobby div{ + display: flex; + width: 380px; + height: 81px; + border-radius: 16px 16px 0px 0px; + background: #4A86FF; + justify-content: center; + align-items: center; +} +#hobbies{ + display: flex; + justify-content: center; + align-items: center; +} \ No newline at end of file diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/travel.jpeg" "b/Week0/\352\271\200\353\257\274\354\247\200/travel.jpeg" new file mode 100644 index 000000000..11f096315 Binary files /dev/null and "b/Week0/\352\271\200\353\257\274\354\247\200/travel.jpeg" differ diff --git "a/Week0/\352\271\200\353\257\274\354\247\200/volleyball.jpeg" "b/Week0/\352\271\200\353\257\274\354\247\200/volleyball.jpeg" new file mode 100644 index 000000000..82d58190f Binary files /dev/null and "b/Week0/\352\271\200\353\257\274\354\247\200/volleyball.jpeg" differ