-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
493 lines (484 loc) · 32.6 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
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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RobéBus!ness - Site Oficial</title>
<meta name="google-site-verification" content="MXQ3EdVUkkCMoIRtxAUlTNuuYV4SMKdKJCi-rOHwqKE" />
<meta name="description"
content="RobéBus!ness é uma marca criativa e inovadora que oferece serviços de Webdesign e desenvolvimento de aplicativos para diversos sistemas digitais.">
<meta name="keywords"
content="Webdesign, wesites, apps, sites, desenvolvimento de sites e aplicativos,criação de sites,craiação de aplicativos, Desenvolvimento de Aplicativos, Soluções Digitais,robebusiness,robebus!ness RobeBusiness, RobéBusiness,RobéBus!ness">
<meta name="author" content="RobéBus!ness">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/remixicon/4.6.0/remixicon.css"
integrity="sha512-kJlvECunwXftkPwyvHbclArO8wszgBGisiLeuDFwNM8ws+wKIw0sv1os3ClWZOcrEB2eRXULYUsm8OVRGJKwGA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<!-- Open Graph Meta Tags -->
<meta property="og:title" content="RobéBus!ness">
<meta property="og:description"
content="RobéBus!ness é uma marca criativa e inovadora que oferece serviços de Webdesign e desenvolvimento de aplicativos para diversos sistemas digitais.">
<meta property="og:image" content="https://robebusiness.vercel.app/assets/og-image.png">
<meta property="og:url" content="https://robebusiness.vercel.app/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="RobéBus!ness">
</head>
<body>
<div id="page" class="site">
<header>
<div class="container">
<nav>
<div class="logo">
<a href="#"><span>Robé</span>Bus!ness</a>
</div>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li class="has-child">
<a href="#">Recursos</a>
<div class="mega none">
<div class="container">
<div class="list">
<span class="highlight">Começando aqui</span>
<ul>
<li>
<a href="#">
<i class="ri-window-2-fill"></i>
<div class="item">
<p class="title">Documentação</p>
<p class="excerpt">A RobéBus!ness é especializada na criação
de websites e aplicativos móveis (Android e iOS) de alta
qualidade. Oferecemos soluções digitais personalizadas
que combinam design moderno, tecnologia avançada e
funcionalidade intuitiva para atender às necessidades
específicas de cada cliente. Nosso compromisso é
entregar produtos que proporcionem valor, confiabilidade
e excelência, ajudando seu negócio a prosperar no
ambiente digital.</p>
</div>
</a>
</li>
<li>
<a href="#">
<i class="ri-guide-fill"></i>
<div class="item">
<p class="title">Tutoriais</p>
<p class="excerpt">Explore nossos tutoriais detalhados que
cobrem uma ampla gama de tópicos, desde o básico até
técnicas avançadas. Aprenda a criar, gerenciar e
otimizar seus projetos digitais com nossas orientações
passo a passo.</p>
</div>
</a>
</li>
<li>
<a href="#">
<i class="ri-file-history-fill"></i>
<div class="item">
<p class="title">As Histórias</p>
<p class="excerpt">Descubra histórias inspiradoras e casos
de sucesso que mostram como nossas soluções digitais
ajudaram empresas a prosperar no ambiente online.</p>
</div>
</a>
</li>
<li>
<a href="#">
<i class="ri-drop-line"></i>
<div class="item">
<p class="title">Blogando</p>
<p class="excerpt">Explore nosso blog para obter insights
valiosos, dicas e as últimas tendências em tecnologia,
design e desenvolvimento de aplicativos. Mantenha-se
atualizado com conteúdos relevantes e inspiradores.
</p>
</div>
</a>
</li>
</ul>
</div><!--Lista 1-->
<div class="list">
<span class="highlight">A Empresa</span>
<ul>
<li>
<a href="#">
<i class="ri-shield-user-line"></i>
<div class="item">
<p class="title">Sobre nós</p>
<p class="excerpt">Conheça a RobéBus!ness, uma empresa
dedicada a oferecer soluções digitais inovadoras. Nossa
missão é criar websites e aplicativos móveis de alta
qualidade que atendam às necessidades específicas de
cada cliente, combinando design moderno, tecnologia
avançada e funcionalidade intuitiva.
</p>
</div>
</a>
</li>
<li>
<a href="#">
<i class="ri-user-share-line"></i>
<div class="item">
<p class="title">Carreiras</p>
<p class="excerpt">Junte-se à RobéBus!ness e faça parte de
uma equipe inovadora e dedicada a criar soluções
digitais de ponta. Explore nossas oportunidades de
carreira e ajude-nos a transformar ideias em realidade.
</p>
</div>
</a>
</li>
<li>
<a href="#">
<i class="ri-refresh-line"></i>
<div class="item">
<p class="title">Legal</p>
<p class="excerpt">Saiba mais sobre nossos termos de
serviço, políticas de privacidade e outras informações
legais importantes. Estamos comprometidos em proteger
seus direitos e garantir a transparência em todas as
nossas operações.</p>
</div>
</a>
</li>
<li>
<a href="#">
<i class="ri-phone-line"></i>
<div class="item">
<p class="title">Contato</p>
<p class="excerpt">Entre em contato com a RobéBus!ness para
saber mais sobre nossos serviços e como podemos ajudar a
transformar suas ideias em realidade. Estamos aqui para
responder suas perguntas e fornecer o suporte
necessário.</p>
</div>
</a>
</li>
</ul>
</div><!--Lista 2-->
<div class="posts video">
<span class="highlight">Recursos de Vídeos</span>
<ul>
<li>
<div class="thumbnail">
<img src="assets/img1.png" alt="Desenvolvimento Web">
</div>
<div class="item">
<h4 class="title">Desenvolvimento Web</h4>
<div class="excerpt">Veja como nossas soluções de
desenvolvimento web ajudaram empresas a criar uma presença
online impactante.</div>
<a href="#" class="watch highlight"><i
class="ri-play-circle-line"></i><span>Ver
Vídeo</span></a>
</div>
</li>
<li>
<div class="thumbnail">
<img src="assets/img2.png" alt="Aplicativos Móveis">
</div>
<div class="item">
<h4 class="title">Aplicativos Móveis</h4>
<div class="excerpt">Descubra como desenvolvemos aplicativos
móveis inovadores que facilitam a vida dos usuários.</div>
<a href="#" class="watch highlight"><i
class="ri-play-circle-line"></i><span>Ver
Vídeo</span>
</a>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
<li>
<a href="#">Preçários</a>
</li>
<li class="has-child">
<a href="#">Blog</a>
<div class="mega">
<div class="container">
<div class="categories">
<span class="highlight">Pesquisar por</span>
<ul>
<li><a href="#">Design</a></li>
<li><a href="#">CSS & JS</a></li>
<li><a href="#">Colaborações</a></li>
<li><a href="#">Como fazer</a></li>
<li><a href="#">Análise do Mercado</a></li>
</ul>
</div>
<div class="posts devide">
<ul>
<li>
<div class="thumbnail">
<img src="assets/img1.png" alt="Histórias de Sucesso">
</div>
<div class="item">
<h4 class="title">Histórias de Sucesso</h4>
<p class="excerpt">Descubra como nossas soluções digitais
ajudaram empresas a alcançar novos patamares de sucesso e
inovação.</p>
</div>
</li>
<li>
<div class="thumbnail">
<img src="assets/img2.png" alt="Tendências de Moda">
</div>
<div class="item">
<h4 class="title">Tendências de Moda</h4>
<p class="excerpt">Explore as últimas tendências de moda ao
redor do mundo e veja como nossas soluções digitais ajudam a
destacar marcas no mercado global.</p>
</div>
</li>
<li>
<div class="thumbnail">
<img src="assets/img3.png" alt="Inovações Tecnológicas">
</div>
<div class="item">
<h4 class="title">Inovações Tecnológicas</h4>
<p class="excerpt">Saiba mais sobre as inovações tecnológicas
que estamos implementando para melhorar a experiência do
usuário e aumentar a eficiência dos negócios.</p>
</div>
</li>
<li>
<div class="thumbnail">
<img src="assets/img4.png" alt="Desenvolvimento Sustentável">
</div>
<div class="item">
<h4 class="title">Desenvolvimento Sustentável</h4>
<p class="excerpt">Veja como nossas práticas de desenvolvimento
sustentável estão ajudando a criar um futuro melhor para
todos.</p>
</div>
</li>
<li>
<div class="thumbnail">
<img src="assets/img5.png" alt="Casos de Estudo">
</div>
<div class="item">
<h4 class="title">Casos de Estudo</h4>
<p class="excerpt">Leia nossos casos de estudo detalhados para
entender como nossas soluções personalizadas resolveram
problemas complexos para nossos clientes.</p>
</div>
</li>
<li>
<div class="thumbnail">
<img src="assets/img6.png" alt="Parcerias de Sucesso">
</div>
<div class="item">
<h4 class="title">Parcerias de Sucesso</h4>
<p class="excerpt">Descubra como nossas parcerias estratégicas
estão impulsionando o crescimento e a inovação em diversos
setores.</p>
</div>
</li>
</ul>
</div>
</div>
</div>
</li>
</ul>
<ul class="account">
<li><a href="#"><span>Entrar</span></a></li>
<li><a href="#"><span>Registrar-se</span></a></li>
</ul>
</div>
<a href="#" class="trigger">
<span class="line"></span>
<span class="line"></span>
<span class="line"></span>
</a>
</nav>
</div>
</header>
<main>
<div class="hero">
<div class="container">
<div class="grid">
<div class="half">
<div class="grid__text up animate">
<h2>Unindo Todo o Time</h2>
<p>
A RobéBus!ness cria sites profissionais, lojas virtuais, aplicativos móveis e
sistemas personalizados para empresas e empreendedores. Com tecnologia moderna e
design intuitivo, ajudamos seu negócio a crescer no digital.
<br><br>
<i class="ri-layout-line"></i> Criação de sites responsivos <br>
<i class="ri-shopping-cart-line"></i> E-commerces personalizados <br>
<i class="ri-smartphone-line"></i> Desenvolvimento de apps (Android e iOS) <br>
<i class="ri-building-line"></i> Sistemas sob medida para empresas <br>
<br>
</p>
<div class="buttons">
<a href="#" class="light">Solicitar Serviços</a>
</div>
</div>
</div>
<div class="half">
<div class="hero__image">
<div class="col left up animate">
<div class="pic"><img src="assets/person1.png" alt="Pessoa 1" loading="lazy"></div>
<div class="pic"><img src="assets/person2.png" alt="Pessoa 2" loading="lazy"></div>
</div>
<div class="col middle down animate">
<div class="pic"><img src="assets/images.png" alt="Imagem" loading="lazy"></div>
<div class="pic"><img src="assets/person4.png" alt="Pessoa 4" loading="lazy"></div>
<div class="pic"><img src="assets/person5.png" alt="Pessoa 5" loading="lazy"></div>
</div>
<div class="col right up animate">
<div class="pic"><img src="assets/person6.png" alt="Pessoa 6" loading="lazy"></div>
<div class="pic"><img src="assets/person7.png" alt="Pessoa 7" loading="lazy"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--hero-->
<div class="features">
<div class="container">
<div class="grid grid__text">
<h2>Juntos,<br><span>é um trabalho melhor</span></h2>
<p><strong>A RobéBus!ness</strong> oferece serviços de criação de websites <i
class="ri-window-line"></i> (<strong>Webdesign</strong>) e aplicativos <i
class="ri-smartphone-line"></i> (<strong>Android e iOS</strong>) de diversos tipos e
tamanhos, adaptados para diferentes sistemas digitais, atendendo às suas necessidades
diárias. Nosso objetivo é combinar praticidade com estilo, oferecendo produtos
cuidadosamente selecionados para garantir qualidade e valor em cada escolha. Confiabilidade,
excelência e um toque de sofisticação são parte do nosso compromisso com você.</p>
</div>
<div class="grid up animate">
<div class="half">
<div class="icon"><i class="ri-shuffle-line"></i></div>
<h3>Responsivos</h3>
<p>Nossos websites e aplicativos são projetados para serem totalmente responsivos,
garantindo uma experiência de usuário perfeita em qualquer dispositivo.</p>
</div>
<div class="half">
<div class="icon"><i class="ri-run-line"></i></div>
<h3>Rápidos</h3>
<p>Utilizamos as tecnologias mais recentes para desenvolver soluções rápidas e eficientes,
proporcionando uma navegação fluida e sem interrupções.</p>
</div>
<div class="half">
<div class="icon"><i class="ri-lock-line"></i></div>
<h3>Seguros</h3>
<p>Priorizamos a segurança em todas as nossas soluções, implementando as melhores práticas
para proteger seus dados e garantir a integridade do seu negócio.</p>
</div>
</div>
</div>
</div>
<!--Características-->
<div class="engage">
<div class="container">
<div class="grid__text">
<h2>Engajamento,<br><span>Por todo lado</span></h2>
<p><strong>RobéBus!ness</strong> é uma marca criativa e inovadora que oferece serviços de <i
class="ri-window-line"></i> Webdesign e desenvolvimento de aplicativos <i
class="ri-smartphone-line"></i> para diversos sistemas digitais. Nosso objetivo é
combinar praticidade com estilo, oferecendo produtos cuidadosamente selecionados que
garantem qualidade e valor em cada escolha. Confiabilidade, excelência e inovação são parte
do nosso compromisso com você.</p>
</div>
<div class="grid up animate">
<div class="image"><img src="assets/conference.jpg" alt="Conferência"></div>
<div class="buttons"><a href="#" class="dark">Solicitar serviços</a></div>
</div>
</div>
</div>
<!--engajamentos-->
<div class="testimonials">
<div class="container">
<div class="grid grid__text up animate">
<div class="half">
<div class="pic"><img src="assets/person1.png"></div>
</div>
<div class="half item">
<p><sup>"</sup>RobéBus!ness, tem muitas características importantes para nós</p>
<h4>Da Netflix</h4>
<div class="buttons"><a href="#" class="light">Ver mais</a></div>
</div>
</div>
</div>
</div>
<!--Testemunhos-->
<div class="cta bg_white">
<div class="container">
<div class="grid grid__text">
<h2>Solicite nossos serviços</h2>
<p>Obtenha recursos adicionais, armazenamento e suporte a um preço acessível. Aproveite nossas
soluções digitais para transformar seu negócio.</p>
<div class="buttons">
<a href="#" class="light">Comece grátis</a>
<a href="#" class="dark">Planos & Preços</a>
</div>
</div>
</div>
</div>
</main>
<footer>
<div class="container">
<div class="grid">
<div class="half">
<div class="footer_links">
<h3>Sobre</h3>
<ul>
<li><a href="#">O Blog</a></li>
<li><a href="#">Clientes</a></li>
<li><a href="#">Nosso Time</a></li>
<li><a href="#">Carreiras</a></li>
<li><a href="#">Parceiros</a></li>
<li><a href="#">Investidores</a></li>
</ul>
</div>
<div class="footer_links">
<h3>Começe já</h3>
<ul>
<li><a href="#">Acesso Remoto</a></li>
<li><a href="#">Registre-se</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Tutoriais</a></li>
</ul>
</div>
<div class="footer_links">
<h3>Legal</h3>
<ul>
<li><a href="#">Termos dos Serviços</a></li>
<li><a href="#">Política de Privacidade</a></li>
<li><a href="#">Relatar Scam</a></li>
</ul>
</div>
</div>
<div class="half">
<div class="footer_links socials">
<h3>Conheça nossa redes</h3>
<ul>
<li><a href="#"><i class="ri-linkedin-fill"></i></a></li>
<li><a href="#"><i class="ri-twitter-fill"></i></a></li>
<li><a href="#"><i class="ri-youtube-fill"></i></a></li>
<li><a href="#"><i class="ri-facebook-fill"></i></a></li>
<li><a href="https://www.instagram.com/robebusiness"><i
class="ri-instagram-fill"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="copyright">
<p>copyright ©2024 - .RobéBus!ness ®</p>
</div>
</div>
</footer>
</div>
<script src="script.js"></script>
</body>
</html>