-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathemo.html
148 lines (138 loc) · 7.3 KB
/
emo.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
<!DOCTYPE html>
<html lang="ko">
<head>
<title>감정로봇 | 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">
<link href="css/touchTouch.css" rel="stylesheet" type="text/css" />
<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><a href="index.html">Home</a></li>
<li class="current"><a href="projects.html">Projects</a></li>
<li><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>
<li><a href="#">Projects</a></li>
</ul>
<h1>감정로봇</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"> 상자 위 스위치를 누르면 상자가 열리며 팔이 나와 스위치를 끄는 로봇입니다. </div>
</article>
</div>
<div class="wrapper projects">
<div class="row clearfix">
<article class="grid_12">
<div class="flexslider projectdetails">
<ul class="slides">
<li> <img class = "fimg" src="emo1.png" alt="Featured" height = "529"/> </li>
<li> <img class = "fimg" src="emo2.png" alt="Featured" height = "529"/> </li>
</ul>
</div>
</article>
</div>
<div class="row clearfix">
<article class="grid_3"> <span>제작자:</span> 이성재, 김건우 <br />
<span>년도:</span> 2013<br />
<span>목적:</span> 일반<br />
<a href="None" class="button small">관련 링크</a> </article>
<article class="grid_9">
<div class="css_cols"> 상자 위 스위치를 누르면 상자가 열리며 팔이 나와 스위치를 끄고 LED로 표정을 보여주는 로봇입니다. Atmega를 이용해 제작하였습니다.</div>
</article>
</div>
<div class="grid_12">
<h2 class="clearfix"> <span class="f_left">다른 프로젝트</span> <a id="next" class="next"></a> <a id="prev" class="prev"></a> </h2>
<div id="projects-carousel" class="project-details-caro">
<article class="grid_3 project-item"><a href="javascript:"><img src="icar1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="icar1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="icar.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="rccar1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="rccar1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="rccar.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="turret2_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="turret2.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="turret.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
<article class="grid_3 project-item"><a href="javascript:"><img src="emo1_940x529.png" alt="Featured" height ="136" ></a> <span class="zoom-icon" style="bottom: 100%;"><a href="emo1.png" class="touch-item"></a></span> <span class="zoom-link" style="top: 100%;"><a href="emo.html">더보기</a></span> <span class="zoom-bg" style="opacity: 0; "></span> </article>
</div>
</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/jquery.carouFredSel-6.1.0-packed.js" type="text/javascript"></script>
<script src="js/touchTouch.jquery.js" type="text/javascript"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.24.custom.min.js"></script>
<script src="js/contact.js" type="text/javascript"></script>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>