-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcontact.html
120 lines (119 loc) · 5.41 KB
/
contact.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
<!DOCTYPE html>
<html lang="ko">
<head>
<title>Contact | SBTM 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">
<!--[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><a href="index.html">Home</a></li>
<li><a href="projects.html">Projects</a></li>
<li class="current"><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="clear"></div>
</header>
<!--SLIDER-->
<section class="innerpages">
<div class="grid_12">
<ul class="breadcrumb clearfix">
<li><a href="#">Home</a></li>
</ul>
<h1>Contact </h1>
</div>
</section>
<!--SLIDER_END-->
</div>
</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">저희 사발통문은 미래를 주도하는 핵심사업으로 주목 받는 '로봇'이라는 산업분야를 학부시절에 직접 몸으로 느껴볼 수 있는 귀중한 기회의 장이 될 것 입니다.<br/>
로봇에 관심이 있고 열정이 있는 분이라면, 사발통문은 누구라도 두 팔 벌려 환영합니다!!</div>
</article>
</div>
<div class="wrapper projects">
<div class="row clearfix">
<article class="grid_12">
<div class="gmap">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d907.2024921564338!2d126.93468842536795!3d37.56179095151513!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357c9892f9a5837d%3A0x9259bf7c69a510d5!2z7ISc7Jq47Yq567OE7IucIOyXsO2drOuPmSDsl7DshLjrjIDtlZnqtZAg7KCcM-qzte2Vmeq0gA!5e0!3m2!1sko!2skr!4v1457410974308" width="100%" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>
</div>
</article>
</div>
<div class="row clearfix">
<article class="grid_12">
<h2>문의하기</h2>
<p><a href="http://club.cyworld.com/yonsei-sbtm">싸이월드 클럽</a>을 방문하시거나, <a href="https://www.facebook.com/sbtmrecruiting/">페이스북</a>을 방문해 주시면 됩니다. 혹은 이메일 <a href="mailto:[email protected]">[email protected]</a>로 문의사항을 보내주시면 됩니다..</p>
<p>(회장) 이승남 010-8787-6441 <br/>(부회장) 윤여훈 010-9863-1511</p>
</article>
</div>
</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/jquery-1.8.2.min.js"></script>
<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/contact.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>