-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
221 lines (219 loc) · 9.61 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
<!DOCTYPE html>
<html lang="en">
<head>
<title>ResponseEve</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="css/inuit.css">
<link rel="stylesheet" href="css/fluid-grid16-1100px.css">
<link rel="stylesheet" href="css/eve-styles.css">
<link rel="shortcut icon" href="icon.png">
<link rel="apple-touch-icon-precomposed" href="img/icon.png">
<script src="js/respond-min.js"></script>
<script src="js/jquery164min.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<link rel="stylesheet" href="css/flexslider.css">
<script>
$(window).load(function () {
$('.flexslider').flexslider({
animation: "slide",
directionNav: false,
keyboardNav: true,
mousewheel: true
});
});
</script>
<!--[if lte IE 7]>
<style>
hr { display:block; height:1px; border:0; border-top:1px solid #fff; margin:1em 0; padding:0; }
.grid-4{ width:22% }
</style>
<![endif]-->
</head>
<!--=============================================================== Logo, social and menu =====================================================================================-->
<body>
<div class="wrapper"> <a href="index.html" id="logo"><img src="img/logo.png" alt="">
<h1 class="accessibility">ResponseEve, a responsive template by SiGa</h1>
</a>
<div class="social"> <a href="#"><img src="img/facebook.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/twitter.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/linkedin.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/vcard.png" width="20" height="20" alt=""></a> <a href="#"><img src="img/picasa.png" width="20" height="20" alt=""></a> </div>
<ul id="nav" class="main">
<li><a href="#" class="active">Home</a></li>
<li><a href="find.html">Subpage1</a></li>
<li><a href="result.html">Dummy 1</a></li>
<li><a href="#">Dummy 2</a></li>
<li><a href="#">Dummy 3</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<!--end of wrapper div-->
<div class="clear"></div>
<div class="wrapper">
<div class="grids top">
<div class="grid-6 grid intro">
<h2>TFIDF based Crawling Agent with KNN Algorithm</h2>
<p>
<ul>
<li> Thaw De Zin (6IST-66)</li>
<li> Supervised by <a herf=""> Dr. Nandar Win Min </a> </li>
</ul>
</p>
</div>
<!--end of slogan div-->
<div class="grid-10 grid">
<div class="flexslider">
<noscript>
You have Javascript set to disabled. This slideshow runs with Javascript and will only be shown if you turn it on.<br>
Sie haben Javascript deaktiviert. Diese Slideshow wird nur vollständig angezeigt, wenn Sie Javascript aktivieren.
</noscript>
<ul class="slides">
<li> <a href="#"><img src="img/img1.jpg" alt="">
<p class="flex-caption">This is a describing caption for your image</p>
</a> </li>
<li> <a href="#"><img src="img/img2.jpg" alt="">
<p class="flex-caption">Of course you can also remove it, if you want</p>
</a> </li>
<li> <a href="#"><img src="img/img3.jpg" alt=""> </a> </li>
<li> <a href="#"><img src="img/img4.jpg" alt="">
<p class="flex-caption">This is another caption for your image</p>
</a> </li>
<li> <a href="#"><img src="img/img5.jpg" alt="">
<p class="flex-caption">Write whatever you want here!</p>
</a> </li>
</ul>
</div>
<!--end of div flexslider-->
</div>
<!--end of div grid-10-->
</div>
<!--end of div grids-->
</div>
<!--end of div wrapper-->
<!--========================================================================== Content Part 1 =====================================================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-10 grid">
<h2>Enjoy it, it´s free!</h2>
<p> ResponseEve is responsive, fresh, modern, bold and completly free. You may use it for both private and commercial projects. If you like it and if you want to show some respect for my work, consider not to remove the link in the footer - though it is not required. Anyway, do me a favour and spread the word!</p>
<p>Please understand that - due to the fact, that this is free - no service is provided. But I am available for freelance jobs! ;-)</p>
</div>
<!--end of grid-10-->
<div class="grid-6 grid grey">
<h2>This is a quote</h2>
<p class="quote">"You can use it with or without green or grey box. The classes are: quote, green, grey. The boxes are meant to attract attention - don´t use them extensively." <span>SiGa</span></p>
</div>
</div>
<!--end of grids-->
</div>
<!--end of wrapper-->
<hr />
<!--========================================================================== Content Part 2 =====================================================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-4 grid">
<h4>Inuit framework</h4>
<p><b>This template is responsive!</b> It is based on the Inuit-framework. You can extend the framework with igloos - have a look at the website!<br>
<a class="button" href="subpage.html">Visit the website!</a></p>
</div>
<div class="grid-3 grid">
<h4>Inbuilt grid</h4>
<p>The grid used here has a max-width of 1120 px for larger screens and 16 columns with no end or last in use to stop the flow - self-clearing!</p>
</div>
<div class="grid-3 grid">
<h4>Your own grid</h4>
<p>You can produce your own grid with the width and gutter you like with the Inuit Grid-builder and replace the grid that is used here in no time!</p>
</div>
<div class="grid-3 grid">
<h4>FlexSlider</h4>
<p>The slider is the great responsive Flexslider, which offers many features. Visit the website to find out more about the features!</p>
</div>
<div class="grid-3 grid">
<h4>Nice social icons</h4>
<p>The social icons were made by Alex Peattie, you can download the set on his website and even use them as a webfont with @font-face!</p>
</div>
</div>
<!--end of grids-->
</div>
<!--end of wrapper-->
<hr />
<!--========================================================================== Content Part 3 =====================================================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-4 grid"> <img src="img/small-img1.jpg" alt=""> </div>
<div class="grid-4 grid">
<h5>Inuit framework</h5>
<p>This template is responsive! It is based on the Inuit-framework. You can extend the framework with igloos - have a look at the website!</p>
</div>
<div class="grid-4 grid"> <img src="img/small-img3.jpg" alt=""> </div>
<div class="grid-4 grid">
<h5>Respond</h5>
<p>The goal of this script, created by Scott Jehl, is to enable responsive web designs in browsers that don't support CSS3 Media Queries (IE 8 and under for example).</p>
</div>
</div>
<!--end of grids-->
</div>
<!--end of wrapper-->
<!--=================================================== second row of Content Part 3 ================================================-->
<div class="wrapper">
<div class="grids">
<div class="grid-4 grid"> <img src="img/small-img2.jpg" alt=""> </div>
<div class="grid-4 grid">
<h5>Font 'Oswald'</h5>
<p>Oswald was created by Vernon Adams (who made other nice free fonts, too), it´s embedded with @font-face. You can download it, for example (SIL-license).</p>
</div>
<div class="grid-4 grid"> <img src="img/small-img4.jpg" alt=""> </div>
<div class="grid-4 grid">
<h5>Formalize</h5>
<p>The subpage 'Contact' includes the great JQuery plugin <strong>Formalize</strong> by Nathan Smith. Visit the website to find out what it does and see the demos!</p>
</div>
</div>
<!--end of grids-->
<div class=" grids flexslider intro ticker top">
<noscript>
You have Javascript set to disabled. This ticker runs with Javascript and will only be shown if you turn it on.<br>
Sie haben Javascript deaktiviert. Dieser Ticker wird nur vollständig angezeigt, wenn Sie Javascript aktivieren.
</noscript>
<ul class="slides">
<li>
<p class="text-center"> Hey, let your creativity flow and create something great! </p>
</li>
<li>
<p class="text-center"> You can use this as a ticker! </p>
</li>
<li>
<p class="text-center"> You can use this somewhere else on this page, too, of course. </p>
</li>
<li>
<p class="text-center"> Write anything you want here! </p>
</li>
<li>
<p class="text-center"> You can display some news, if you want. </p>
</li>
<li>
<p class="text-center"> Or maybe some important infos. </p>
</li>
</ul>
</div>
<!--end of div flexslider-->
</div>
<!--end of wrapper-->
<!--========================================================================== Footer =====================================================================================-->
<div class="wrapper">
<div id="footer">
<div class="grids">
<div class="grid-5 grid text-center">
<p>© Eve 2012 by <a target="_blank" href="http://sg-layout.com">SiGa</a></p>
</div>
<div class="grid-6 grid text-center">
<p>Free responsive template v 1.0</p>
</div>
<div class="grid-5 grid text-center">
<p>Contact me <a href="#">here</a></p>
</div>
</div>
<!--end of grids-->
</div>
<!--end of footer-->
</div>
<!--end of wrapper-->
</body>
</html>