-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
247 lines (244 loc) · 9.63 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width">
<title>Impulsione seu negócio com a criação de um site</title>
<link href="css/style.css" rel="stylesheet">
<link href="css/slide.css" rel="stylesheet">
<link href="https://unpkg.com/[email protected]/dist/aos.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400&display=swap" rel="stylesheet">
</head>
<body>
<div class="body-page capture-email" data-aos="fade-up">
<header class="header-body-page">
<nav>
<img src="images/logo.png" />
<div class="more-button">
<div class="more-rectangle"></div>
<div class="more-rectangle"></div>
<div class="more-rectangle"></div>
</div>
</nav>
</header>
<div class="input-email-area">
<h1>Impulsione o seu <span class="title-enfase">Negócio</span></h1>
<form action="https://dionei.us17.list-manage.com/subscribe/post?u=f162b3cbd6957b8ec4879b1fa&id=770d9ef8ed" method="post">
<input class="input-email" placeholder="Digite seu E-mail" type="email" name="EMAIL" required />
<input type="hidden" name="b_f162b3cbd6957b8ec4879b1fa_770d9ef8ed" tabindex="-1" value="">
<input type="submit" class="input-email-button" value="Inpulsionar" />
</form>
<p>Receba ofertas exclusivas!</p>
</div>
<div class="background-capture-email">
<img src="images/image-capture.png">
</div>
</div>
<div class="body-page create-desire">
<div class="image-desire">
<img src="images/image-desire.png">
</div>
<div class="itens-desire">
<h1>Negócio de<br>Sucesso</h1>
<p>Você conhece alguma marca de<br>sucesso que não tenha um site próprio?</p>
<ol>
<li><span>1</span>Seja encontrado</li>
<li><span>2</span>Ganhe Autoridade</li>
<li><span>3</span>Expanda seu negócio</li>
<li><span>4</span>Crie uma relação com o público</li>
<li><span>5</span>Aumente suas vendas</li>
</ol>
</div>
</div>
<div class="body-page proof-results" data-aos="fade-up">
<h1>Precisa de mais motivos?</h1>
<div class="video-area">
<iframe width="550" height="300" src="https://www.youtube.com/embed/ftvVl7NtM1A"
frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen></iframe>
</div>
<div class="relato-area">
<div class="relato">
<p>“Hoje em dia sem internet é impossivel um negócio sobreviver”</p>
<h3>Patricia Knoplich</h3>
<h4>Dona de petshop</h4>
</div>
<div class="relato">
<p>“Se eu não tivesse achado na internet estaria em outro local”</p>
<h3>Cleusa Silvestre</h3>
<h4>Cliente</h4>
</div>
<div class="relato">
<p>“Antes atendiamos cerca de 300 clientes e hoje chega na faixa de 1000 clientes”</p>
<h3>Cristina Ferro</h3>
<h4>Dona de salão</h4>
</div>
</div>
</div>
<div class="body-page services" data-aos="fade-up">
<h1>Soluções para o seu negócio</h1>
<h2>Entre em contato AGORA e receba 30% de desconto!</h2>
<div class="services-area">
<div class="services-item">
<div class="title-area">
<img src="images/computer.png">
<h3>Sites</h3>
</div>
<ol>
<li># Desenvolvimento de sites</li>
<li># Paginas de captura</li>
<li># Ladding pages</li>
<li># Manutenções gerais</li>
</ol>
<button>Contratar</button>
</div>
<div class="services-item">
<div class="title-area">
<img src="images/phone.png">
<h3>Aplicativos</h3>
</div>
<ol>
<li># Desenvolvimento de aplicativos android em seus mais diferços segmentos</li>
<li># Publicação na playstore</li>
</ol>
<button>Contratar</button>
</div>
<div class="services-item">
<div class="title-area">
<img src="images/idea.png">
<h3>Designer</h3>
</div>
<ol>
<li># Criação ou transformação de layout/templates</li>
<li># Criação da marca pessoal</li>
<li># Publicações personalisadas no Facebook ou Instagram</li>
</ol>
<button>Contratar</button>
</div>
</div>
<img class="garantia-img" src="images/garantia.png">
</div>
<div class="body-page depositions" data-aos="fade-up">
<h1>Depoimentos</h1>
<div class="slideshow-container">
<!-- Full-width images with number and caption text -->
<div class="mySlides fade">
<div style="width:100%" class="img-slide-area">
<img src="images/lala.jpg" class="img-slide" >
</div>
<div class="text-depoi">
<h3>Laércio Bubiak</h3>
<p>“Baseado na experiencia que tivemos em projetos, Dionei é
uma pessoa que trabalha muito bem em equipe, está sempre
disposto a aprender e debater ideias, se dedica 100% aos
projetos e sempre prezando pela qualidade das entregas.”</p>
</div>
</div>
<div class="mySlides fade">
<div style="width:100%" class="img-slide-area" >
<img src="images/lala.jpg" class="img-slide">
</div>
<div class="text-depoi">
<h3>Laércio Bubiak</h3>
<p>“Baseado na experiencia que tivemos em projetos, Dionei é
uma pessoa que trabalha muito bem em equipe, está sempre
disposto a aprender e debater ideias, se dedica 100% aos
projetos e sempre prezando pela qualidade das entregas.”</p>
</div>
</div>
<div class="mySlides fade">
<div style="width:100%" class="img-slide-area">
<img src="images/lala.jpg" class="img-slide">
</div>
<div class="text-depoi">
<h3>Laércio Bubiak</h3>
<p>“Baseado na experiencia que tivemos em projetos, Dionei é
uma pessoa que trabalha muito bem em equipe, está sempre
disposto a aprender e debater ideias, se dedica 100% aos
projetos e sempre prezando pela qualidade das entregas.”</p>
</div>
</div>
</div>
<br>
<!-- The dots/circles -->
<div style="text-align:center">
<span class="dot" onclick="currentSlide(1)"></span>
<span class="dot" onclick="currentSlide(2)"></span>
<span class="dot" onclick="currentSlide(3)"></span>
</div>
</div>
<div class="body-page faq" data-aos="fade-up">
<h1>Perguntas Frequentes</h1>
<div class="question-area">
<label for="toggle-1">
<div class="more-icon">
<h2>Mas meu negócio é local. Por que ter um site se não vendo pela internet?</h2>
<img src="images/polign.svg"/>
</div>
</label>
<input type="checkbox" id="toggle-1">
<div id="mostra">
<p> Se o seu negócio for local, como um escritório de advocacia,
um estúdio de arquitetura ou um restaurante italiano, você pode
usar o seu site para atrair novos clientes e se relacionar com
sua audiência.</p>
<p> A pesquisa do Google é amplamente usada por usuários que buscam
soluções e serviços para seus problemas. Portanto, quando alguém
procurar por “advogado civil trabalhista em São Paulo”, “arquitetos
em Florianópolis” ou “restaurante italiano em Porto Alegre”, um site
próprio passaria mais autoridade para os robôs de busca bem como
transmitiria uma imagem muito mais profissional ao usuário do que um
simples resultado com um endereço e um telefone.</p>
</div>
</div>
<div class="question-area">
<label for="toggle-2">
<div class="more-icon">
<h2>Mas minha empresa/agência é pequena, por que preciso de um site?</h2>
<img src="images/polign.svg"/>
</div>
</label>
<input type="checkbox" id="toggle-2">
<div id="mostra">
<p>Justamente por isso. Ter um site é um passo fundamental para
iniciar uma estratégia de Inbound Marketing, que funciona muito
bem para dar tração inicial a microempresas e startups.</p>
</div>
</div>
<div class="question-area">
<label for="toggle-3">
<div class="more-icon">
<h2>Mas eu já tenho uma página no Facebook, preciso mesmo de um site?</h2>
<img src="images/polign.svg"/>
</div>
</label>
<input type="checkbox" id="toggle-3">
<div id="mostra">
<p>Uma página no Facebook é outro item fundamental, assim como o site.
Portanto, um canal não substitui o outro.</p>
<p>Sem um site com um domínio próprio fica absolutamente ineficaz
realizar campanhas de Email Marketing, que são consideradas pela
Resultados Digitais como a forma mais eficiente de relacionamento
com os clientes e de geração de Leads.</p>
</div>
</div>
<div class="question-area">
<label for="toggle-4">
<div class="more-icon">
<h2>Qual horário do suporte?</h2>
<img src="images/polign.svg"/>
</div>
</label>
<input type="checkbox" id="toggle-4">
<div id="mostra">
<p>Estou 24 horas disponivel para solucionar quaisquer problemas ou duvidas que venham a surgir ;)</p>
</div>
</div>
</div>
<script src="js/slide.js"></script>
<script src="https://unpkg.com/[email protected]/dist/aos.js"></script>
<script>
AOS.init();
</script>
</body>
</html>