diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/EnvelopeSimple.png" "b/Week0/\354\234\244\354\230\210\354\247\204/EnvelopeSimple.png" new file mode 100644 index 000000000..3ec1b042a Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/EnvelopeSimple.png" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/MapPin.png" "b/Week0/\354\234\244\354\230\210\354\247\204/MapPin.png" new file mode 100644 index 000000000..4bebd566e Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/MapPin.png" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/Phone.png" "b/Week0/\354\234\244\354\230\210\354\247\204/Phone.png" new file mode 100644 index 000000000..d26779d30 Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/Phone.png" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/dog.jpg" "b/Week0/\354\234\244\354\230\210\354\247\204/dog.jpg" new file mode 100644 index 000000000..1c926dae2 Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/dog.jpg" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/index.html" "b/Week0/\354\234\244\354\230\210\354\247\204/index.html" new file mode 100644 index 000000000..4cb9de577 --- /dev/null +++ "b/Week0/\354\234\244\354\230\210\354\247\204/index.html" @@ -0,0 +1,96 @@ + + + + + + + 자기소개 웹 페이지 제작하기 + + +
+ 포트폴리오로고 + +
+
+
+

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

+
+
+

ABOUT

+
+
+ +
윤예진
+
+
+ + + +
+
+

010.2496.9985

+

2001_11_7@naver.com

+

경기도 화성시 동탄2신도시

+
+
+
+
+ + + + + + + + + + + + + + + + + +
EDUCATIONSKILLS
+ 한성대학교 컴퓨터공학부
+ 2023.03~2027.02 + 		+ Phython
+ C
+ C++
+
WORKACTIVITIES
+ 프론트엔드 개발자 + 멋쟁이사자처럼 12기
+ +
+
+
+
+

HOBBY

+
+
+

강아지 산책

+ +
+
+

루피 모으기

+ +
+
+

여행 다니기

+ +
+
+
+
+ + diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/loopy.jpg" "b/Week0/\354\234\244\354\230\210\354\247\204/loopy.jpg" new file mode 100644 index 000000000..cb2a58845 Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/loopy.jpg" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/me.jpg" "b/Week0/\354\234\244\354\230\210\354\247\204/me.jpg" new file mode 100644 index 000000000..b149909c8 Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/me.jpg" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/portfolio.png" "b/Week0/\354\234\244\354\230\210\354\247\204/portfolio.png" new file mode 100644 index 000000000..ae9e13b9e Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/portfolio.png" differ diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/readme.md" "b/Week0/\354\234\244\354\230\210\354\247\204/readme.md" deleted file mode 100644 index e69de29bb..000000000 diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/style.css" "b/Week0/\354\234\244\354\230\210\354\247\204/style.css" new file mode 100644 index 000000000..77f2f5954 --- /dev/null +++ "b/Week0/\354\234\244\354\230\210\354\247\204/style.css" @@ -0,0 +1,200 @@ +*{ + margin: 0; +} +html{ + text-align: center; + background-color: #f3f5ff; +} +header { + background-color: #ffffff; + display: grid; + grid-template-columns: repeat(2, 1fr); + justify-content: center; + align-items: center; +} +nav{ + display: inline-flex; + align-items: center; + justify-self: center; + gap: 32px; +} + +nav span{ + display: flex; + padding: 12px 24px; + justify-content: center; + align-items: center; + gap: 10px; +} + +.portfolio{ + width: 340px; + height: 62px; + align-items: center; + justify-self: center; +} + +.intro { + display: flex; + justify-content: center; + align-items: center; + height: 800px; + background-color: #4A86FF; +} + +.intro h1{ + margin: 0; + width: 100%; + height: 360px; + color: #ffffff; + align-items: center; + justify-content: center; + font-family: Inter; + font-size: 80px; + font-style: normal; + font-weight: 800; + line-height: 150%; /* 120px */ +} + +.title{ + color: #4A86FF; + text-align: center; + font-family: Inter; + font-size: 70px; + font-style: normal; + font-weight: 800; + line-height: normal; + margin-top: 60px; + margin-bottom: 59px; +} + +.about-left{ + margin-left: 300px; + width: 380px; + height: 498px; + border-radius: 16px; + border: 1px solid #ebedf8; + background-color: #ffffff; +} +.me{ + width: 196.078px; + height: 200px; + border-radius: 50%; + margin-top: 30px; +} +.name{ + color: #4A86FF; + text-align: center; + font-family: Inter; + font-size: 40px; + font-style: normal; + font-weight: 700; + line-height: normal; + margin-top: 25px; +} +.left-content{ + display: flex; +} +.mark{ + margin-top: 15px; + width: 40px; + height: 40px; + margin-left: 40px; +} +.mark>img{ + margin-bottom: 8px; +} +.mark-content{ + text-align: left; + color: #484a64; + font-family: Inter; + font-size: 16px; + font-style: normal; + font-weight: 500; + line-height: normal; + margin-top: 26px; + margin-left: 16px; +} +.mark-content>p{ + margin-bottom: 29px; +} +.about{ + display: flex; +} +table{ + margin-left: 40px; + width: 700px; + height: 500px; + text-align: left; +} +.about-right th{ + color: #000000; + font-family: Inter; + font-size: 32px; + font-style: normal; + font-weight: 700; + line-height: normal; + vertical-align: top; + height: 50px; +} +.about-right td{ + color: #626682; + font-family: Inter; + font-size: 20px; + font-style: normal; + font-weight: 700; + line-height: 170%; + height: 200px; + vertical-align: top; + width: 350px; +} + +.index{ + display: flex; +} +.index>div{ + align-items: center; + justify-content: center; +} + +.hobbies{ + width: 380px; + height: 377px; + margin-top: 80px; + margin-right: 20px; + border-radius: 16px; + border: 1px solid #ebedf8; + background-color: #ffffff; + display: inline-block; +} +.hobbies>div{ + display: flex; + width: 380px; + height: 80px; + border-radius: 16px 16px 0px 0px; + background-color: #4A86FF; + line-height: normal; + justify-content: center; + align-items: center; +} +.hobbytext{ + line-height: 80px; + text-align: center; + color: #ffffff; + text-align: center; + align-items: center; + font-family: Inter; + font-size: 32px; + font-style: normal; + font-weight: 700; +} +.hobbies img{ + position: relative; + bottom: -40px; + width: 300px; + height: 220px; +} + +main{ + margin-bottom: 342px; +} \ No newline at end of file diff --git "a/Week0/\354\234\244\354\230\210\354\247\204/travel.jpg" "b/Week0/\354\234\244\354\230\210\354\247\204/travel.jpg" new file mode 100644 index 000000000..afad42173 Binary files /dev/null and "b/Week0/\354\234\244\354\230\210\354\247\204/travel.jpg" differ