-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
138 lines (136 loc) · 5.15 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta
name="description"
content="Um site de exemplo para agência de publicidade"
/>
<meta name="keywords" content="Agencia Digital, CSS, HTML" />
<title>Agencia Fake</title>
<link
rel="shortcut icon"
href="assets/images/favicon.ico"
type="image/x-icon"
/>
<link rel="stylesheet" href="assets/css/style.css" />
<link rel="stylesheet" href="assets/css/responsive.css" />
</head>
<body>
<nav class="navbar">
<div class="logo">
<h1>Agência Fake</h1>
</div>
<div class="menu">
<a href="#home">Home</a>
<a href="#home">Sobre Nós</a>
<a href="#services">Serviços</a>
<a id="botao" href="#contact">Fale Conosco</a>
</div>
</nav>
<header id="home" class="header">
<div class="headline">
<h2>você achou a melhor</h2>
<h2>Agência Digital</h2>
<p>
Somos uma consultoria de inovação focada em criar modelos de negócio,
construir marcas e desenvolver estratégias de mercado para nossos
parceiros crescerem com saúde e sustentabilidade.
</p>
<a class="contact-btn" href="#">Contate Agora</a>
</div>
<div class="img-headline">
<img src="assets/images/hero_right.png" />
</div>
</header>
<section>
<h2>Oque podemos fazer pelo seu negócio?</h2>
<div id="services" class="servicos">
<div class="card">
<div class="text-oficial">
<img src="assets/images/pc.png" alt="PC icon" />
<h3>Desenvolvimento de sites</h3>
<p>
O desenvolvimento de sites para sua empresa é tanto uma vantagem
competitiva quanto uma necessidade criada pelas novas dinâmicas de
mercado. Desenvolvemos mais de 150 sites por ano desde 2016. Peça
um orçamento!
</p>
</div>
<div class="text-secret">
<img src="assets/images/desenvolvimento-web.png" alt="PC icon" />
<h3>Bloco Secreto</h3>
<p>
O benefício para pequenas empresas que têm um site é ser mais
fácil de encontrar e se destacar. Essa que é uma das grandes
dificuldades para pequenos negócios atualmente. O próximo passo é
manter ele sempre atualizado.
</p>
</div>
</div>
<div class="card">
<div class="text-oficial">
<img src="assets/images/smartphone.png" alt="smartphone icon" />
<h3>Desenvolvimento de Apps</h3>
<p>
Seu aplicativo mobile é feito sob medida. Desenvolvemos
plataformas ágeis e intuitivas com as mesmas tecnologias
utilizadas no Vale do Silício. Padrão de software personalizado,
funcionalidades tecnológicas inovadoras.
</p>
</div>
<div class="text-secret">
<img
src="assets/images/desenvolvimento-de-aplicativos.png"
alt="smartphone icon"
/>
<h3>Bloco Secreto</h3>
<p>
Aqui o seu software começa a ganhar forma! De acordo com o que for
definido no planejamento do projeto, essa etapa pode ser feita em
uma única entrega, ou de forma contínua, onde as funcionalidades
são entregues conforme são desenvolvidas.
</p>
</div>
</div>
<div class="card">
<div class="text-oficial">
<img src="assets/images/marketing.png" alt="marketing icon" />
<h3>Marketing Digital</h3>
<p>
A capacidade de mudar com fluidez e eficiência é a estratégia para
o crescimento. focada em construir marcas, criar modelos de
negócio, estratégias de mercado para parceiros e clientes
crescerem de forma sustentavel.
</p>
</div>
<div class="text-secret">
<img src="assets/images/publico-alvo.png" alt="marketing icon" />
<h3>Bloco Secreto</h3>
<p>
Apareça quando seus clientes estiverem pesquisando no Google,
navegando na web e assistindo vídeos no YouTube. Maximize seus
resultados com as soluções automatizadas do Google Ads. Receba
suporte gratuito personalizado.
</p>
</div>
</div>
</div>
</section>
<footer>
<div id="contact" class="logo-rodape">
<h1 class="agencia">Agência Fake</h1>
<p>Um site feito com HTML e CSS puro</p>
</div>
<b>© Todos os direitos reservados</b>
</footer>
<a
class="whats"
href="https://api.whatsapp.com/send?phone=5511959996260&text=Entre%20em%20contato%20via%20WhatsApp%20e%20fa%C3%A7a%20seu%20or%C3%A7amento!"
target="_blank"
><img src="assets/images/whats.png" alt="Whatsapp"
/></a>
</body>
</html>