-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
305 lines (281 loc) · 14.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
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<meta charset="UTF-8">
<title>Objetivo Balance-Site</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&family=Roboto+Slab:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.1/flickity.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ho+j7jyWK8fNQe+A12Hb8AhRq26LrZ/JpcUGGOn+Y7RsweNrtN/tE3MoK7ZeZDyx" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light fixed-top">
<a class="navbar-brand mb-0 h1" href="#home"><span class="text-warning">Obj</span><span class="text-danger">Balance</span></a>
<button class="navbar-toggler" type="button" href="#home" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse " id="navbarSupportedContent">
<ul class="navbar-nav mr-auto ">
<li class="nav-item active">
<a class="nav-link" href="#home">Home <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about">Quem somos? <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#sobre">Sobre <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#produto">Produtos <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#team">Equipe<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Mensagem<span class="sr-only">(current)</span></a>
</li>
</div>
</nav>
<section id="home"></section>
<div class="hero-slider" data-carousel >
<div class="carousel-cell" style="background-image: url(Logo/carousel1.jpg);">
<div class="overlay"></div>
<div class="inner">
<h3>LINK-BIO</h3>
<br>
<a href="https://instabio.cc/4122117rouc5o" class="btn">Acesse aqui</a>
</div>
</div>
<div class="carousel-cell" style="background-image: url(Logo/carousel2.jpg);">
<div class="overlay"></div>
<div class="inner">
<h3>PRODUTOS DE EMAGRECIMENTO</h3>
<br>
<a href="#produto" class="btn">Acesse aqui</a>
</div>
</div>
<div class="carousel-cell" style="background-image: url(Logo/carousel3.jpg);">
<div class="overlay"></div>
<div class="inner">
<h3>NOSSAS REDES SOCIAIS</h3>
<br>
<a href="#footer" class="btn">Acesse aqui</a>
</div>
</div>
</div>
</div>
<br>
<section id="about" class="about" class="about-section-padding">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-12 col-12">
<div class="about-img">
<img src="Logo/Logo Ofc.png" alt="Logo Objetivo Balance" class="img-fluid">
</div>
</div>
<div class="col-lg-8 col-md-12 col-12 ps-lg-5 mt-md-5">
<div class="about-text">
<h2>Quem somos nós?</h2>
<p>A Objetive Balance é uma equipe de empreendedores, buscando vender o produto de emagrecimento da melhor qualidade.
Todos os produtos que vendemos são estudados e testados, estamos convencidos de satisfazer nossos clientes com
produtos reais que funcionam! Sabemos como é difícil emagrecer sem desistir no meio do caminho! Mas acreditamos
no seu potencial e determinação. Bora emagrecer com saúde sem fazer dietas malucas?! Isso mesmo! Emagrecer com
menus fits e com suplementos que funcionam de verdade. E aí? Vai ficar de fora dessa?!</p>
</div>
</div>
</div>
</div>
</section>
<br>
<section id="sobre" class="sobre section-padding">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-header text-center pb-5">
<h2>Nossos Serviços</h2>
<p>Está com dúvida em nos contatar?!<br>Conheça nos um pouco mais</p>
</div>
</div>
</div>
<br><br>
<div class="row">
<div class="col-12 col-md-12 col-lg-4">
<div class="card text-white text-center bg-dark pb-2">
<div class="card-body">
<i class="bi bi-laptop"></i>
<h3 class="card-title">Melhor Qualidade</h3>
<p class="lead"> Estamos empenhados em fornecer aos nossos clientes os melhores produtos de ótima qualidade. </p>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4">
<div class="card text-white text-center bg-dark pb-2">
<div class="card-body">
<i class="bi bi-journal"></i>
<h3 class="card-title">Serviços</h3>
<p class="lead">Somos uma equipe empenhada em progredir,buscamos melhorar sempre a qualidade do nosso trabalho.</p>
</div>
</div>
</div>
<div class="col-12 col-md-12 col-lg-4">
<div class="card text-white text-center bg-dark pb-2">
<div class="card-body">
<i class="bi bi-intersect"></i>
<h3 class="card-title">Integridade</h3>
<p class="lead">Acrediatamos que a integridade, a ética, o respeito e o carácter são essenciais para um ótimo serviço e atendimento.</p>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
</section><!-- services section Ends -->
<!-- portfolio strats -->
<section class="produto section-padding" id="produto">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-header text-center pb-5">
<h2>Produtos</h2>
<p>Que tal emagrecer sem dietas malucas?!<br> Para obter informções mais precisas<br> clique no botão do produto desejado!</p>
</div>
</div>
</div>
<div class="row">
<div class="col-12 col-md-6 col-lg-4">
<div class="card text-light text-center bg-white pb-2">
<div class="card-body text-dark">
<div class="img-area mb-4"><img alt="Lift Detox(suplemento)" class="img-fluid" src="OBJ BALANCE/Images/produto2.jpg"></div>
<h3 class="card-title">Lift Detox</h3>
<p class="lead">Para que é bom lift detox? O Lift Detox Caps é o único suplemento natural capaz de “derreter” a gordura corporal localizada, inclusive a gordura mais profunda,<br> e promover saciedade sem trazer efeitos colaterais.</p><a button class="btn bg-warning text-dark" href="https://ev.braip.com/ref?pv=pro3yoz3&af=afi031g4y">Saiba Mais</button></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="card text-light text-center bg-white pb-2">
<div class="card-body text-dark">
<div class="img-area mb-4"><img alt="Emagrecimento saudável(Ebook)" class="img-fluid" src="OBJ BALANCE/Images/produto1.png"></div>
<h3 class="card-title"> Ebook Emagrecimento Saudável</h3>
<p class="lead">O Ebook mais completo em emagrecimento saudável,receitas deliciosas para você estar sempre variando nas suas refeições diárias...</p><a button class="btn bg-warning text-dark" href="https://sun.eduzz.com/1534037?a=40605758&fbclid=PAAaYt2gIExwMzUZ5m7L8Df0UlNOf48nYZ74TNFv34819R48cWwyOVx5zLXE8">Saiba Mais</button></a>
</div>
</div>
</div>
<div class="col-12 col-md-6 col-lg-4">
<div class="card text-light text-center bg-white pb-2">
<div class="card-body text-dark">
<div class="img-area mb-4"><img alt="Como secar em 30 dias(livro)" class="img-fluid" src="OBJ BALANCE/Images/produto 3.jpg"></div>
<h3 class="card-title">Livro de Receitas:Como secar em 30 dias</h3>
<p class="lead">Livro de receitas que permite secar em 30 dias comendo bem e de forma saborosa. Menu se encaixa, fazendo a diferença na sua perda de peso.</p><a button class="btn bg-warning text-dark" href="https://go.hotmart.com/Y77527198X">Saiba Mais</button></a>
</div>
</div>
</div>
</div>
</div>
</section><!-- portfolio ends -->
<!-- team starts -->
<section class="team section-padding" id="team">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="section-header text-center pb-5">
<h2>Equipe</h2>
<p>Ei, quer conhecer um pouco mais sobre<br> nós?! Pesquise os nossos nomes<br> nas redes sociais abaixo.</p>
</div>
</div>
</div>
<div class="row" >
<div class="col-12 col-md-12 col-lg-4">
<div class="card text-center">
<div class="card-body">
<h3 class="card-title py-2">Gabriela Belles</h3>
<p class="card-text">Empreendedora e Analista de Marketing Digital.Olá,<br>sou a Gabriela. Em que posso ajudar?</p>
<p class="socials"><i class="bi bi-instagram text-dark mx-1">@gabi_belles</i><br>
</div>
</div>
<div></div>
</div>
<div class="col-12 col-md-12 col-lg-4">
<div class="card text-center">
<div class="card-body">
<h3 class="card-title py-2">Eduarda Belles</h3>
<p class="card-text">Desenvolvedora Web.<br>Estudante de Desenvolvimento de Sistemas da EtecAB.</p>
<p class="socials"><i class="bi bi-instagram text-dark mx-1">@eduardabelles</i> </p>
</div>
</div>
</div>
<div></div>
<div class="col-12 col-md-12 col-lg-4">
<div class="card text-center">
<div class="card-body">
<h3 class="card-title py-2">Cristiano Freitas</h3>
<p class="card-text">Analista de Marketing Digital e Auxiliar da Objetivo Balance.<br>Entre em contato conosco.</p>
<p class="socials"><i class="bi bi-instagram text-dark mx-1">@drako_freitas</i> </p>
</div>
</div>
</div>
</center>
</div>
</div>
</section><!-- team ends -->
<!-- Contact starts -->
<section class="contact section-padding" id="contact">
<div class="container mt-5 mb-5">
<div class="row">
<div class="col-md-12">
<div class="section-header text-center pb-5">
<h2>Dúvidas?Interesse?</h2>
<p>Entre em contato conosco!<br>clique no botão abaixo! Não se<br> esqueça de nos seguir nas redes sociais.<br>
Melhor atendimento só aqui na Objetivo Balance!</p>
</div>
</div>
</div>
<div class="row m-0">
<div class="col-md-12 p-0 pt-4 pb-4">
<!--for getting the form download the code from download button-->
</div>
</div>
</div>
<center>
<form class="form">
<label for="text"><h3>Mande Mensagem...</h3></label><br>
<div class="form-group">
<fieldset disabled>
<label for="exampleFormControlInput1" ></label>
<input type="email" class="form-control" id="exampleFormControlInput1" id="disabledInput" placeholder="+55(13) 97404-8324">
</fieldset>
</div>
<a button type="button" class="btn btn-warning" href="https://wa.me/5513974048324?text=Ol%C3%A1,%20estou%20interessada%20em%20saber%20mais%20sobre%20seus%20produtos...">Enviar mensagem</button></a>
</form>
</center>
</div>
</section><!-- contact ends -->
<!-- footer starts -->
<footer class="bg-dark p-2 text-center" >
<section class="footer" id="footer">
<div class="container">
<p class="text-white">@ObjetivoBalance</p>
<br>
<div class="text-white" class="text-center">
<p>Nós siga nas redes sociais:<br>Clique nos icones abaixo e veja o que acontece!</p>
<a href="https://www.facebook.com/profile.php?id=100089138166084" class="btn btn-dark btn-sm"><i class="bi bi-facebook">Objetivo Balance</i></a>
<a href="https://www.instagram.com/objetivobalance/" class="btn btn-dark btn-sm"><i class="bi bi-instagram mx-1">@objetivobalance</i></a>
<a href="https://wa.me/5513974048324?text=Ol%C3%A1,%20Objetivo%20Balance" class="btn btn-dark btn-sm"><i class="bi bi-whatsapp">+55(13)97404-8324</i></a><br>
<br><br>
</div>
</div>
</section>
</footer>
<!-- footer ends -->
<!-- All Js -->
<script src="js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/flickity/2.2.1/flickity.pkgd.min.js"></script>
<script type="text/javascript" src="script.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s" crossorigin="anonymous"></script>
</body>
</html>