-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
240 lines (231 loc) · 13.2 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
<html lang="pt-br">
<head>
<meta charset="utf-8">
<title>Natalia Alves - Full Stack PHP Developer</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta name="format-detection" content="telephone=yes">
<meta name="robots" content="index,follow">
<meta name="googlebot" content="all">
<meta name="revisit" content="15 days">
<meta name="author" content="www.nataliaalves.com.br">
<meta name="copyright" content="Natalia Alves">
<meta name="identifier-url" content="http://nataliaalves.com.br">
<meta name="content-language" content="portuguese">
<meta name="robots" content="all">
<meta name="rating" content="general">
<meta name="description" content="Criação de site, loja online, ecommerce, web design, desenvolvimento web, front-end, programação, sistemas online e softwares para internet. HTML5, PHP, Magento.">
<link href="favicon.ico" rel="shortcut icon" type="image/x-icon">
<link href="favicon.png" rel="shortcut icon" type="image/png">
<link href="https://fonts.googleapis.com/css?family=Bree+Serif|Inconsolata|Open+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/css.min.css">
</head>
<body>
<div class="wrapper">
<header id="inicio">
<div id="menu-container">
<div class="content">
<div id="logo"><img src="img/logo-mini.png" alt="Logo Natalia Alves, versão minificada"></div>
<menu>
<nav>
<ul>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#servicos">Serviços</a></li>
<li><a href="#portifolio">Portifólio</a></li>
<li><a href="#contato">Contato</a></li>
</ul>
</nav>
</menu>
</div>
</div>
<div class="content" id="logo-banner">
<img src="img/logo.png" rel="logo" alt="Natalia Alves - desenvolvimento web">
<h1>Desenvolvimento web, criação de sites e ecommerce.</h1>
</div>
<a class="ico-arrow-down" href="#sobre"></a>
</header>
<main>
<section id="sobre">
<article class="content">
<div class="foto"><img src="img/foto.jpg" alt="Sobre a desenvolvedora - Natalia Alves"></div>
<h2>Desenvolvedora web</h2>
<p>Atuo com desenvolvimento de sistemas web desde 2010, com ênfase em aplicações para internet utilizando linguagem PHP. Na concepção de projetos, atuo desde a elaboração dos requisitos de sistema, design e usabilidade, diagramação e programação. Priorizo a atenção às boas práticas de desenvolvimento para promover a melhor experiência do usuário e facilitar a evolução do software.</p>
<p class="tags">Tags: PHP, Laravel, Magento, SQL, HTML5, CSS3, UX, Photoshop, front end, back end, full stack, web developer.</p>
</article>
</section>
<section id="servicos">
<article class="content">
<div class="item">
<div class="icone">
<img src="img/ico-responsive.png" alt="Criação de sites responsivos - Natalia Alves">
</div>
<h2>Criação de Sites</h2>
<p>Sites responsivos com layout exclusivo.</p>
</div>
<div class="item">
<div class="icone">
<img src="img/ico-cart.png" alt="Ecommerce e loja online - Natalia Alves">
</div>
<h2>Ecommerce</h2>
<p>Loja online na plataforma Magento.</p>
</div>
<div class="item">
<div class="icone">
<img src="img/ico-software.png" alt="Criação de sites responsivos - Natalia Alves">
</div>
<h2>Sistemas Web</h2>
<p>Softwares sob medida para a sua empresa.</p>
</div>
<div class="item">
<div class="icone">
<img src="img/ico-code.png" alt="Criação de sites responsivos - Natalia Alves">
</div>
<h2>Outsourcing</h2>
<p>Terceirize suas demandas de desenvolvimento.</p>
</div>
</article>
</section>
<section id="portifolio">
<article class="content">
<h2>Portifólio</h2>
<small>Trabalhos em destaque</small>
<ul id="slider" class="owl-carousel">
<li class="item">
<div class="foto"><img src="img/portifolio/mentoring4you-thumb.jpg" alt="Mentoring4You - Sistema online de gestão de processos e sessões - Natalia Alves"></div>
<h3><a href="https://mentoring4you.com.br" target="_blank" rel="nofollow">Mentoring4You</a> <i class="ico-cart"></i></h3>
<p>Sistema online de gestão de processos e sessões por assinatura.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/magile-thumb.jpg" alt="Magile - Site institucional - Natalia Alves"></div>
<h3><a href="https://magile.com.br" target="_blank" rel="nofollow">Magile</a> <i class="ico-responsive"></i></h3>
<p>Site institucional.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/questlog-thumb.jpg" alt="Questlog - Site institucional - Natalia Alves"></div>
<h3><a href="http://questlog.com.br" target="_blank" rel="nofollow">Questlog</a> <i class="ico-responsive"></i></h3>
<p>Site institucional.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/colorsys-thumb.jpg" alt="Colorsys - Site institucional e sistema online de personalização de estampas - Natalia Alves"></div>
<h3><a href="http://colorsys.com.br" target="_blank" rel="nofollow">Colorsys</a> <i class="ico-software"></i></h3>
<p>Site institucional e sistema online de personalização de estampas.</p>
</li>
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/walpa-thumb.jpg" alt="Walpa - Site institucional, catálogo de produtos e serviços - Natalia Alves"></div>
<h3><a href="http://walpa.com.br" target="_blank" rel="nofollow">Walpa</a> <i class="ico-responsive"></i></h3>
<p>Site institucional, catálogo de produtos e serviços.</p>
</li> -->
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/avicom-thumb.jpg" alt="Avicom - Site institucional bilíngue com catálogo de produtos e serviços - Natalia Alves"></div>
<h3><a href="http://avicomengenharia.com" target="_blank" rel="nofollow">Avicom</a> <i class="ico-responsive"></i></h3>
<p>Site institucional bilíngue com catálogo de produtos e serviços.</p>
</li> -->
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/atlfitness-thumb.jpg" alt="ATL Fitness - Loja online em Magento para moda fitness - Natalia Alves"></div>
<h3><a href="http://atlfitness.com.br" target="_blank" rel="nofollow">ATL Fitness</a> <i class="ico-cart"></i></h3>
<p>Loja online em Magento para moda fitness.</p>
</li> -->
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/kidom-thumb.jpg" alt="Kidom - Loja online na plataforma Loja Intergrada - Natalia Alves"></div>
<h3><a href="http://kidom.com.br" target="_blank" rel="nofollow">Kidom</a> <i class="ico-cart"></i></h3>
<p>Loja online na plataforma Loja Intergrada.</p>
</li> -->
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/gs-motos-thumb.jpg" alt="GS Motos - Suporte e manutenção para ecommerce Magento - Natalia Alves"></div>
<h3><a href="http://loja.gsmotos.com.br" target="_blank" rel="nofollow">GS Motos</a> <i class="ico-cart"></i></h3>
<p>Suporte e manutenção para ecommerce Magento.</p>
</li> -->
<li class="item">
<div class="foto"><img src="img/portifolio/florisa-thumb.jpg" alt="Florisa - Site institucional desenvolvido em parceria com agência web - Natalia Alves"></div>
<h3><a href="http://florisa.ind.br" target="_blank" rel="nofollow">Florisa</a> <i class="ico-responsive"></i></h3>
<p>Site institucional desenvolvido em parceria com agência web.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/mcjo-thumb.jpg" alt="McJo - Site para moda com lookbook - Natalia Alves"></div>
<h3><a href="http://mcju.com.br" target="_blank" rel="nofollow">Mc'Jo</a> <i class="ico-responsive"></i></h3>
<p>Site para moda com lookbook.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/dra-elizete-da-cas-thumb.jpg" alt="Dra. Elizete da Cas - Site institucional - Natalia Alves"></div>
<h3><a href="http://draelizetedacas.com.br" target="_blank" rel="nofollow">Dra. Elizete da Cas</a> <i class="ico-responsive"></i></h3>
<p>Site institucional.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/cartonagem-fischer-thumb.jpg" alt="Cartonagem Fischer - Site institucional - Natalia Alves"></div>
<h3><a href="http://www.cartonagemfischer.com.br/cartonagem/index.php" target="_blank" rel="nofollow">Cartonagem Fischer</a> <i class="ico-responsive"></i></h3>
<p>Site institucional.</p>
</li>
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/fischer-solucoes-ambientais-thumb.jpg" alt="Fischer Soluções Ambientais - Site institucional - Natalia Alves"></div>
<h3><a href="http://www.cartonagemfischer.com.br/ambiental/index.php" target="_blank" rel="nofollow">Fischer Soluções Ambientais</a> <i class="ico-responsive"></i></h3>
<p>Site institucional.</p>
</li> -->
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/mafratex-thumb.jpg" alt="Mafratex - Site institucional e sistema online de pedidos - Natalia Alves"></div>
<h3><a href="http://mafratex.com.br" target="_blank" rel="nofollow">Mafratex</a> <i class="ico-software"></i></h3>
<p>Sistema online de pedidos.</p>
</li> -->
<li class="item">
<div class="foto"><img src="img/portifolio/brusque-ao-vivo-thumb.jpg" alt="Brusque Ao Vivo - Sistema de câmeras online da cidade de Brusque-SC - Natalia Alves"></div>
<h3><a href="http://brusqueaovivo.com" target="_blank" rel="nofollow">Brusque Ao Vivo</a> <i class="ico-software"></i></h3>
<p>Sistema de câmeras online da cidade de Brusque-SC.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/dianneli-thumb.jpg" alt="Dianneli - Site institucional e catálogo de produtos - Natalia Alves"></div>
<h3><a href="http://dianneli.com.br" target="_blank" rel="nofollow">Dianneli</a> <i class="ico-responsive"></i></h3>
<p>Site institucional e catálogo de produtos.</p>
</li>
<li class="item">
<div class="foto"><img src="img/portifolio/fischer-eletrodutos-thumb.jpg" alt="Fischer Eletrodutos - Site institucional e catálogo de produtos - Natalia Alves"></div>
<h3><a href="http://fischereletrodutos.com.br" target="_blank" rel="nofollow">Fischer Eletrodutos</a> <i class="ico-responsive"></i></h3>
<p>Site institucional e catálogo de produtos.</p>
</li>
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/hotel-brusque-palace-thumb.jpg" alt="Hotel Brusque Palace - Site institucional desenvolvido em parceria com agência web - Natalia Alves"></div>
<h3><a href="http://www.brusquepalacehotel.com.br/" target="_blank" rel="nofollow">Hotel Brusque Palace</a> <i class="ico-responsive"></i></h3>
<p>Site institucional desenvolvido em parceria com agência web.</p>
</li> -->
<!-- <li class="item">
<div class="foto"><img src="img/portifolio/kohler-e-cia-thumb.jpg" alt="Kohler e Cia - Site institucional - Natalia Alves"></div>
<h3><a href="http://www.kohlercia.com.br" target="_blank" rel="nofollow">Kohler e Cia</a> <i class="ico-responsive"></i></h3>
<p>Site institucional.</p>
</li> -->
</ul>
</article>
</section>
<section id="contato">
<div class="content">
<div class="info">
<h2>Entre em contato</h2>
<p>Como posso te ajudar?</p>
<p>Conte-me mais sobre o seu projeto e em breve retornarei seu contato.</p>
<p class="email"><i class="ico-email"></i> <span>contato</span>@nataliaalves.com.br</p>
</div>
<!--<form action="email.php" method="post" novalidate>
<div class="left">
<input type="email" name="email" placeholder="Não preencha este campo!" class="hide">
<input type="text" name="nome_contato" placeholder="Nome *" required>
<input type="email" name="email_contato" placeholder="Email *" required>
<input type="text" name="telefone_contato" placeholder="Telefone" class="mask-phone">
<input type="text" name="empresa_contato" placeholder="Empresa">
</div>
<div class="right">
<textarea name="mensagem_contato" placeholder="Mensagem *" required></textarea>
<button type="submit">Enviar</button>
</div>
<p class="msg"></p>
</form>-->
</div>
</section>
</main>
</div>
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-46065699-3', 'auto');
ga('send', 'pageview');
</script>
<script async type="text/javascript" src="js/app.min.js"></script>
</body>
</html>