This repository has been archived by the owner on Aug 6, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
211 lines (198 loc) · 9.39 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
<!DOCTYPE html>
<html lang="ko">
<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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.1.1.min.js"
integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css\navi\navi_floating.css">
<link rel="stylesheet" href="css\navi\navi_bar.css">
<link rel="stylesheet" href="css\About.css">
<link rel="stylesheet" href="css\Active.css">
<link rel="stylesheet" href="css\Recruit.css">
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="css/footer.css">
<link rel="stylesheet" href="css/Button.css">
<script src="https://kit.fontawesome.com/2f82bb8656.js" crossorigin="anonymous"></script>
<script src="js/main.js" defer> </script>
<script src='js/navi/navi1.js'></script>
<script src='js/navi/navi2.js'></script>
<title>SSCC</title>
</head>
<body>
<div id="header">
<div class="header-main">
<span class="header-text">
SoongSil
<br>
Computing Club
<br>
</span>
<button class="w-btn w-btn-indigo" type="button" onclick="location.href='https://docs.google.com/forms/d/e/1FAIpQLScu3HAAP1-lNgK3W3QXP07YTvh0Wgg4sUcHv6QVqU3YrLJBsw/viewform?usp=sf_link'">41기 지원 마감</button>
</div>
</div>
<div id="nav">
<nav class="navbar">
<div class="navbar__logo">
<picture>
<source class = "SSCC_Logo" media="(min-width: 775px)" srcset="images/SSCC_RGB(152,187,201).png">
<img class = "SSCC_Logo" src="images/SSCC_White.png">
</picture>
<!-- <i class="fas fa-blog"></i> -->
<a href="">SSCC</a>
</div>
<!-- <ul class="navbar__menu">
<li><a href="#Home">Home</a></li>
<li><a href="#About">About</a></li>
<li><a href="#Study">Study</a></li>
<li><a href="#Contact">Contact</a></li>
</ul> -->
<!-- <ul class="navbar__icons">
<li><i class="fab fa-google"></i></li>
<li><i class="fab fa-slack"></i></li>
</ul>
<a href="#a" class="navbar__toggleBtn">
<i class="fas fa-hamburger"></i>
</a> -->
</nav>
<div class="fixed-action-btn horizontal click-to-toggle spin-close">
<a class="btn-floating btn-large red">
<i class="fa-regular fa-plus"></i>
</a>
<ul>
<li><a class="btn-floating instagram" href="https://www.instagram.com/sscc_ssu/"><i class="fa-brands fa-instagram"></i></a></li>
<li><a class="btn-floating facebook" href="https://www.facebook.com/groups/ssccob"><i class="fa-brands fa-facebook"></i></a></li>
<li><a class="btn-floating kakao" href="https://open.kakao.com/o/spVNT95e"><i class="fa-regular fa-comments"></i></a></li>
<li><a class="btn-floating googleform" href="https://docs.google.com/forms/d/e/1FAIpQLScu3HAAP1-lNgK3W3QXP07YTvh0Wgg4sUcHv6QVqU3YrLJBsw/viewform?usp=sf_link"><i class="fa-regular fa-file-lines"></i></a></li>
</ul>
</div>
</div>
<div id="About">
<div class="About_Text">About</div>
<div class="About_Content">
<div class="About_Logo"><img class="About_Logo_image" src="images/SSCC_RGB(152,187,201).png"></div>
<div class="About_SSCC">
SSCC - SoongSil Computing Club
<br><br>
SSCC는 컴퓨터와 프로그래밍에 관심 있는 모든 분을 위한 동아리입니다!
<br><br>
SSCC는 실력과 분야에 무관하게 뜻이 맞는 사람들이 함께 만들어 가는 동아리입니다. SSCC는 여러가지 스터디, 프로젝트에 참가할 기회를 제공하며 만약 원하는 프로그램이 있다면 직접 만들 수 있는 자율적 공부 환경을 제공합니다. 하고 싶은 것이 있다면, 이루고 싶은 것이 있다면, "꿈을 만들고 이루는 동아리" SSCC에서 당신을 초대합니다.
</div>
</div>
</div>
<!-- <div id="Active">
<div class="Active_Content">
<div class="SSCCtudy">슼터디</div>
</div>
</div> -->
<div id="Active">
<div class="Active_text">Active</div>
<div class="Active_Content">
<div id="Active_outer_grid">
<div class="Active-card" id="SSCCtudy">
<div class="card-container">
<div id = "Active_inner_grid">
<div class="Active-name">스터디 sscctudy</div>
<div class="Active-image"><img class="picture" src="images/RSA 스터디 2회차.jpg"></div>
<div class="bar"></div>
<div class="Active-P">
<p>스터디 기간 4주</p><br><br>
<p>진행 횟수 10회+</p><br><br>
<p>스터디 수 6+</p>
</div>
</div>
</div>
</div>
<div class="Active-card" id="SSCCtudy">
<div class="card-container">
<div id = "Active_inner_grid">
<div class="Active-name">스커톤 ssccathon</div>
<div class="Active-image"><img class="picture" src="images/아이디어톤.png"></div>
<div class="bar"></div>
<div class="Active-P">
<p>협업 기간 2주</p><br><br>
<p>진행 횟수 5회</p><br><br>
<p>출품작 10개</p>
</div>
</div>
</div>
</div>
<div class="Active-card" id="SSCCtudy">
<div class="card-container">
<div id = "Active_inner_grid">
<div class="Active-name">스택프로젝트 sscctack-project</div>
<div class="Active-image"><img class="picture" src="images/마이크로마우스.jpg"></div>
<div class="bar"></div>
<div class="Active-P">
<p>개발 기간 4주</p>
<br>
<br>
<p>진행 횟수 20회+</p>
<br>
<br>
<p>제작 수 6+</p>
</div>
</div>
</div>
</div>
</div>
<button class="w-btn2 w-btn-indigo2" type="button" onclick="location.href='more.html'">활동 더 알아보기</button>
</div>
</div>
<div id="Recruit">
<div id="Recruit_New_Member">
41기 신입생 모집
</div>
<div id="Recruit_outer_grid">
<div id="Recruit_inner_grid1">
<div class="Recruit_text">신입회원 모집</div>
<div class="circle first">구글폼</div>
<div class="arrow first"><i class="fa-solid fa-arrow-right"></i></div>
<div class="circle second">회비납부</div>
<div class="arrow second"><i class="fa-solid fa-arrow-right"></i></div>
<div class="circle third">최종등록</div>
</div>
<div class="Recruit_content">
<div>
<p>
"코딩 너무 어려워..." "같이 코딩할 사람이 있으면 좋겠다..."
<br>
혹시 이렇게 생각하고 계신가요? 40년의 역사를 가진 SSCC는 숭실대학교 컴퓨터 동아리 중 최대 규모를 자랑하며, 누구든지 쉽고 재미있게 코딩할 수 있도록 스터디와 프로젝트, 내부대회 등 다양한 프로그램을 진행하고 있습니다.
<br>
코딩을 처음 접하는 사람, 코딩 실력을 키우고 사람, 같이 꿈을 키워나가고 싶은 사람 등 코딩에 관심있다면, SSCC에서 선배, 후배, 동기들과 함께, 재밌게, 열정적으로 배우고, 성장하세요!
</p>
</div>
</div>
</div>
</div>
<footer>
<div id="Footer_out_grid">
<div id="Footer_first">
<div id="ROS"><p class="Footer_LOGO">SSCC</p>
<br>
<span class="Text-Highlight">S</span>oong<!--
--><span class="Text-Highlight">S</span>il
<span class="Text-Highlight">C</span>omputing
<span class="Text-Highlight">C</span>lub
</div>
<div id="copyright">
<br>
Copyrightⓒ2023.SSCC. All rights reserved.
</div>
</div>
<div id="Footer_second">
<div class="Footer_Text">
<p>SSCC 채널 바로가기</p>
</div>
<div><a class="Footer_link instagram" href="https://www.instagram.com/sscc_ssu/"><i class="fa-brands fa-instagram"></i></a></div>
<div><a class="Footer_link facebook" href="https://www.facebook.com/groups/ssccob"><i class="fa-brands fa-facebook"></i></a></div>
<div><a class="Footer_link kakao" href="https://open.kakao.com/o/spVNT95e"><i class="fa-regular fa-comments"></i></a></div>
<div><a class="Footer_link googleform" href="https://docs.google.com/forms/d/e/1FAIpQLScu3HAAP1-lNgK3W3QXP07YTvh0Wgg4sUcHv6QVqU3YrLJBsw/viewform?usp=sf_link"><i class="fa-regular fa-file-lines"></i></a></div>
</footer>
</body>
</html>