diff --git a/img/arrow_forward.svg b/img/arrow_forward.svg new file mode 100644 index 0000000..20a9865 --- /dev/null +++ b/img/arrow_forward.svg @@ -0,0 +1,3 @@ + + + diff --git a/img/bssm.png b/img/bssm.png new file mode 100644 index 0000000..6fe6a2f Binary files /dev/null and b/img/bssm.png differ diff --git a/img/logo.svg b/img/logo.svg new file mode 100644 index 0000000..99986cb --- /dev/null +++ b/img/logo.svg @@ -0,0 +1,19 @@ + + + + + + + + + diff --git a/index.html b/index.html index b37c846..6265ea8 100644 --- a/index.html +++ b/index.html @@ -4,12 +4,50 @@ - + + + + + + 밤돌이로
- +
+ +
+
+

꿈을 향한 도전,

+

미래를 여는 학교

+
+
+

부산소마고는 소프트웨어에 관심있는 학생들의

+

꿈을 향한 도전을 아낌없이 지원합니다.

+
+ +
+
\ No newline at end of file diff --git a/styles/button.css b/styles/button.css new file mode 100644 index 0000000..65574e0 --- /dev/null +++ b/styles/button.css @@ -0,0 +1,61 @@ +.top { + display: flex; + justify-content: space-between; + align-items: center; + margin-right: 90px; +} +.top ul { + margin: 0; + padding: 0; + display: flex; +} +#top_font{ + font-family: Pretendard, 'Noto Sans KR', sans-serif; + font-weight: 500; + font-size: 16px; + color: white; +} +.top ul li { + display: flex; + align-items: center; + justify-content: center; + padding: 10px 12px; +} +#join{ + width: 88px; + height: 40px; + font-family: Pretendard,'Noto Sans KR', sans-serif; + border-radius: 6px; + background-color: #257CFF; + border: none; + color: white; + font-size: 16px; + font-weight: 500; +} +#join:hover{ + background-color: #186EEE; +} +#str_btn{ + display: flex; + align-items: center; + width: 205px; + height: 54px; + border-radius: 6px; + background-color: #257CFF; + border: none; + color: white; + font-family: Pretendard,'Noto Sans KR', sans-serif; + font-size: 18px; + font-weight: 600; + margin-top: 10px; + margin-left: 130px; + padding-left: 25px; +} +#str_btn:hover{ + background-color: #186EEE; +} +.arrow{ + display: flex; + align-items: center; + padding: 0 8px; +} \ No newline at end of file diff --git a/styles/header.css b/styles/header.css new file mode 100644 index 0000000..f51c2d6 --- /dev/null +++ b/styles/header.css @@ -0,0 +1,36 @@ +#top{ + position: absolute; + top: 0px; + right: 12px; + width: 1440px; + height: 64px; + padding: 0 100px; +} +.logo{ + padding: 16px 110px; +} +#menu { + position: absolute; + top: 64px; + width: 1240px; + height: 54px; + padding: 0 100px; +} +#menu ul{ + margin: 0; + padding: 0; + display: flex; +} +#menu_font{ + font-weight: 600; + font-size: 18px; + line-height: 23.4px; +} +#menu ul li{ + display: flex; + align-items: center; + justify-content: space-between; + height: 50px; + color: white; + padding: 10px 12px; +} \ No newline at end of file diff --git a/styles/reset.css b/styles/reset.css index 4056498..aab9d38 100644 --- a/styles/reset.css +++ b/styles/reset.css @@ -40,4 +40,4 @@ q:before, q:after { table { border-collapse: collapse; border-spacing: 0; -} \ No newline at end of file +} diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 0000000..a6dc470 --- /dev/null +++ b/styles/style.css @@ -0,0 +1,15 @@ +.layout { + height: 100vh; + background: url("../img/bssm.png") center no-repeat; + position: relative; + text-align: center; + padding-left: 0 100px; + font-family: Pretendard,'Noto Sans KR', sans-serif; +} +#main{ + position: absolute; + top: 195px; + left: 550px; + width: 600px; + height: 396px; +} \ No newline at end of file diff --git a/styles/text.css b/styles/text.css new file mode 100644 index 0000000..e91b76e --- /dev/null +++ b/styles/text.css @@ -0,0 +1,24 @@ +.mainText{ + width: 457px; + height: 188px; +} +.mainText_font{ + line-height: 93.6px; + font-weight: 700; + font-size: 72px; + letter-spacing: -1.5px; + color: #fff; +} +.underText{ + height: 82px; + padding: 25px; + margin-right: 130px; +} +.underText_font{ + font-weight: 400; + font-size: 18px; + line-height: 28.8px; + letter-spacing: -0.15px; + vertical-align: bottom; + color: #BBBCC2; +}