Merge pull request #1 from Google-DSC-Kookmin/Front-Index-end

Create index.html
Google-DSC-Kookmin · Nov 20, 2023 · 82e089f · 82e089f
2 parents b18f884 + 584c224
commit 82e089f
Show file tree

Hide file tree

Showing 7 changed files with 269 additions and 0 deletions.
diff --git a/css/box.css b/css/box.css
@@ -0,0 +1,45 @@
+.box {
+    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);
+    padding: 3vh 0 3vh 0;
+    margin-bottom: 10vh;
+}
+
+.box_left {
+    border-radius: 0 15px 15px 0;
+    margin-right: 40vw;
+    text-align: right;
+}
+
+.box_right {
+    border-radius: 15px 0 0 15px;
+    margin-left: 40vw;
+}
+
+.text_box {
+    text-align: left;
+    display: inline-block;
+    margin: 0 1vw 0 1vw;
+}
+
+#box_1 {
+    background: rgba(234, 67, 53, 0.50);
+}
+
+#box_2 {
+    background: rgba(17, 157, 90, 0.50);
+    margin-bottom: 3vh;
+}
+
+#box_3 {
+    background: rgba(17, 157, 90, 0.50);
+}
+
+#box_4 {
+    background: rgba(66, 133, 245, 0.50);
+    margin-right: 35vw;
+}
+
+#box_5 {
+    background: rgba(252, 188, 5, 0.60);
+    margin-left: 35vw;
+}
diff --git a/css/text.css b/css/text.css
@@ -0,0 +1,56 @@
+* {
+    font-family: 'Inter', sans-serif;
+}
+
+h1 {
+    color: #FFF;
+    font-size: 32px;
+    margin-bottom: 25px;
+}
+
+p {
+    color: #FFF;
+    font-size: 24px;
+    margin-bottom: 1rem;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+
+}
+
+p.last {
+    margin-bottom: 0;
+}
+
+p.underLine {
+    text-decoration-line: underline;
+    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
+}
+
+a.nav-link {
+    color: #747474;
+    text-decoration-line: none;
+}
+
+/* Outline */
+.sh1 {
+     text-shadow:
+             -1px -1px 3px #119D5A,
+             1px -1px 3px #119D5A,
+             -1px 1px 3px #119D5A,
+             1px 1px 3px #119D5A;
+ }
+
+.sh2 {
+    text-shadow:
+            -1px -1px 3px #4285F5,
+            1px -1px 3px #4285F5,
+            -1px 1px 3px #4285F5,
+            1px 1px 3px #4285F5;
+}
+
+.sh3 {
+    text-shadow:
+            -1px -1px 3px #FCBC05,
+            1px -1px 3px #FCBC05,
+            -1px 1px 3px #FCBC05,
+            1px 1px 3px #FCBC05;
+}
diff --git a/img/Logo.png b/img/Logo.png
diff --git a/img/Logo_mini.png b/img/Logo_mini.png
diff --git a/img/clip.png b/img/clip.png
diff --git a/img/kmulogo 1.png b/img/kmulogo 1.png
diff --git a/index.html b/index.html
@@ -0,0 +1,168 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Bootstrap demo</title>
+    <!-- Bootstrap Css Import -->
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
+
+    <!-- Google Font Import -->
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@700&display=swap" rel="stylesheet">
+
+    <!-- Coustom Css Import -->
+    <link href="/css/box.css" rel="stylesheet">
+    <link href="/css/text.css" rel="stylesheet">
+</head>
+<body>
+    <nav class="navbar navbar-expand-lg navbar-light bg-white" style="">
+        <div class="container">
+            <a class="d-flex align-items-center mb-3 mb-md-0 me-md-auto link-body-emphasis text-decoration-none" href="/">
+                <img src="/img/Logo_mini.png" alt="Bootstrap" height="50">
+            </a>
+
+            <ul class="nav nav-pills">
+                <li class="nav-item">
+                    <a class='nav-link' href="/">Activities</a>
+                </li>
+                <li class="nav-item">
+                    <a class='nav-link' href="/">Member</a>
+                </li>
+                <li class="nav-item">
+                    <a class='nav-link' href="/">Contact</a>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <div style="text-align: center; margin-bottom: 10vh;">
+        <img src="img/Logo.png"/>
+        <h2>Google Developer Student Club</h2>
+        <h3>Kookmin University</h3>
+    </div>
+
+    <div class="box box_left" id="box_1">
+        <div class="container">
+            <div class="text_box">
+                <p>
+                    💡주도적인 학습을 통해 모두가 함께 성장해나가고</br>
+                    모두가 주인이 되는 대학생 개발자 모임
+                </p>
+                <p class="last">
+                    💡공유의 가치와 다양성의 가치를 지향하고</br>
+                    긍정적인 영향의 선순환이 일어나는 개발자 커뮤니티
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="box box_right" id="box_2">
+        <div class="container">
+            <div class="text_box">
+                <h1 class="sh1">Google Developer Student Clubs (GDSC)?</h1>
+                <p>
+                    개발 및 사회적 문제에 관심 있는 학생들을 위한</br>
+                    대학교 개발자 커뮤니티 그룹으로</br>
+                    Google Developers가 지원하고 있습니다.
+                </p>
+                <p>
+                    GDSC 에서는 학생 개발자들이 성장할 수 있도록</br>
+                    전세계의 GDSC Chapter 교류 기회, Google의 이벤트 참여,</br>
+                    현업 엔지니어와의 만남 등 다양한 기회를 제공하고</br>
+                    역량을 높이도록 돕고 있습니다.
+                </p>
+                <p class="last">
+                    23-24에는 전 세계 110+개국에서 주최되고 있으며,</br>
+                    국내에서는 36개의 대학이 GDSC의 Chapter로 활동하고 있습니다.
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="box box_right" id="box_3">
+        <div class="container">
+            <div class="text_box">
+                <a href="/">
+                    <p class="last underLine"><img src="/img/clip.png"> Google Developers Korea GDSC </p>
+                </a>
+            </div>
+        </div>
+    </div>
+
+    <div class="box box_left" id="box_4">
+        <div class="container">
+            <div class="text_box">
+                <h1 class="sh2"><img src="/img/kmulogo%201.png"> GDSC_Kookmin?</h1>
+                <p>
+                    GDSC Kookmin University Chapter은</br>
+                    지난 1기 활동 기간(2023 - 2024) 13회의 Seminar,</br>
+                    4개의 Session, 2개의 Study를 진행하였고,</br>
+                    GDSC의 꽃으로 불리는 Solution Challenge 공모전 행사에</br>
+                    3개의 팀이 참여하였습니다.
+                </p>
+                <p class="last">
+                    GDSC Kookmin University Chapter 는</br>
+                    현재 2기 활동을 진행하고 있으며,</br>
+                    3개의 Session 외에도 다양한 행사가 예정되어 있습니다.</br>
+                    모두가 주인이 되는 대학생 개발자 모임
+                </p>
+            </div>
+        </div>
+    </div>
+
+    <div class="box box_right" id="box_5">
+        <div class="container">
+            <div class="text_box">
+                <h1 class="sh3">Vision</h1>
+                <p>
+                    💡 주도적인 학습을 통해 모두가 함께 성장해나가고</br>
+                    모두가 주인이 되는 대학생 개발자 모임
+                </p>
+                <p>
+                    💡 공유의 가치와 다양성의 가치를 지향하고</br>
+                    긍정적인 영향의 선순환이 일어나는 개발자 커뮤니티
+                </p>
+
+                <h1 class="sh3">Culture</h1>
+                <p>
+                    🤝 자유롭고 수평적인 소통 문화를 지향합니다</br>
+                    🔥 적극적인 커뮤니티 문화를 지향합니다
+                </p>
+
+                <h1 class="sh3">Code of Conduct</h1>
+                <p class="last">
+                    🔴 Be nice</br>
+                    서로를 친절하게 대하세요</br>
+                    </br>
+                    🟠 Be understand</br>
+                    서로의 다름을 이해해요</br>
+                    </br>
+                    🟡 Be respect in community</br>
+                    서로를 존중하는 소통 방식을 사용해요</br>
+                    </br>
+                    🟢 Be Think back</br>
+                    자신을 뒤돌아보세요</br>
+                    </br>
+                    🔵 Do what you want</br>
+                    하고 싶은 것을 하세요</br>
+                    </br>
+                    🟣 The owner of all activities is ‘I’</br>
+                    모든 활동의 주인은 ‘나’입니다.</br>
+                    활동을 소중하게 생각하세요.</br>
+                    </br>
+                    ⚫ Go together, Be Collaborative</br>
+                    서로 협력하고 함께 성장하세요</br>
+                    </br>
+                    ⚪ Done is better than Perfect</br>
+                    일을 끝내는 것이 완벽한 것보다 낫습니다
+                </p>
+            </div>
+        </div>
+    </div>
+
+
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
+</body>
+</html>