Skip to content

[4조] 정인영 과제 제출합니다. #18

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.

Sign up for GitHub

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

Open
rmdnps10 wants to merge 2 commits into
base: main
Choose a base branch
from
Open

[4조] 정인영 과제 제출합니다. #18

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
fab7c11
첫 커밋
rmdnps10 Apr 12, 2023
cb01574
readmeupdate
rmdnps10 Apr 12, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,2 +1,2 @@
# 11th_HTML-CSS
4월 5일 세션에 대한 미니 프로젝트 과제를 제출하는 레포입니다.
20201148 정인영 과제 제출하겠습니다~
Copy link

@fressh1127 fressh1127 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다~!!!!! 🦁🦁🦁

Copy link

@13155a1 13155a1 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

안녕하세요 - 정연

Copy link

@sunghyun1356 sunghyun1356 Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

배고파요

Copy link

@Goonco Goonco Apr 12, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

좋은데요?

89 changes: 89 additions & 0 deletions home.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
<!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">
<link rel="stylesheet" href="style.css">
<title>Git Clone Session</title>
</head>
<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">
<link rel="stylesheet" href="style.css">
<title>Git Clone Session</title>
</head>

<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">
<link rel="stylesheet" href="style.css">
<title>Git Clone Session</title>
</head>

<body>
<div id="main-container">
<header></header>
<main>
<div id="top">디버깅 4조</div>
<div id="container">
<section>
<p>
<h3>
모두 화이팅..! github 어지럽네요 - 정인영
</h3>
</p>
</section>
<section>
<p>
<h3>안녕하세요 - 정연</h3>
</p>
</section>
<section>
<p>
<h3>김성현</h3>
오늘 너무 피곤합니다ㅠ<br>
a
</p>
</section>
<section>
<p>
<h3>신선희 짱짱짱짱짱맨</h3>
</p>
</section>
<section>
<p>
<h3>강민석</h3>
고생했어요 ㅎㅎㅎㅎ
ㅎㅎㅎㅎㅎㅎㅎ
github 어렵다...
</p>
</section>
<section>
<p>
Sending Pull Request
<h3>송경호</h3>
</p>
</section>
</div>
<div id="hi">
오늘 세션도 화이팅!
나도 화이팅!
sunghyun branch에서 수정!
</div>
</aside>
</main>
<footer>Copyright © 2023 서강대학교 멋쟁이사자처럼 디버깅 2조. All right Reserved.</footer>
</div>
<div id="alert">
PC화면에서 접속해주세요!
</div>
</body>
</html>




</html>
125 changes: 125 additions & 0 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,125 @@
@font-face {
font-family: 'SeoulNamsanM';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
font-weight: normal;
font-style: normal;
}

*{
box-sizing: border-box;
margin: 0;
font-family: 'SeoulNamsanM';
line-height: 20px;
}

body{
background-color: #f8f8f8;
}

header{
height: 40px;
background-color: #333;
}

main{
height: 600px;
width: 750px;
margin: 0 auto;
background-color: #f8f8f8;
box-shadow: 10px 10px 20px gray;
}

#top{
height: 35px;
background-color: #f0cdea;
margin-bottom: 25px;
border-radius: 0 0 10px 10px;
color: white;
font-size: 18px;
text-align: center;
line-height: 35px;
}

#container{
height: 410px;
padding: 10px;
/* flex(wrap)으로 section 배치*/
display: flex;
flex-wrap: wrap;
justify-content: space-around;
align-content: space-around;
}

aside{
height: 110px;
background-color: #f8f8f8;
margin-bottom: 60px;
margin: 0 15px 60px 15px;
display: flex;
justify-content: space-around;
align-items: space-around;
}

section {
height: 45%;
width: 30%;
border-radius: 7px;
text-align: center;
display: block;
background-color: white;
justify-content: center;
}

section p {
padding: 10px;
text-align: center;
position: relative;
}

#team{
width: 470px;
height: 100%;
background-color: #31999c;
color: white;
border-radius: 5px;
font-size: 15px;
padding: 20px;
text-align: center;
}

#hi{
width: 230px;
height: 100%;
background-color: pink;
color: black;
border-radius: 5px;
font-size: 15px;
padding: 20px;
text-align: center;
}

#alert {
display: none;
text-align: center;
padding-top: 300px;
}

footer{
height: 200px;
background-color: white;
text-align: center;
color: rgb(170, 170, 170);
padding: 50px;
}

@media(max-width: 800px) {
#main-container {
display: none;
}

#alert {
display: block;
}
}