-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (141 loc) · 7.47 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
<!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">
<title>whpages</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css"
integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.11.2/css/all.css" integrity="sha256-46qynGAkLSFpVbEBog43gvNhfrOj+BmwXdxFgVK/Kvc=" crossorigin="anonymous" />
<link rel="stylesheet" href="css/style.css">
<link href="https://fonts.googleapis.com/css?family=Roboto:500,700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light sticky-top">
<a class="navbar-brand" href="#">
<img src="img/logo-a-3.png">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="fas fa-bars"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto text-center">
<li class="nav-item">
<a class="nav-link" href="#">Início<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Quem Somos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Soluções</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Portifólio</a>
</li>
<!-- <li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
Dropdown
</a>
<div class="dropdown-menu" aria-labelledby="navbarDropdown">
<a class="dropdown-item" href="#">Action</a>
<a class="dropdown-item" href="#">Another action</a>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="#">Something else here</a>
</div>
</li> -->
<li class="nav-item">
<a class="nav-link" href="#">Contato</a>
</li>
<li class="nav-item nav-item-button">
<a class="nav-link" href="#">Orçamento</a>
</li>
</ul>
</div>
</nav>
<!-- Fim Navbar -->
<div class="inicio-bg">
<div class="container">
<div class="row">
<div class="inicio-conteudo">
<div class="col-sm-12 col-md-12 col-lg-6">
<h1>Soluções digitais personalizadas para sua empresa.</h1>
<h3>Negócios, tecnologia e design lado a lado.</h3>
<a class="btn btn-blue mt-3">Entre em Contato</a>
</div>
</div>
</div>
</div>
</div>
<div class="container container-margin text-center">
<div class="row">
<div class="col-lg-6 col-md-12 text-center order-first order-md-last">
<img src="img/sistemas-web.png" class="row-img img-responsive">
</div>
<div class="col-lg-6 col-md-12">
<h3>Sistemas Web Sob Medida</h3>
<p>Auxiliamos empresas a se tornarem mais competitivas e enxutas através do desenvolvimento de soluções digitais sob medida. Implementamos sistemas para automatização de processos, automação de tarefas repetitivas e oportunizamos à gerência uma visão completa de sua empresa. Além da criação de sistemas que potencializam novas oportunidades de negócios para sua empresa ou novo negócio.</p>
<div class="text-center"><a class="btn btn-blue mt-3">Saiba mais</a></div>
</div>
</div>
</div>
<div class="container container-margin text-center">
<div class="row">
<div class="col-lg-6 col-md-12 text-center">
<img src="img/mobile.png" class="row-img img-responsive">
</div>
<div class="col-lg-6 col-md-12">
<h3>Aplicações Mobile</h3>
<p>Na WHPAGES desenvolvemos soluções mobile que permitem empresas estarem junto aos seus clientes onde estiverem. Desenvolvemos soluções móveis em tecnologias híbridas ou nativas para atender as necessidades de negócios e abrir novos canais com clientes para empresas transformadoras e disruptivas.</p>
<div class="text-center"><a class="btn btn-blue mt-3 ">Saiba mais</a></div>
</div>
</div>
</div>
<div class="container-fluid container-margin" id="container-orc">
<div class="text-center">
<h2>Solicite um orçamento agora!</h2>
<h3>Entre em contato conosco para que possamos conversar a respeito do seu projeto.</h3>
<a class="btn btn-blue mt-3">Clique aqui</a>
</div>
</div>
<div class="container container-margin text-center" id="container-vant">
<h2 class="mb-5">Vantagens dos nossos sistemas web</h2>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<i class="fas fa-mobile-alt"></i>
<h3>Sistemas Responsivos</h3>
<h4>Disponibilize seu sistema para tablets e smartphones e gerencie seus processos a partir de qualquer lugar</h4>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<i class="far fa-handshake"></i>
<h3>Relacionamento</h3>
<h4>Nossa equipe tem experiência em desenvolvimento de software e buscamos sempre enteder profundamente o cliente e suas necessidades</h4>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<i class="fas fa-headset"></i>
<h3>Suporte</h3>
<h4>Estamos sempre à disposição para quando o cliente quiser tirar uma dúvida ou entender um determinado ponto do sistema</h4>
</div>
</div>
</div>
<footer class="pb-2 pt-3">
<div class="col-6 col-md-12 text-center">
<img src="img/logo-a-2.png" alt="">
</div>
<div class="col-12 text-center pt-3 copyright"><small>Copyright © 2019
whpages. Todos os direitos reservados.
</small>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.4.1.slim.min.js"
integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo"
crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"
integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6"
crossorigin="anonymous"></script>
<script src="js/scripts.js"></script>
</body>
</html>