-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
executable file
·507 lines (496 loc) · 28.7 KB
/
Copy pathindex.html
File metadata and controls
executable file
·507 lines (496 loc) · 28.7 KB
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
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
<meta http-equiv="x-ua-compatible" content="ie=edge" />
<meta name="description"
content="Somos o braço de desenvolvimento da ASDIGITAL BUSINESS, nascemos para tirar realizar sonhos e trazer negócios para o mundo Digital desenvolvendo aplicações e sites para todos.">
<title>LAB ASDIGITAL BUSINESS</title>
<!-- MDB icon -->
<link rel="icon" href="./img/mdb-favicon.ico" type="image/x-icon" />
<!-- Font Awesome -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.2/css/all.css" />
<!-- Google Fonts Roboto -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap" />
<!-- MDB -->
<link rel="stylesheet" href="./css/mdb.min.css" />
</head>
<body>
<!-- Start your project here-->
<div id="preview" class="preview">
<div style="display: none;"></div>
<div>
<div data-draggable="true" class="" style="position: relative;" draggable="false">
<!---->
<!---->
<section draggable="false" class="overflow-hidden pt-0" data-v-271253ee="">
<section class="" style="padding-bottom: 1px;">
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary shadow-2">
<!-- Container wrapper -->
<div class="container-fluid">
<div class="d-flex">
<!-- Toggle button --> <button class="navbar-toggler" type="button" data-mdb-toggle="collapse"
data-mdb-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation"> <i class="fas fa-bars"></i> </button>
<!-- Navbar brand -->
<a class="navbar-brand ms-3" draggable="false">
<!-- <img src="./img/logo_labs.png" alt="Logo LAB AS DIGITAL" loading="lazy" style="width:180px;"> -->
<i class="fas fa-rocket text-white me-1" aria-controls="#picker-editor"></i> LAB ASDIGITAL
</a>
</div>
<!-- Collapsible wrapper -->
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<!-- Left links -->
<ul class="navbar-nav me-auto mb-2 ms-2 ps-1 ps-lg-0 mb-lg-0">
<li class="nav-item"> <a class="nav-link text-white" href="/" aria-controls="#picker-editor"
draggable="false"><i class="fas fa-home me-2"></i>Home</a> </li>
<li class="nav-item"> <a class="nav-link text-white" href="#quem_somos" aria-controls="#picker-editor"
draggable="false"><i class="fas fa-child me-2"></i>Quem somos</a> </li>
<li class="nav-item"> <a class="nav-link text-white" href="#o_que_fazemos" aria-controls="#picker-editor"
draggable="false"><i class="fas fa-chess-knight me-2"></i>O
que fazemos</a> </li>
<li class="nav-item d-none"> <a class="nav-link text-white" href="#parceiros" aria-controls="#picker-editor"
draggable="false"><i class="fas fa-handshake me-2"></i>Parceiros</a> </li>
<li class="nav-item"> <a class="nav-link text-white" href="#contato" aria-controls="#picker-editor"
draggable="false"><i class="fas fa-envelope me-2"></i>Contatos</a> </li>
</ul> <!-- Left links -->
</div> <!-- Collapsible wrapper -->
<!-- Right elements -->
<div class="d-flex align-items-center d-none"> <button type="button"
class="btn btn-link px-3 mb-1 me-2" aria-controls="#picker-editor">Login</button> <button
type="button" class="btn btn-primary mb-1 me-lg-3" aria-controls="#picker-editor">Sign
up</button> </div> <!-- Right elements -->
</div> <!-- Container wrapper -->
</nav> <!-- Navbar -->
</section>
</section>
<!---->
</div>
<div data-draggable="true" class="" draggable="false" style="position: relative; ">
<!---->
<!---->
<section draggable="false" class="overflow-hidden pt-0" data-v-271253ee="">
<section class="mb-md-10 mb-5 position-relative text-center text-lg-start">
<!-- SVG Background --> <svg data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"
preserveAspectRatio="none" class="svg position-absolute d-none d-lg-block"
style="height: 560px; width: 100%; z-index: 0; overflow: hidden">
<defs>
<linearGradient id="sw-gradient-0" x1="0" x2="0" y1="1" y2="0">
<stop stop-color="hsl(217, 102%, 99%)" offset="0%"></stop>
<stop stop-color="hsl(217,88%, 93%)" offset="100%"></stop>
</linearGradient>
</defs>
<path fill="url(#sw-gradient-0)"
d="M 0.351 264.418 C 0.351 264.418 33.396 268.165 47.112 270.128 C 265.033 301.319 477.487 325.608 614.827 237.124 C 713.575 173.504 692.613 144.116 805.776 87.876 C 942.649 19.853 1317.845 20.149 1440.003 23.965 C 1466.069 24.779 1440.135 24.024 1440.135 24.024 L 1440 0 L 1360 0 C 1280 0 1120 0 960 0 C 800 0 640 0 480 0 C 320 0 160 0 80 0 L 0 0 L 0.351 264.418 Z">
</path>
</svg> <!-- Content -->
<div class=" d-block d-md-none">
<div class="container-fluid">
<div class="row">
<div class="col-md-12 bg-white p-0">
<img src="./img/bg-logo.jpg" loading=“lazy” alt="Logo LabAsdigital" class="w-100">
</div>
<div class="col-md-12 d-block d-md-none" style="z-index: 1">
<h1 class="my-5 display-4 fw-bold ls-tight text-white"> <span>Qual o seu sonho?</span> <br> <span
class="text-primary">NÓS Desenvolvemos pra você!</span> </h1>
</div>
</div>
</div>
</div>
<div class="px-4 py-5 px-md-5 d-none d-md-block">
<div class="container">
<div class="row gx-lg-5 align-items-center">
<div class="col-lg-6 mb-5 mb-lg-0 py-5 d-none d-md-block" style="z-index: 1">
<h1 class="my-5 display-4 fw-bold ls-tight text-dark"> <span>Qual o seu sonho?</span> <br> <span
class="text-primary">NÓS Desenvolvemos pra você!</span> </h1>
</div>
<div class="col-lg-6 mb-5 mb-lg-0" style="z-index: 1">
<div class="ratio ratio-16x9 d-none d-md-block">
<img src="./img/bg-logo.jpg" alt="Logo LabAsdigital" class="border" loading=“lazy”>
<!-- <iframe src="https://www.youtube.com/embed/vlDzYIIOYmM" title="YouTube video"
class="rounded-4 shadow-4-strong" allowfullscreen=""></iframe> -->
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!---->
</div>
<div data-draggable="true" class="" style="position: relative;" draggable="false" id="quem_somos">
<!---->
<!---->
<section draggable="false" class="container" data-v-271253ee="">
<section class="mb-md-9 mb-2">
<style>
@media (min-width: 992px) {
#cta-img-nml-50 {
margin-left: 50px !important;
margin-right: -300px !important
}
}
</style>
<div class="row gx-0">
<div class="col-lg-5 mb-4 mb-md-0">
<div class="d-flex py-md-5"> <img
src="https://images.unsplash.com/photo-1602576666092-bf6447a729fc?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw5NjI0M3wwfDF8c2VhcmNofDZ8fHRlY25vbG9neXxlbnwwfHx8fDE2NTE5NjM3NjU&ixlib=rb-1.2.1&q=80&w=1080"
class="w-100 rounded-5 shadow-3-strong" id="cta-img-nml-50" loading=“lazy” style="z-index: 10"
alt="" aria-controls="#picker-editor" draggable="false"> </div>
</div>
<div class="col-lg-7 mb-4 mb-md-0">
<div class="bg-warning h-100 rounded-6 p-4 ps-lg-5 text-white d-flex align-items-center">
<div class="ps-lg-5">
<h2 class="fw-bold mb-4 text-primary">O LAB</h2>
<p class="">
O LAB é parte da Amar Soluçẽs Digital Business, nascemos da necessidade dos nossos parceiros de
alavancar seus sonhos e tirar eles do papel.
</p>
<div class="row mb-2 text-primary">
<div class="col-lg-4">
<p><i class="fas fa-check-circle me-2"></i><span>Comprometimento</span></p>
</div>
<div class="col-lg-4">
<p><i class="fas fa-check-circle me-2"></i><span>Qualidade</span></p>
</div>
<div class="col-lg-4">
<p> <i class="fas fa-check-circle me-2"></i><span>Inovação</span> </p>
</div>
</div>
<p>Nossa missão é ajudar os parceiros a <span class="text-primary">desenvolver seus sonhos</span> no
mundo digital um site bem feito é o cartão de visitas e vai alavancar a sua marca e o seu negocio.
</p>
<p>
Oferecer ao seu ciente um aplicativo, integrar seu estoque ao seu site ou vender ONLINE hoje é
essencial se você ainda não faz isso você ja está atrasado.
</p>
<p class="fs-6 fw-bold">
Nos ajudamos você a desenvolver seu sonho. <br><span class="text-primary">AGORA É A HORA DE
AGIR.</span>
</p>
</div>
</div>
</div>
</div>
</section>
</section>
<!---->
</div>
<div data-draggable="true" class="" style="position: relative;" draggable="false" id="o_que_fazemos">
<!---->
<!---->
<section draggable="false" class="container pt-5" data-v-271253ee="">
<section class="mb-md-9 mb-2">
<style>
@media (min-width: 992px) {
.cascading-right {
margin-right: -50px;
}
.rotate-lg-6 {
transform: rotate(6deg);
}
}
</style> <!-- Jumbotron -->
<div class="container py-4">
<div class="row g-0 align-items-center">
<div class="col-lg-6 mb-5 mb-lg-0">
<div class="card cascading-right"
style=" background: hsla(0, 0%, 100%, 0.55); backdrop-filter: blur(30px); z-index: 1; ">
<div class="card-body py-5 px-md-5 shadow-5">
<h2 class="fw-bold mb-4 text-primary">O que fazemos</h2>
<p class="text-dark mb-4">Podemos ajudar com alguns serviços.</p>
<div class="row">
<div class="col-lg-4 mb-2">
<p> <i class="fas fa-check text-dark me-2"></i><span class="text-primary fw-bold">Página de
vendas</span> </p>
</div>
<div class="col-lg-4 mb-2">
<p> <i class="fas fa-check text-dark me-2"></i><span class="text-primary fw-bold">Sites
Institucionais</span> </p>
</div>
<div class="col-lg-4 mb-2">
<p> <i class="fas fa-check text-dark me-2"></i><span
class="text-primary fw-bold">Aplicativos</span> </p>
</div>
<div class="col-lg-4 mb-2">
<p><i class="fas fa-check text-dark me-2"></i><span class="text-primary fw-bold">Aplicações
WEB</span></p>
</div>
<div class="col-lg-4 mb-2">
<p><i class="fas fa-check text-dark me-2"></i><span class="text-primary fw-bold">Lojas
Virtuais</span></p>
</div>
<div class="col-lg-4 mb-2">
<p><i class="fas fa-check text-dark me-2"></i><span class="text-primary fw-bold">Land Pages
</span></p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6 mb-5 mb-lg-0"> <img
src="https://images.unsplash.com/photo-1572985025310-cc8cafbbf394?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=Mnw5NjI0M3wwfDF8c2VhcmNofDF8fHdlYmFwcHxlbnwwfHx8fDE2NTE5NjM4MTg&ixlib=rb-1.2.1&q=80&w=1080"
class="w-100 rounded-4 shadow-4 rotate-lg-6" alt="" aria-controls="#picker-editor" draggable="false"
loading=“lazy”> </div>
</div>
</div> <!-- Jumbotron -->
</section>
</section>
<!---->
</div>
<div data-draggable="true" class="" style="position: relative;" draggable="false">
<!---->
<!---->
<section draggable="false" class="container pt-5" data-v-271253ee="">
<section class="mb-md-9 mb-2">
<h2 class="fw-bold mb-5 text-center">Nós nos orgulhamos</h2>
<div class="row gx-lg-5 align-items-center">
<div class="col-lg-5 mb-5 mb-lg-0">
<div class="bg-image rounded-5 shadow-5-strong"
style="background-image: url("./img/bg-sonhos.jpg"); height: 560px; background-size: cover; background-position: 50% 50%; background-color: rgba(0, 0, 0, 0);"
aria-controls="#picker-editor">
<div class="mask" style="background-color: rgba(0, 0, 0, 0.4)">
<div class="d-flex justify-content-center align-items-center h-100">
<div class="px-4 py-5 px-md-5 text-white text-center">
<h3 class="text-uppercase fw-bold mb-4"> <span>Sonhos</span> </h3>
<p class="mb-0 text-white" style="">Levamos os SONHOS tão a serio que a <a
href="http://asdigitalb.com">Amar Soluções</a> viu a necessidade no seu parceiro de ter uma
presença mais forte e moderna no digital e criou seu proprio braço de tecnologia.Seu sonho é
importante para nós.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-7 mb-4 mb-lg-0">
<div class="d-flex align-items-start mb-5">
<div class="flex-shrink-0">
<div class="p-3 rounded-4 shadow-2-strong" style="background-color: hsl(231, 52.6%, 20%)"> <i
class="fas fa-rocket fa-lg text-white fa-fw" aria-controls="#picker-editor"></i> </div>
</div>
<div class="flex-grow-1 ms-4">
<p class="fw-bold mb-1">Otimizado</p>
<p class="text-muted mb-0">Fazemos muito com pouco, se seu site não rodar bem para todos você perde
dinheiro.</p>
</div>
</div>
<div class="d-flex align-items-start mb-5">
<div class="flex-shrink-0">
<div class="p-3 rounded-4 shadow-2-strong" style="background-color: hsl(231, 52.6%, 20%)"> <i
class="fas fa-lightbulb fa-lg text-white fa-fw" aria-controls="#picker-editor"></i> </div>
</div>
<div class="flex-grow-1 ms-4">
<p class="fw-bold mb-1">Moderno</p>
<p class="text-muted mb-0">Quem chega primeiro bebe agua limpa, estamos de olho nas inovações.</p>
</div>
</div>
<div class="d-flex align-items-start mb-5">
<div class="flex-shrink-0">
<div class="p-3 rounded-4 shadow-2-strong" style="background-color: hsl(231, 52.6%, 20%)"> <i
class="fas fa-chart-area fa-lg text-white fa-fw" aria-controls="#picker-editor"></i> </div>
</div>
<div class="flex-grow-1 ms-4">
<p class="fw-bold mb-1">Estratégico</p>
<p class="text-muted mb-0">Pela <span class="text-primary">ASDIGITAL BUSINESS</span> ser uma agência
de marketing de alta performace todos os nosso projetos são pensados estrategicamente para
alavancar seus
negócios e atender suas necessidades.</p>
</div>
</div>
</div>
</div>
</section>
</section>
<!---->
</div>
<div data-draggable="true" class=" d-none" style="position: relative;" draggable="false">
<!---->
<!---->
<!-- <section draggable="false" class="container pt-5" data-v-271253ee="">
<section class="mb-md-9 mb-5 text-center text-lg-start">
<h2 class="fw-bold mb-5 text-center">Alguns parceiros</h2>
<div class="row gx-lg-5">
<div class="col-lg-4 col-md-12 mb-4 mb-lg-0">
<div>
<div class="bg-image hover-overlay ripple shadow-1-strong rounded-4 mb-4"
data-mdb-ripple-color="light"> <img src="https://mdbootstrap.com/img/new/standard/city/047.jpg"
class="w-100" alt="" aria-controls="#picker-editor" draggable="false" loading = “lazy”> </div>
<h5 class="fw-bold">Hollywood Exhibition</h5>
<div class="mb-3 text-danger small"> <i class="fas fa-fire me-2"
aria-controls="#picker-editor"></i><span>Hot news</span> </div>
<p class="text-muted"> Ut pretium ultricies dignissim. Sed sit amet mi eget urna placerat vulputate.
Ut vulputate est non quam dignissim elementum. Donec a ullamcorper diam. </p>
</div>
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<div>
<div class="bg-image hover-overlay ripple shadow-1-strong rounded-4 mb-4"
data-mdb-ripple-color="light"> <img src="https://mdbootstrap.com/img/new/standard/city/047.jpg"
class="w-100" alt="" aria-controls="#picker-editor" draggable="false" loading = “lazy”> </div>
<h5 class="fw-bold">Big Apple</h5>
<div class="mb-3 text-primary small"> <i class="fas fa-flask me-2"
aria-controls="#picker-editor"></i><span>Experiment</span> </div>
<p class="text-muted"> Suspendisse in volutpat massa. Nulla facilisi. Sed aliquet diam orci, nec
ornare metus semper sed. Integer volutpat ornare erat sit amet rutrum. </p>
</div>
</div>
<div class="col-lg-4 mb-4 mb-lg-0">
<div>
<div class="bg-image hover-overlay ripple shadow-1-strong rounded-4 mb-4"
data-mdb-ripple-color="light"> <img src="https://mdbootstrap.com/img/new/standard/city/047.jpg"
class="w-100" alt="" aria-controls="#picker-editor" draggable="false" loading = “lazy”> </div>
<h5 class="fw-bold">Sun City</h5>
<div class="mb-3 text-warning small"> <i class="fas fa-sun me-2"
aria-controls="#picker-editor"></i><span>Family friendly</span> </div>
<p class="text-muted">Curabitur tristique, mi a mollis sagittis, metus felis mattis arcu, non vehicula
nisl dui quis diam. Mauris ut risus eget massa volutpat feugiat. Donec.</p>
</div>
</div>
</div>
</section>
</section> -->
<!---->
</div>
<div data-draggable="true" class="" style="position: relative;" draggable="false">
<!---->
<!---->
<section draggable="false" class="container pt-5" data-v-271253ee="">
<section class="mb-md-9 mb-2 position-relative">
<style>
@media (min-width: 768px) {
#cta-img-nml-50 {
margin-left: 50px;
}
}
</style>
<div class="row gx-0">
<div class="col-md-5 mb-4 mb-md-0">
<div class="d-flex py-md-5"> <img src="./img/cta.jpg" class="w-100 rounded-5 shadow-3-strong"
id="cta-img-nml-50" style="z-index: 10" alt="" aria-controls="#picker-editor" draggable="false"
loading=“lazy”>
</div>
</div>
<div class="col-md-7 mb-4 mb-md-0">
<div class="bg-primary h-100 rounded-6 p-4 ps-md-5 text-white d-flex align-items-center">
<div class="ps-md-5">
<h2 class="fw-bold mb-4">O que você está esperando?</h2>
<p class="mb-4"><q class="fw-bold">Camarão que dorme a onda leva!</q> Já ouviu esse ditado?
ele é real! Vem converçar com a gente.</p> <a
href="https://api.whatsapp.com/send?phone=5534936189719&text=Ol%C3%A1%20Vim%20do%20seu%20site%20e%20gostaria%20de%20conversar%20sobre%20um%20projeto."
class="btn btn-outline-white btn-rounded btn-lg" target="_blank" aria-controls="#picker-editor">Vamos
covernsar</a>
</div>
</div>
</div>
</div>
</section>
</section>
<!---->
</div>
<div data-draggable="true" class="" style="position: relative;" draggable="false" id="contato">
<!---->
<!---->
<section draggable="false" class="overflow-hidden pt-5" data-v-271253ee="">
<section class="mb-md-9 mb-5">
<!-- Background image -->
<div class="p-5 bg-image"
style="background-image: url("./img/bg-contato.jpg"); height: 300px; background-size: cover; background-position: 50% 50%; background-color: rgba(0, 0, 0, 0);"
aria-controls="#picker-editor"></div> <!-- Background image -->
<div class="card mx-4 mx-md-5 shadow-5-strong bg-primary"
style=" margin-top: -100px; background: hsla(0, 0%, 100%, 0.8); backdrop-filter: blur(30px); ">
<div class="card-body py-5 px-md-5">
<div class="row gx-lg-5 align-items-center">
<div class="col-lg-5 mb-4 mb-lg-0 d-none">
<form>
<!-- Name input -->
<div class="form-outline mb-4"> <input type="text" id="nome" name="nome" class="form-control">
<label class="form-label text-white" for="nome" style="margin-left: 0px;">Nome</label>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 42.4px;"></div>
<div class="form-notch-trailing"></div>
</div>
</div> <!-- Email input -->
<div class="form-outline mb-4"> <input type="email" id="email" name="email" class="form-control">
<label class="form-label text-white" for="email" style="margin-left: 0px;">Email</label>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 88.8px;"></div>
<div class="form-notch-trailing"></div>
</div>
</div> <!-- Message input -->
<div class="form-outline mb-4 "> <textarea class="form-control" name="mensagem" id="mensagem"
rows="4"></textarea> <label class="form-label text-white" for="mensagem"
style="margin-left: 0px;">Mensagem</label>
<div class="form-notch">
<div class="form-notch-leading" style="width: 9px;"></div>
<div class="form-notch-middle" style="width: 60px;"></div>
<div class="form-notch-trailing"></div>
</div>
</div> <!-- Submit button -->
<button type="submit" class="btn disabled btn-primary btn-block mb-4"
aria-controls="#picker-editor">Enviar</button>
</form>
</div>
<div class="col-lg-7 mb-4 mb-md-0">
<div class="row gx-lg-5">
<div class="col-md-6 mb-5">
<div class="d-flex align-items-start">
<div class="flex-shrink-0">
<div class="p-3 bg-white rounded-4 shadow-2-strong"> <i
class="fas fa-headset fa-lg text-primary fa-fw" aria-controls="#picker-editor"></i>
</div>
</div>
<div class="flex-grow-1 ms-4">
<p class="fw-bold mb-1">Suporte Tecnico</p>
<p class="text-muted mb-0">suporte@asdigitallab.com.br</p>
<p class="text-muted mb-0"><a class="text-muted" target="_blank"
href="https://api.whatsapp.com/send?phone=5534936189719&text=Ol%C3%A1%20Vim%20do%20seu%20site%20e%20gostaria%20de%20conversar%20sobre%20um%20projeto.">(34)
9 3618-9719</a></p>
</div>
</div>
</div>
<div class="col-md-6 mb-5">
<div class="d-flex align-items-start">
<div class="flex-shrink-0">
<div class="p-3 bg-white rounded-4 shadow-2-strong"> <i
class="fab fa-whatsapp fa-lg text-primary fa-fw" aria-controls="#picker-editor"></i>
</div>
</div>
<div class="flex-grow-1 ms-4">
<p class="fw-bold mb-1">Contato</p>
<p class="text-muted mb-0">contato@asdigitallab.com.br</p>
<p class="text-muted mb-0"><a class="text-muted" target="_blank"
href="https://api.whatsapp.com/send?phone=5534936189719&text=Ol%C3%A1%20Vim%20do%20seu%20site%20e%20gostaria%20de%20conversar%20sobre%20um%20projeto.">(34)
9 3618-9719</a></p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</section>
<!---->
</div>
<div class="container-fluid bg-primary d-none d-md-block">
<footer class="row ">
<div class="col-md-12 d-flex align-items-center justify-content-center p-2">
asdigitallab.com.br ©2022 Criado por: <a class="text-muted ms-1"
href="http://asdigitalblab.com.br">LabAsdigital</a>
</div>
</footer>
</div>
</div>
</div>
<!-- End your project here-->
<!-- MDB -->
<script type="text/javascript" src="./js/mdb.min.js"></script>
<!-- Custom scripts -->
<script type="text/javascript"></script>
</body>
</html>