-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
392 lines (374 loc) · 19.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
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- Title Tag -->
<title>SmoothBreak</title>
<!-- <<Mobile Viewport Code>> -->
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- <<Attched Stylesheets>> -->
<link rel="stylesheet" href="css/theme.css" type="text/css" />
<link rel="stylesheet" href="css/media.css" type="text/css" />
<link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,600italic,400italic,800,700" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Oswald:400,700,300" rel="stylesheet" type="text/css">
</head>
<body>
<!-- \\ Begin Holder \\ -->
<div>
<!-- \\ Begin Frame \\ -->
<div class="LayoutFrame">
<!-- \\ Begin Header \\ -->
<header>
<div class="Center">
<div class="site-logo">
<h1><a href="#">Smooth<span>break</span></a></h1>
</div>
<div id="mobile_sec">
<div class="mobile"><i class="fa fa-bars"></i><i class="fa fa-times"></i></div>
<div class="menumobile">
<!-- \\ Begin Navigation \\ -->
<nav class="Navigation">
<ul>
<li class="active">
<a href="#home">Home</a>
<span class="menu-item-bg"></span>
</li>
<li>
<a href="#about">About</a>
<span class="menu-item-bg"></span>
</li>
<li>
<a href="#services">Services</a>
<span class="menu-item-bg"></span>
</li>
<li>
<a href="#pricing">Additional</a>
<span class="menu-item-bg"></span>
</li>
<li>
<a href="#contact">Contact</a>
<span class="menu-item-bg"></span>
</li>
</ul>
</nav>
<!-- // End Navigation // -->
</div>
</div>
<div class="clear"></div>
</div>
</header>
<!-- // End Header // -->
<!-- \\ Begin Banner Section \\ -->
<div class="Banner_sec" id="home">
<!-- \\ Begin banner Side -->
<div class="bannerside">
<div class="Center">
<!-- \\ Begin Left Side -->
<div class="leftside">
<h3>Fast access<span>UI Unleashed</span></h3>
<p>Smoothbreak is a website designed and focused on helping the masses combat the current COVID-19 crisis using Machine Learning, Deep Learning and many additional functionalities.</p>
<a href="#about">MORE DETAILS</a>
</div>
<!-- // End Left Side // -->
<!-- \\ Begin Right Side -->
<div class="rightside">
<ul id="slider">
<li>
<div class="Slider">
<figure><img src="img/Slider-img1.jpg" alt="image"></figure>
<div class="text">
<div class="Icon">
<ul>
<li><a href="#"><i class="fa fa-heart"></i>125</a></li>
<li><a href="#"><i class="fa fa-commenting"></i>70</a></li>
</ul>
</div>
<div class="Lorem">
<p>We'll get through it<span>Just Hope</span></p>
</div>
</div>
</div>
</li>
<li>
<div class="Slider">
<figure><img src="img/Slider-img2.jpg" alt="image"></figure>
<div class="text">
<div class="Icon">
<ul>
<li><a href="#"><i class="fa fa-heart"></i>343</a></li>
<li class="num"><a href="#"><i class="fa fa-commenting"></i>176</a></li>
</ul>
</div>
<div class="Lorem">
<p>Hope is the call of the day<span>Never Give In</span></p>
</div>
</div>
</div>
</li>
</ul>
<figure><img src="img/Shadow-img.png" alt="image" class="Shadow"></figure>
</div>
<!-- // End Right Side // -->
</div>
</div>
<!-- // End banner Side // -->
<div class="clear"></div>
</div>
<!-- // End Banner Section // -->
<div class="bgcolor"></div>
<!-- \\ Begin Container \\ -->
<div id="Container">
<!-- \\ Begin About Section \\ -->
<div class="About_sec" id="about">
<div class="Center">
<h2>about us</h2>
<p>We are a team of five members working to help the people affected by COVID-19 overcome the pandemic by offering intelligent solutions<br>that help avoid activities that can potentially lead to extracting the virus while offering many other functions.</p>
<div class="Line"></div>
<!-- \\ Begin Tab side \\ -->
<div class="Tabside">
<ul>
<li><a href="javascript:;" class="tabLink activeLink" id="cont-1">Mission</a></li>
<li><a href="javascript:;" class="tabLink" id="cont-2">Tools Used</a></li>
<li><a href="javascript:;" class="tabLink" id="cont-3">Infotainment</a></li>
</ul>
<div class="clear"></div>
<div class="tabcontent" id="cont-1-1">
<div class="TabImage">
<div class="img1">
<figure><img src="img/about-img2.jpg" alt="image"></figure>
</div>
<div class="img2">
<figure><img src="img/about-img1.jpg" alt="image"></figure>
</div>
</div>
<div class="Description">
<h3>help avoid potential risks<span>Prevention is the best cure</span></h3>
<p>We are in a state of complete lockdown and have been as such for quite some time now. Our mission is to help people make intelligent decisions that make sure everyone is safe from the clutches of the Global Pandemic.</p>
<p>This website employs Machine Learning and Deep Learning algorithms to deliver top-class services across multiple fields ensuring people remain busy throughout these trying times.</p>
</div>
</div>
<div class="tabcontent hide" id="cont-2-1">
<div class="TabImage">
<div class="img1">
<figure><img src="img/about-img2.jpg" alt="image"></figure>
</div>
<div class="img2">
<figure><img src="img/about-img1.jpg" alt="image"></figure>
</div>
</div>
<div class="Description">
<h3>Many tools used<span>because the more the merrier</span></h3>
<p>We have used many tools in the development of this website.<br>
- Web Tools: NodeJS, Dreamweaver<br>
- Design Tools: Photoshop, Illustrator<br>
- Development Tools: Spyder Python<br>
- Methods: Machine Learning, Deep Learning
</p>
<p>It is our aim to deliver the best user experience while having a very powerful machinery at the background powering all of the queries that the site recieves.</p>
</div>
</div>
<div class="tabcontent hide" id="cont-3-1">
<div class="TabImage">
<div class="img1">
<figure><img src="img/about-img2.jpg" alt="image"></figure>
</div>
<div class="img2">
<figure><img src="img/about-img1.jpg" alt="image"></figure>
</div>
</div>
<div class="Description">
<h3>Chatbot? Yeah we have it!<span>We also sport a powerful AI Speech Assistant</span></h3>
<p>Because what better a way than to chat away with someone who is always there with witty, quirky and lightning fast responses.</p>
<p>Leave all of your queris to us! We have ensured the usage of the best tools available to date, integrating Google services to ensure a seamless experience and an answer to all of your questions!</p>
</div>
</div>
<div class="clear"></div>
</div>
<!-- // End Tab Side // -->
</div>
</div>
<!-- // End About Section // -->
<!-- \\ Begin Services Section \\ -->
<div class="Services_sec" id="services">
<div class="Center">
<h2>Our Services</h2>
<p>Because where there is a will, there is power and there is success!</p>
<div class="Line"></div>
<!-- \\ Begin Services Side \\ -->
<div class="Serviceside">
<ul>
<li class="Development"><a href="#services"><h4>Current Active Cases</h4></a></li>
<li class="Desdin"><a href="#services"><h4>Prediction Models</h4></a></li>
<li class="Concept"><a href="http://localhost:5000/"><h4>Chatbot</h4></a></li>
<li class="System"><a href="#services"><h4>AI Voice Assistant</h4></a></li>
</ul>
</div>
<!-- // End Services Side // -->
</div>
</div>
<!-- // End Services Section // -->
<!-- \\ Begin Pricing Section \\ -->
<div class="Pricing_sec" id="pricing">
<div class="Center">
<h2>Additional Data</h2>
<p>Some FAQ's from CDC website for COVID-19 along with and image-search algorithm. Just click a picture of any milestone near you<br>or any place that has the name of a city written and we will get the relavent data to you!</p>
<div class="Line"></div>
<!-- \\ Begin Pricing Side \\ -->
<div class="Pricingside">
<ul>
<li>
<div class="Basic">
<h5>Image Search</h5>
</div>
<div class="Dollar">
<h2>FAST</h2>
</div>
<div class="Band">
<p>Uses Google <span>Search Engine</span></p>
</div>
<div class="Band">
<p>Accurate<span>Results</span></p>
</div>
<div class="Band">
<p>Image<span>Processing</span></p>
</div>
<div class="Band last">
<p>ABC<span>DEF</span></p>
</div>
<div class="Order">
<a href="https://google.com">Proceed</a>
</div>
</li>
<li>
<div class="Basic">
<h5>CDC Data</h5>
</div>
<div class="Dollar">
<h2>FAQ's</h2>
</div>
<div class="Band">
<p>Some common <span>queries</span></p>
</div>
<div class="Band">
<p>stay beyond<span>doubt</span></p>
</div>
<div class="Band">
<p>verified<span>answers</span></p>
</div>
<div class="Band last">
<p>Global<span>awareness</span></p>
</div>
<div class="Order">
<a href="#">Proceed</a>
</div>
</li>
<li>
<div class="Basic">
<h5>Studies</h5>
</div>
<div class="Dollar">
<h2>improve</h2>
</div>
<div class="Band">
<p>Uses vast <span>Networks</span></p>
</div>
<div class="Band">
<p>delivers<span>relevant data</span></p>
</div>
<div class="Band">
<p>Intelligent<span>Algorithms</span></p>
</div>
<div class="Band last">
<p>Resource<span>Rich</span></p>
</div>
<div class="Order">
<a href="#">Proceed</a>
</div>
</li>
</ul>
</div>
<!-- // End Pricing Side // -->
</div>
</div>
<!-- // End Pricing Section // -->
<!-- \\ Begin Contact Section \\ -->
<div class="Contact_sec" id="contact">
<div class="Contactside">
<div class="Center">
<h2>contact us</h2>
<p>We will be extremely happy to hear from you!<br>Please let us know about any issues you might have encountered by filling the details below.</p>
<div class="Line"></div>
</div>
</div>
<div class="Map">
<div id="GoogleMap"></div>
</div>
<!-- \\ Begin Get Section \\ -->
<div class="Get_sec">
<div class="Mid">
<!-- \\ Begin Left Side \\ -->
<div class="Leftside">
<form action="#">
<fieldset>
<p><input type="text" value="" placeholder="NAME" class="field"></p>
<p><input type="email" value="" placeholder="EMAIL" class="field"></p>
<p><input type="text" value="" placeholder="TITLE" class="field"></p>
<p><textarea cols="2" rows="2" placeholder="MESSAGE"></textarea></p>
<p><input type="submit" value="send" class="button"></p>
</fieldset>
</form>
</div>
<!-- // End Left Side // -->
<!-- \\ Begin Right Side \\ -->
<div class="Rightside">
<h3>Get in touch !</h3>
<address>
Vellore Institute of Technology, Chennai<br>
Vandalur-Kelambakkam Road - 600127
</address>
<address class="Number">
(+91) 001 002 0034, (+91) 009 008 0760<br>(+91) 456 050 0670
</address>
<address class="Email">
<a href="mailto:architdehloo@gmail.com">architdehloo@gmail.com</a>
</address>
<div class="clear"></div>
<ul>
<li><a rel="nofollow" href="http://www.facebook.com/"
target="_parent"><img src="img/facebook-icn.png" alt="image"></a></li>
<li><a href="#"><img src="img/twitter-icn.png" alt="image"></a></li>
<li><a href="#"><img src="img/google-plus-icn.png" alt="image"></a></li>
</ul>
</div>
<!-- // End Right Side // -->
</div>
<!-- \\ Begin Footer \\-->
<footer>
<div class="Cntr">
<p>COPYRIGHT © 2099 SMOOTHBREAK. DESIGN: <a rel="nofollow" href="https://www.behance.net/architdehloo/" target="_parent">ARCHIT</a></p>
</div>
</footer>
<!-- // End Footer // -->
</div>
<!-- // End Get Section // -->
</div>
<!-- // End Contact Section // -->
</div>
<!-- // End Container // -->
</div>
<!-- // End Layout Frame // -->
</div>
<!-- // End Design Holder // -->
<div id="loader-wrapper">
<div id="loader"></div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<!-- <<Attched Javascripts>> -->
<script type="text/javascript" src="js/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="js/jquery.sudoSlider.min.js"></script>
<script type="text/javascript" src="js/global.js"></script>
<script type="text/javascript" src="js/modernizr.js"></script>
</body>
</html>