-
Notifications
You must be signed in to change notification settings - Fork 24
[1조] 이종미 과제 제출합니다 #29
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: main
Are you sure you want to change the base?
Changes from all commits
File filter
Filter by extension
Conversations
Jump to
Diff view
Diff view
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,2 +1,3 @@ | ||
| # 11th_HTML-CSS | ||
| 4월 5일 세션에 대한 미니 프로젝트 과제를 제출하는 레포입니다. | ||
| 난 종미얌 | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 난 유이야! There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 난 우석이야! There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 난 은택이야! There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 난 소정이얌 |
||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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> | ||
|
There was a problem hiding this comment. Choose a reason for hiding this commentThe reason will be displayed to describe this comment to others. Learn more. 나도 이 영화 다 좋아함! |
||
| <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> | ||
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -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; | ||
| } |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
난 고은이얌