-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
372 lines (303 loc) · 17.1 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<meta name="description" content="">
<meta name="author" content="">
<link rel="icon" href="../../favicon.ico">
<title>Projeto Layout Thema Disponivel | Site Início - Seja Bem Vindo</title>
<!-- Bootstrap core CSS -->
<!-- Latest compiled and minified CSS -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
<!-- Font Awesome icon style -->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-T8Gy5hrqNKT+hzMclPo118YTQO6cYprQmhrYwIiQ/3axmI1hQomh7Ud2hPOy8SP1" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<!-- Custom styles for this template -->
<link href="css/custom.css" rel="stylesheet">
<link rel="stylesheet" href="css/contact-input-style.css">
<link rel="stylesheet" type="text/css" href="css/loaders.css"/>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="loader loader-bg">
<div class="loader-inner ball-pulse-rise">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</div>
<!-- Static navbar -->
<nav class="navbar navbar-default top-bar affix" data-spy="affix" data-offset-top="250" >
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Whanti<span>PwP</span>Themes</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home">Início</a></li>
<li><a href="#product">Serviços</a></li>
<li><a href="#about">Praticidade</a></li>
<li><a href="#service">Outros Serviços</a></li>
<li><a href="#testimonial">Testemunhas</a></li>
<li><a href="#contact">Contato</a></li>
</ul>
</div><!--/.nav-collapse -->
</div>
</nav>
<div class="jumbotron" id="home">
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12 content-sec">
<h1>Titulo 1</h1>
<p>Paragrafo de Ação1</p>
<p>Paragrafo de Ação2</p>
<p>Atendimento Online Via WhastsApp <i class="bi bi-whatsapp" style="font-size: 20pt;"></i></p>
<p><a class="btn btn-tranparent btn-lg" href="https://api.whatsapp.com/send?l=pt_BR&phone=5511982839382&text=Ol%C3%A1,%20Preciso%20de%20um%20Atendimento" role="button">COMEÇAR ATENDIMENTO</a></p>
</div>
</div>
</div>
</div>
<aside class="under-banner">
<div class="container-fluid">
<div class="row no-gutter">
<div class="col-lg-3 col-md-3 col-sm-3 text-center content-box" >
<i class="fa fa-money"></i>
<h3>Titulo</h3>
<p>Paragrafo de descrição</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center content-box" >
<i class="fa fa-android"></i>
<h3>Android App</h3>
<p>Baixe o nosso app Disponivel para Android</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center content-box" >
<i class="fa fa-apple"></i>
<h3>iOS App</h3>
<p>Baixe o nosso app Disponivel para IOS</p>
</div>
<div class="col-lg-3 col-md-3 col-sm-3 text-center content-box" >
<i class="fa fa-windows"></i>
<h3>Windows</h3>
<p>Baixe agora mesmo</p>
</div>
</div>
</div>
</aside>
<section class="product-sec" id="product">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12">
<h2 class="text-center"><small class="text-green">Titulo1</small><br />Titulo2</h2>
</div>
</div>
<div class="row product-block">
<div class="col-lg-3 col-md-3 col-md-offset-1 col-sm-12">
<div class="img-sec"><img src="img/product-01.jpg" class="img-circle img-responsive"></div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12">
<div class="content-block">
<div class="heading">Titulo</div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt sed reprehenderit earum nostrum quia dolorum culpa iure numquam! Dolorum molestiae quo aspernatur velit aut voluptatem consequuntur quidem dolore ut itaque.</p>
<a href="https://api.whatsapp.com/send?l=pt_BR&phone=5511982839382&text=Ol%C3%A1,%20Preciso%20de%20um%20Atendimento" class="btn btn-green">Saiba Mais</a>
</div>
</div>
</div>
<div class="row product-block">
<div class="col-lg-4 col-md-4 col-sm-12 pull-right">
<div class="img-sec"><img src="img/product-02.jpg" class="img-circle img-responsive"></div>
</div>
<div class="col-lg-7 col-md-7 pull-left col-md-offset-1 col-sm-12">
<div class="content-block">
<div class="heading">Titulo</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Eligendi soluta aut quisquam. Nam maxime, porro vitae minima magnam illo ipsam odio nostrum, eum eligendi alias quasi molestias beatae reiciendis cupiditate.</p>
<a href="https://api.whatsapp.com/send?l=pt_BR&phone=5511982839382&text=Ol%C3%A1,%20Preciso%20de%20um%20Atendimento" class="btn btn-green">Saiba Mais</a>
</div>
</div>
</div>
<div class="row product-block">
<div class="col-lg-3 col-md-3 col-md-offset-1 col-sm-12">
<div class="img-sec"><img src="img/product-03.jpg" class="img-circle img-responsive"></div>
</div>
<div class="col-lg-7 col-md-7 col-sm-12">
<div class="content-block">
<div class="heading">Titulo</div>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Similique velit, sint recusandae voluptatibus eum animi nam, fugit fugiat voluptas qui reiciendis, amet ea aliquam eligendi blanditiis ex labore sapiente ipsa!</p>
<a href="https://api.whatsapp.com/send?l=pt_BR&phone=5511982839382&text=Ol%C3%A1,%20Preciso%20de%20um%20Atendimento" class="btn btn-green">Saiba Mais</a>
</div>
</div>
</div>
</div> <!-- /container -->
</section>
<section class="about-sec" id="about">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-6 pull-right">
<div class="content-block">
<h3>Titulo</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Enim, doloribus beatae optio adipisci vitae dolorem dolor aut minus et facilis quasi totam alias deleniti ipsum ad, expedita, consequuntur cum aperiam!</p>
<ul>
<li> <i class="bi bi-check2-circle" style="font-size: 20pt;"></i> Atendimento Online via WahtsApp</li>
<li> <i class="bi bi-check2-circle" style="font-size: 20pt;"></i> Baixe rápido</li>
<li> <i class="bi bi-check2-circle" style="font-size: 20pt;"></i> Layout Themes</li>
<li> <i class="bi bi-check2-circle" style="font-size: 20pt;"></i> Download Site Gratuito</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<section class="services-sec" id="service">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h2 class="text-center"><small class="text-green">Titulo1</small><br/>Titulo2</h2>
</div>
</div>
<div class="row services-container">
<div class="col-md-6">
<div class="service-block text-center">
<i class="fa fa-laptop" aria-hidden="true"></i>
<h3>Titulo</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Et eaque deserunt cum esse iure, unde reiciendis ipsam veniam, saepe tenetur, facilis aut autem corporis maxime. Vitae reprehenderit fugit corporis delectus.</p>
</div>
</div>
<div class="col-md-6">
<div class="service-block text-center">
<i class="fa fa-calendar" aria-hidden="true"></i>
<h3>Titulo</h3>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quasi sunt temporibus soluta earum aliquid ratione at velit necessitatibus minus! Aliquid magnam, error ut culpa voluptates alias ab? Illum, exercitationem quibusdam?</p>
</div>
</div>
<div class="col-md-6">
<div class="service-block text-center">
<i class="fa fa-diamond" aria-hidden="true"></i>
<h3>Titulo</h3>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Magni tenetur alias, expedita iure, maxime id, repellendus nihil blanditiis facilis praesentium animi voluptate a qui saepe fuga ex. Nihil, illo corrupti.</p>
</div>
</div>
<div class="col-md-6">
<div class="service-block text-center">
<i class="fa fa-comments" aria-hidden="true"></i>
<h3>Titulo</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis amet voluptatibus porro velit quidem reiciendis maiores atque blanditiis voluptatem delectus. Blanditiis, officia? Veritatis nostrum tempore, dicta cum consequuntur vel. Quam!</p>
</div>
</div>
</div>
</div>
</section>
<section class="testimonial-sec" id="testimonial">
<div class="container">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12">
<h2 class="text-center"><small class="text-green">Titulo Depoimento</small><br />Confira abaixo nossas testemunhas</h2>
</div>
</div>
<div class="row">
<div class="col-md-12" data-wow-delay="0.2s">
<div class="carousel slide" data-ride="carousel" id="quote-carousel">
<!-- Bottom Carousel Indicators -->
<ol class="carousel-indicators">
<li data-target="#quote-carousel" data-slide-to="0" class="active"><img class="img-responsive" src="img/depoimento-mayara.jpg" alt="">
</li>
<li data-target="#quote-carousel" data-slide-to="1"><img class="img-responsive" src="img/depoimento-nelson.jpg" alt="">
</li>
<li data-target="#quote-carousel" data-slide-to="2"><img class="img-responsive" src="img/depoimento-vitor-hugo.jpg" alt="">
</li>
</ol>
<!-- Carousel Slides / Quotes -->
<div class="carousel-inner text-center">
<!-- Quote 1 -->
<div class="item active">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Gostaria de agradecer a toda equipe por me ajudar a localizar a 2° via do meu boleto, muito rápido em menos de 15 minutos eu recebi no meu WhatsApp</p>
<small>Nome Aqui</small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 2 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Similique, eaque magni. Odit veritatis quibusdam quidem harum, assumenda sunt voluptatum animi similique aut officiis quos at voluptates in voluptatem consequatur illum?</p>
<small>Nome Aqui</small>
</div>
</div>
</blockquote>
</div>
<!-- Quote 3 -->
<div class="item">
<blockquote>
<div class="row">
<div class="col-sm-8 col-sm-offset-2">
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod, placeat deserunt corporis iusto asperiores ipsum eius aperiam ipsam aliquid illo quibusdam id alias, porro qui animi laudantium molestias natus fugit!</p>
<small>Nome Aqui</small>
</div>
</div>
</blockquote>
</div>
</div>
<!-- Carousel Buttons Next/Prev -->
<a data-slide="prev" href="#quote-carousel" class="left carousel-control"><i class="fa fa-chevron-left"></i></a>
<a data-slide="next" href="#quote-carousel" class="right carousel-control"><i class="fa fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<section class="content contact-sec" id="contact">
<div class="container form-block">
<div class="row">
<div class="col-lg-12 text-center">
<h2>Central de Atendimento</h2>
</div>
<div class="col-lg-6">
<p class="text-center">Tel: +55 11 9 8283-9382</p>
</div>
<div class="col-lg-6">
<p class="text-center">E-mail: [email protected]</p>
</div>
</div>
</div>
</section>
<footer>
<div class="container">
<div class="row">
<p class="text-center">WhantiThemes <i class="fa fa-love"></i><a href="https://api.whatsapp.com/send?l=pt_BR&phone=5511982839382&text=Ol%C3%A1,%20Preciso%20de%20um%20Atendimento">© Todos os direitos reservados 2022</a></p>
</div>
</footer>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
<script src="js/core.js"></script>
<script>
if ((".loader").length) {
// show Preloader until the website ist loaded
$(window).on('load', function () {
$(".loader").fadeOut("slow");
});
}
</script>
</body>
</html>