Skip to content
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

2주차 과제 완료 #7

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

2주차 과제 완료 #7

Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
c0434e3
2주차 과제 - html 내용 추가
hennoise Apr 23, 2022
2a7292c
2주차 과제 - css 내용 추가
hennoise Apr 23, 2022
b171208
2주차 과제 - 부트스트랩 추가
hennoise Apr 23, 2022
f8e1047
2주차 과제 - 웹폰트 추가
hennoise Apr 23, 2022
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
17 changes: 15 additions & 2 deletions 2주차_HTML&CSS기초/index.html
View file
Original file line number Diff line number Diff line change
@@ -5,13 +5,21 @@
<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>
<title>Homework#2-HeewonKim</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class = "mainbox">
<div class = "title-box">
<h1>김희원</h1>
<!--부트스트랩 추가 부분-->
<button type="button" class="btn btn-primary position-relative">
Profile
<span class="position-absolute top-0 start-100 translate-middle p-2 bg-danger border border-light rounded-circle">
<span class="visually-hidden">New alerts</span>
</span>
</button>

<h1>김희원</h1>
</div>
<section>
<h2>ABOUT ME</h2>
@@ -26,6 +34,11 @@ <h2>나의 진로</h2>
<p>관심분야:UX디자인/서비스기획</p>
<p>저는 현재 UX 디자인/서비스 기획 쪽으로 진로를 생각하고 있습니다! 마침 멋사에서 기획/디자인 파트를 뽑는 걸 보고 운명적으로 지원해버렸답니다. ;)</p>
Copy link
Member

Choose a reason for hiding this comment

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

제가... 열심히 기획 공부해서 ... 많이 알려줄 수 있도록 노력해보겠습니다.....

</section>
<section>
<h2>과제 추가 내용</h2>
<p>오늘의 짧은 일기..</p>
<p>시험이 이틀 남았는데... 공부도 별로 안 했는데... 긴장이 안 된다..<br/> 역시 학년이 올라갈수록 얻는 건 이유 없는 배짱 정도..?</p>
Copy link
Member

Choose a reason for hiding this comment

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

ㅋㅋㅋㅋㅋ 아 언니...ㅋㅋㅋㅋ 내 이야기 하는줄... 나 제법 4학년 같이 사는게.. 오늘 시험인데... 어제 피피티 다운받고 제법... 거만하게 살고 있어...;--;

</section>
</section>
<section>
<h2>MY SITE</h2>
17 changes: 14 additions & 3 deletions 2주차_HTML&CSS기초/style.css
View file
Original file line number Diff line number Diff line change
@@ -1,4 +1,5 @@
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nanum+Myeongjo:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); /*웹폰트 추가(나눔명조)*/

*{
font-family: 'Noto Sans KR', sans-serif;
@@ -16,16 +17,19 @@ body{
h1{
font-size: 36px;
font-weight: bold;
font-style: italic;
/*font-style: italic;*/
padding-top: 10px; /*변경 내용*/
font-family: 'Nanum Myeongjo', serif; /*웹폰트 추가*/
}

h2{
background-color: bisque;
background-color: #536d5d; /*변경 내용*/
font-size: 20px;
color: #282828;
color: #f4f4f4; /*변경 내용*/
margin-bottom: 16px;
border-bottom: 1px solid #ebebeb;
padding: 5px;
padding-left: 10px; /*추가 내용*/
}

.mainbox{
@@ -45,4 +49,11 @@ h2{

section{
margin-bottom: 24px;
}

/*추가 내용*/
p{
padding: 10px;
border: #e7e7e7 solid 1px;
border-radius: 4px;
}