diff --git a/index.html b/index.html index a5e7eb3..7c4f2db 100644 --- a/index.html +++ b/index.html @@ -3,16 +3,96 @@ + + + + LIKELION SOGANG + +
+
+ logo_white +

POSSIBILITY TO REALITY

+
+
+

꿈꾸는 자들에게 가능성을

+

현실로 구현하기 위한 도구를 제공합니다.

+
+
+
+
+
+
+ +
+

매주 Lion Sprint 진행

+

+ 중앙 멋쟁이사자처럼에서 제공하는 체계적인 강의와 멋쟁이사자처럼 + 서강대학교 운영진만의 심화 세션을 통해 웹 서비스에 대한 이해도를 + 높입니다. +

+
+
+
+ +
+

실제 서비스 개발

+

+ 웹 서비스 지식을 기반으로 실제 웹서비스를 제작합니다. 멋쟁이사자처럼 + 서강대학교에서는 전통적으로 서강대학교 축제 웹사이트를 + 제작해왔습니다. +

+
+
+
+ +
+

전국 규모 해커톤 참가

+

+ 프론트와 백엔드로 팀을 꾸려서 중앙 멋쟁이사자처럼과 신촌 대학교 + 멋쟁이사자처럼의 해커톤에 참여합니다. +

+
+
+
+
+
+ +

CONTACT US !

+ +
+
diff --git a/reset.css b/reset.css new file mode 100644 index 0000000..45a05ec --- /dev/null +++ b/reset.css @@ -0,0 +1,129 @@ +/* http://meyerweb.com/eric/tools/css/reset/ + v2.0 | 20110126 + License: none (public domain) +*/ + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; +} +/* HTML5 display-role reset for older browsers */ +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} +body { + line-height: 1; +} +ol, +ul { + list-style: none; +} +blockquote, +q { + quotes: none; +} +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ""; + content: none; +} +table { + border-collapse: collapse; + border-spacing: 0; +} diff --git a/style.css b/style.css index e69de29..db94f3f 100644 --- a/style.css +++ b/style.css @@ -0,0 +1,125 @@ +@font-face { + font-family: "Pretendard"; + src: url("https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff") + format("woff"); +} + +* { + box-sizing: border-box; +} + +html { + font-size: 16px; + background-color: black; +} + +body { + font-family: "Pretendard"; +} + +a { + text-decoration: none; +} + +header { + padding: 32px; + position: fixed; + top: 0; + width: 100%; +} + +nav { + display: flex; + justify-content: space-between; +} + +.header__logo { + display: flex; + align-items: center; +} + +.header__logo img { + width: 60px; + height: 60px; +} +.header__logo h1 { + font-size: 2rem; + color: white; +} +.header__logo h1 span { + color: red; +} + +ul.header__link { + display: flex; + gap: 2rem; + align-items: center; +} + +ul.header__link li a { + color: white; +} + +section#home { + margin-top: 100px; +} + +section#home .home__profile { + display: flex; + flex-direction: column; + align-items: center; + gap: 30px; +} + +section#home .home__profile img { + width: 80%; +} + +section#home .home__description { + margin-top: 20px; + display: flex; + flex-direction: column; + align-items: center; +} + +section#home .home__description h3 { + color: white; + line-height: 150%; +} + +section#home .home__profile h2 { + color: white; + font-size: 2rem; +} + +.about__activity__container { + display: flex; + margin-top: 50px; + gap: 30px; + justify-content: center; + width: 100%; +} + +.about__activity__container .about__activity { + width: 30%; +} + +.about__activity__container .about__activity img { + width: 100%; + border-radius: 100%; +} + +.about__activity__container .about__activity h2 { + font-size: 2rem; + color: white; + margin-top: 30px; + text-align: center; +} + +.about__activity__container .about__activity h3 { + font-size: 0.8rem; + color: white; + margin-top: 40px; + text-align: center; + line-height: 150%; +}