-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
247 lines (220 loc) · 12.7 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
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Home | SBTML Lab.</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0">
<link rel="stylesheet" type="text/css" media="screen" href="css/style.css">
<link rel="stylesheet" type="text/css" media="screen" href="css/slider.css">
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/home-slider01.js"></script>
<script type="text/javascript" src="js/home-slider02.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
<script type="text/javascript" src="js/html5shiv.js"></script>
<link href="css/sbtm.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 8]>
<div style=' clear: both; text-align:center; position: relative;'>
<a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
<img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
</a>
</div>
<![endif]-->
<!--[if lt IE 9]>
<script type="text/javascript" src="js/html5.js"></script>
<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
<![endif]-->
</head>
<body>
<div class="block1 p_bottom_zero">
<div class="container_12">
<!--==============================header=================================-->
<header class="homepage">
<h1><a class="logo" href="index.html">SBTM <span class="underline">Lab.</span></a></h1>
<nav>
<ul class="sf-menu">
<li class="current"><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="clear"></div>
</header>
</div>
</div>
<div class="extra_container">
<section >
<div class="fullwidthbanner-container" style="height:450px">
<div class="fullwidthbanner">
<ul>
<!-- FADE -->
<li data-transition="fade">
<img src="images/main.jpg" alt="">
<div class="caption lft" data-x="700" data-y="70" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="custom/logo.png" alt="" width="256" /></div>
<div class="caption sfl big_orange_bg" data-x="10" data-y="40" data-speed="600" data-start="2000" data-easing="easeOutExpo">사발통문</div>
<div class="caption sfl big_blue_bg" data-x="10" data-y="170" data-speed="600" data-start="2500" data-easing="easeOutExpo">
연세대학교 공과대학
</div>
<div class="caption sfl big_blue_bg" data-x="10" data-y="240" data-speed="600" data-start="2700" data-easing="easeOutExpo">
로봇 동아리
</div>
</li>
<!-- SLIDELEFT -->
<li data-transition="slideright"> <img src="images/img2.png" alt="" />
<div class="caption lft" data-x="700" data-y="60" data-speed="900" data-start="900" data-easing="easeOutExpo"><img src="custom/responsive.png" alt="" width="256" /></div>
<div class="caption lfr big_yellow_bg" data-x="10" data-y="50" data-speed="300" data-start="1600" data-easing="easeOutExpo">상시모집중</div>
<div class="caption sfl small_white_bg" data-x="10" data-y="200" data-speed="300" data-start="1800" data-easing="easeOutExpo">기계공학과</div>
<div class="caption sfr small_white_bg" data-x="10" data-y="250" data-speed="300" data-start="2000" data-easing="easeOutExpo">컴퓨터과학과</div>
<div class="caption sfl small_white_bg" data-x="10" data-y="300" data-speed="300" data-start="2200" data-easing="easeOutExpo">전기전자공학부</div>
</li>
<!-- SLIDERIGHT -->
<li data-transition="slideleft"> <img src="images/img3.jpg" alt="" />
<div class="caption lft boxshadow" data-x="10" data-y="50" data-speed="900" data-start="1300" data-easing="easeOutExpo">
<iframe width="420" height="315" src="https://www.youtube.com/embed/AdFcke1OKxM" frameborder="0" allowfullscreen></iframe>
</div>
<div class="caption lfr big_black_bg" data-x="700" data-y="50" data-speed="300" data-start="1600" data-easing="easeOutExpo">SBTM</div>
<div class="caption lfb small_black_bg" data-x="700" data-y="130" data-speed="300" data-start="1800" data-easing="easeOutExpo">2016년 <br/>신입생 새터 홍보 동영상 </div>
<div class="caption lfb" data-x="700" data-y="210" data-speed="300" data-start="1800" data-easing="easeOutExpo"><a href="https://youtu.be/AdFcke1OKxM" class="button large">Yotube에서 보기</a></div>
</li>
<!-- SLIDEUP -->
<li data-transition="fade"> <img src="images/img4.jpg" alt="" />
<div class="caption lfb big_red_bg" data-x="0" data-y="50" data-speed="900" data-start="800" data-easing="easeOutSine">로봇동아리 사발통문은 언제나 열려있습니다.</div>
<div class="caption lfb big_red_bg" data-x="0" data-y="150" data-speed="1100" data-start="1000" data-easing="easeOutSine">꿈을 소중히 하는 사람들</div>
<div class="caption lfb big_red_bg" data-x="0" data-y="250" data-speed="1100" data-start="1200" data-easing="easeOutSine">사발통문</div>
</li>
</ul>
</div>
</div>
</section>
</div>
<div class="block2">
<div class="container_12">
<!--==============================content================================-->
<section class="content">
<div class="wrapper">
<article class="grid_12 last-col">
<div class="hello_box"> 사발통문(SBTM)에서는 전기전자, 기계공학, 컴퓨터공학 전공 학생 들 뿐만 아니라, 자연계열 부터 상경계열 까지 로봇에 관심이 있는 다양한 학생들이 모여 저마다의 로봇을 연구하고 스스로 제작해보는 활동을 하고 있습니다.</div>
</article>
</div>
<div class="wrapper offers_box">
<article class="grid_3">
<h2 class="clearfix"> <span class="f_left">활동</span> <a id="next" class="next"></a> <a id="prev" class="prev"></a> </h2>
<p> 사발통문에서는 많은 활동을 합니다. 그 중 대표적인 것들만 소개합니다.</a> </p>
</article>
<div class="grid_9">
<div id="home-services">
<div class="grid_3">
<div class="offer"> <img src="images/plan.png" alt="Plan">
<div class="title">EE Festival</div>
연세대학교 전기전자 공학부에서는 매년 EE Festival을 개최합니다. 사발통문에서는 작품 출품하게 되는데 동아리 회원들은 직접 작품의 설계부터 시작해서 완제품을 만들어 내게 됩니다.<br>
</div>
</div>
<div class="grid_3">
<div class="offer"> <img src="images/design.png" alt="Design">
<div class="title">하드웨어 세미나</div>
정기적인 Hardware 세미나를 통해 로봇 제작 및 컴퓨터 프로그래밍에 대한 기초 학습을 진행하고 있으며, 대학원에 재학 중이신 선배님들의 기술지원을 통해 학부에서는 접할 수 없는 수준의 로봇 제작도 도전해 볼 수 있습니다.<br>
</div>
</div>
<div class="grid_3 last-col">
<div class="offer"> <img src="images/prototype.png" alt="Prototype">
<div class="title">소프트웨어 세미나</div>
정기적인 Software 세미나를 통해 컴퓨터 프로그래밍 언어의 기초라고 할 수 있는 C언어 교육을 진행하여 공과대학 학생이 아닌 학생들도 공학에 관심을 가지고 다가갈 수 있는 기회를 마련하고 있습니다.<br>
</div>
</div>
<div class="grid_3 ">
<div class="offer"> <img src="images/development.png" alt="Development">
<div class="title">지능형 모형차 대회</div>
한양대학교 Acelab에서는 매년 '지능형 모형차 대회'를 개최합니다. 사발통문에서는 작년 처음 출전하여 본선진출의 우수한 성적을 거두었습니다.<br>
</div>
</div>
<div class="grid_3 ">
<div class="offer"> <img src="images/testing.png" alt="Testing">
<div class="title">로봇 제작</div>
사발통문은 로봇 제작 동아리입니다. 평소 활동으로 팀을 이루어 로봇을 제작합니다.<br>
</div>
</div>
<div class="grid_3 last-col ">
<div class="offer"> <img src="images/delivery.png" alt="Delivery">
<div class="title">다른 동아리 활동</div>
나도 연고전, 아카라카에 참석하고 싶은데! 나도 MT를 가고싶은데! SBTM이라면 문제 없습니다. 다수의 MT활동, 인간적인 사람들이 모인 SBTM과 함께라면 활기차고 밝은 대학생활이 가능합니다!<br>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="featured_block">
<div class="container_12">
<section class="content">
<div class="wrapper featured_work">
<article class="grid_3">
<h2>주요 작품</h2>
<p>사발통문에서 지금까지 만듯 작품을 소개합니다. </p>
<a href="projects.html" class="arrowlink">더 많은 로봇 보기</a> </article>
<article class="grid_9 last">
<div class="flexslider" id="home-page-slider-secondary">
<ul class="slides">
<li >
<div class="imgwrap lifted fimg"><img class = "fimg" src="emo1.png" alt="Featured" height="394"/></div>
</li>
<li >
<div class="imgwrap lifted fimg"><img class = "fimg" src="icar1.png" alt="Featured" height="394"/></div>
</li>
<li >
<div class="imgwrap lifted fimg"><img class = "fimg" src="rccar1.png" alt="Featured" height="394"/></div>
</li>
<li >
<div class="imgwrap lifted fimg"><img class = "fimg" src="turret1.png" alt="Featured" height="394"/></div>
</li>
</ul>
</div>
</article>
</div>
</section>
</div>
</div>
<div class="block3">
<!--==============================footer=================================-->
<div class="container_12">
<footer>
<div class="wrapper">
<div class="grid_6">
<h2>About</h2>
<p>연세대학교 공과대학 소속 동아리 사발통문입니다.</p>
<ul class="social">
<li> <a href="https://www.facebook.com/groups/154493074601959/">
<figure><img src="images/soc2.png" width="31" height="26" alt=""></figure>
Join us on Facebook</a> </li>
<li> <a href="http://club.cyworld.com/yonsei-sbtm">
<figure><img src="custom/cyworld.png" width="31" height="31" alt=""></figure>
Join us on Cyworld</a> </li>
<li class="cont_item m_bottom_zero"> <a href="contact.html">
<figure><img src="images/soc4.png" width="31" height="20" alt=""></figure>
Contact Us</a> </li>
</ul>
</div>
<div class="grid_3">
<h2>Copyright</h2>
© Yonsei SBTM. All rights reserved. </div>
<div class="grid_3 last-col">
<h2>Navigate</h2>
<ul class="navigate">
<li><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
</footer>
</div>
</div>
<script type="text/javascript" src="js/superfish.js"></script>
<script type="text/javascript" src="js/jquery.responsivemenu.js"></script>
<script type="text/javascript" src="js/jquery.flexslider.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script src="js/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/contact.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>