-
Notifications
You must be signed in to change notification settings - Fork 31
/
Copy pathindex.html
361 lines (361 loc) · 12.8 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>StartUp-Me</title>
<link rel="stylesheet" href="css/reset.css" />
<link rel="stylesheet" href="css/variables.css" />
<link rel="stylesheet" href="css/components.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="icons/icons.css" />
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800"
/>
<link
rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Droid+Serif:400,400italic,700"
/>
</head>
<body>
<header id="banner">
<div class="container">
<nav id="navigator">
<div id="logo">
<a href="/"
><img
class="img-logo"
src="images/startup-me_logo.png"
alt="Logotipo da StartUp-Me"
/></a>
</div>
<div id="menu">
<ul class="menu">
<li class="menu-item"><a href="#banner">home</a></li>
<li class="menu-item"><a href="#about">sobre</a></li>
<li class="menu-item"><a href="#apps">apps</a></li>
<li class="menu-item"><a href="#contact">contato</a></li>
</ul>
</div>
</nav>
</div>
<div class="container centralized">
<span class="welcome">Bem vindo ao nosso estúdio</span>
<h1 class="banner-title">crie agora seu app para sua empresa</h1>
<button class="button button-big">Saiba mais</button>
</div>
</header>
<section id="about">
<article class="first-content">
<div class="container centralized">
<h2 class="heading-large">
Sua empresa ao alacance das mãos dos seus clientes
</h2>
<p>
Nós da <strong>StartUp-Me</strong> contectamos o seu serviço ou
produto com seu cliente, através de Apps Mobile para Smartphones e
Tablets, desenvolvemos para sua empresa com a sua cara da sua
empresa, para você pensar apenas no seu negócio e deixar o
desenvolvimento com a gente.
</p>
<h3>Já criamos aplicativos para diversos seguimentos</h3>
<div class="app-icon">
<img
class="app-icon-img"
src="images/airplane.svg"
alt="Icone de um Avião"
/>
<p>Viagens e Turismo</p>
</div>
<div class="app-icon">
<img
class="app-icon-img"
src="images/field.svg"
alt="Icone de uma quadra de esportes"
/>
<p>Esporte e Fitness</p>
</div>
<div class="app-icon">
<img
class="app-icon-img"
src="images/services.svg"
alt="Icone de ferramentas"
/>
<p>Prestação de Serviços</p>
</div>
<div class="app-icon">
<img
class="app-icon-img"
src="images/chief-hat.svg"
alt="Icone de um chapéu de cozinheiro"
/>
<p>Bares e Restaurantes</p>
</div>
<div class="app-icon">
<img
class="app-icon-img"
src="images/bag.svg"
alt="Icone de uma sacola de compras"
/>
<p>e-Commerce e Lojas físicas</p>
</div>
<div class="app-icon">
<img
class="app-icon-img"
src="images/student.svg"
alt="icone de um estudante"
/>
<p>Educação e Treinamentos</p>
</div>
<p>
Seu ramo de atuação não está por aqui?<br />
Entre em contato, certamente podemos te ajudar.
</p>
<button class="button">Entrar em contato</button>
</div>
</article>
<article class="last-content">
<div class="container centralized">
<h3>
Pessoas incriveis trabalhando juntas para obter melhor resultado
</h3>
<p>
Estas são algumas pessoas que fazerm parte do nosso experiente time
que compoe a <strong>StartUp-Me</strong>.
</p>
<div class="workers">
<img
class="avatar"
src="images/joao-ricardo-b-sutter.jpg"
alt="João Ricardo B. Sutter"
/>
<p class="worker-name">João Ricardo B. Sutter</p>
<p class="worker-profess">Fullstack Developer</p>
</div>
<div class="workers">
<img
class="avatar"
src="images/patricia-mascarenhas.jpg"
alt="Patrícia Mascarenhas"
/>
<p class="worker-name">Patrícia Mascarenhas</p>
<p class="worker-profess">UX/ UI Especialist</p>
</div>
<div class="workers">
<img
class="avatar"
src="images/miguel-dos-santos-arcanjo.jpg"
alt="Miguel dos Santos Arcanjo"
/>
<p class="worker-name">Miguel dos Santos Arcanjo</p>
<p class="worker-profess">Senior Designer</p>
</div>
<div class="workers">
<img
class="avatar"
src="images/jean-carlos-madeiro.jpg"
alt="Jean Carlos Madeiro"
/>
<p class="worker-name">Jean Carlos Madeiro</p>
<p class="worker-profess">Project Manager</p>
</div>
</div>
</article>
</section>
<!-- Fim da Parte 1 "Empresa" -->
<section id="apps">
<article class="first-content">
<div class="container">
<h2 class="heading-large centralized">
Porque a Startup-Me é a melhor escolha para seu app
</h2>
<p class="centralized">
Os Apps na <strong>StartUp-Me</strong> segue os padões atuais para
desenvolvimento mobile, juntamente com metodologias ágeis. todos os
projetos incluem análise de viabilidade de mercado, concepção de
User Interface e User experience, Criação Gráfica e Plano de
Marketing, sempre buscando o maior nível de engajamentos dos
clientes. Aliando o melhor custo/ prazo/ benefício.
</p>
<img
class="img-right"
src="images/native-resources.png"
alt="Recursos Nativos"
/>
<h3>
Extraímos o máximo dos aparelhos utilizando os recursos nativos
</h3>
<p>
Nossos Apps se integram com as funcionalidades e recursos nativos
dos seu aparellho como: Câmera, GPS, Galeria de fotos, Áudio e
Vídeo, Calendários, Lista de contatos, potencializamos uso do
Acelerômetro, do Giroscópio e muito mais!
</p>
</div>
</article>
<article class="last-content">
<div class="container">
<div class="block-img">
<img
class="img-left"
src="images/smartphones.png"
alt="Smartphones"
/>
</div>
<div class="block-text">
<h3>
Desenvolvemos apps para todas as plataformas mobile, compatível
com todos os celulares e dispositivos móvies
</h3>
<p>
Todos os Apps produzidos por nós da StartUp-Me são
multi-plataforma, funcionam em aparelhos com IOS (iPhone/ iPad),
Android, Windows Phone e FirefoxOS.
</p>
<ul class="icons">
<li class="circular-icon">
<img src="images/icon-apple-ios.png" alt="Icone Apple" />
</li>
<li class="circular-icon">
<img src="images/icon-android.png" alt="Icon Android" />
</li>
<li class="circular-icon">
<img
src="images/icon-windows-phone.png"
alt="Icon WindowsPhone"
/>
</li>
<li class="circular-icon">
<img src="images/incon-firefox-os.png" alt="Icon FirefoxOS" />
</li>
</ul>
</div>
</div>
</article>
</section>
<!-- Fim da parte Parte 2 "Apps" -->
<section id="contact">
<article class="first-content">
<div class="container centralized">
<h2 class="heading-large">Entre em contato conosco</h2>
<p>
Preencha o formulário abaixo e nos envie um orçamento, utilize
também<br />para nos enviar dúvidas e/ ou sugestões.
</p>
</div>
</article>
<article class="last-content contact">
<div class="container">
<div class="contact-form">
<span class="messages"
>Campos com * são de preechimento obrigatório.</span
>
<form name="" method="POST" action="">
<label class="label" for="nome">Nome *</label>
<input
class="inputs"
type="text"
name="nome"
placeholder="Seu nome"
required="required"
/>
<label class="label" for="email">E-Mail *</label>
<input
class="inputs"
type="email"
name="email"
placeholder="Digite um e-mail válido"
required="required"
/>
<label class="label" for="telefone">Telefone *</label>
<input
class="inputs"
type="tel"
name="telefone"
placeholder="DDD xxxx-xxxx"
pattern="[0-9]{2} [0-9]{4,6}-[0-9]{3,4}$"
required="required"
/>
<label class="label" for="assunto">O que você deseja?</label>
<select class="inputs" name="assunto" id="">
<option value="">Selecione um opção</option>
<option value="orcamento">Orçamento</option>
<option value="duvida">Dúvida</option>
<option value="sugestoes">Sugestões</option>
</select>
<label class="label" for="mensagem">Mensagem *</label>
<textarea
class="inputs area"
name="mensagem"
required="required"
></textarea>
<input
class="button button-medium"
type="submit"
value="Enviar"
/>
</form>
</div>
<div class="contact-block">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3657.1586749956!2d-46.65676008447028!3d-23.562743984682267!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x94ce59c8e668b5d1%3A0x426c1f6bc631d749!2sAv.+Paulista%2C+1374+-+Bela+Vista%2C+S%C3%A3o+Paulo+-+SP%2C+01310-100!5e0!3m2!1spt-BR!2sbr!4v1445448065803"
class="contact-map"
width="380"
height="326"
frameborder="0"
allowfullscreen
></iframe>
<h3 class="heading-xsmall">
StartUp-Me Desenvolvimento de Software
</h3>
<p>
Av. Paulista, 1374 - Bela Vista, São Paulo - SP<br />
Conj 01 Sala 107 - CEP 01311-300
</p>
<p>
<strong>E-mail:</strong>
<a href="mailto:[email protected]"
>
</p>
<p><strong>Telefone:</strong> 11 4178 7256</p>
</div>
</div>
</article>
</section>
<!-- Fim da Parte 3 "Contatos" -->
<footer>
<div class="container">
<div class="logo-footer">
<img src="images/startup-me_logo.png" />
© 2015 - 2023 StartUp-Me
</div>
<div class="icons-footer">
<ul class="socials">
<li class="social-icons">
<a href="">
<span class="icon icon-facebook2"></span>
</a>
</li>
<li class="social-icons">
<a href="">
<span class="icon icon-twitter"></span>
</a>
</li>
<li class="social-icons">
<a href="">
<span class="icon icon-github"></span>
</a>
</li>
<li class="social-icons">
<a href="">
<span class="icon icon-linkedin2"></span>
</a>
</li>
</ul>
</div>
</div>
</footer>
</body>
</html>