-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
171 lines (156 loc) · 10.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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<title>LAMP - Web Development</title>
<link rel="stylesheet" href="css/global.css">
<link rel="icon" href="img/logofortab.png" sizes="8x8">
</head>
<body>
<!--Sequencia de tags que compões o cabeçalho-->
<div class="header" id="header">
<div class="title">
<h1 style="margin-right: 6px;">LAMP</h1>
<img src="img/logoexamplewhite.png" style="zoom: 4%;">
</div>
<div class="navigationBar">
<h5><a href="#inicio">Início</a></h5>
<h5><a href="#sobreNos">Sobre nós</a></h5>
<h5><a href="#equipe">Equipe</a></h5>
<h5><a href="#contato">Entre em Contato</a></h5>
</div>
</div>
<!--Sequência de tags que compoem a imagem de fundo com o título-->
<div class="backgroundImage">
<h4 class="titleBg">EQUIPE DE DESENVOLVIMENTO WEB</h4>
<h4 class="titleBg" style="padding-top: 5px; font-size: 30px;"><strong></strong>TRANSFORMANDO IDEIAS EM REALIDADE DIGITAL</h4>
</div>
<!--Sequência de tags que compõem a seção que apresenta o titulo: Inovando Digital-->
<div style="background-color: #131636; padding: 40px 0;">
<div class="firstContent">
<img style="zoom: 35%; float: left;" src="img/notebookPrincipal.png" alt="Notebook com códigos e janelas flutuantes">
<h1 class="titleFirstContent">Inovando o digital</h1>
<p class="pFirstContent">
A abordagem da equipe LAMP orientada para o desempenho nos permite entregar sites otimizados, rápidos e altamente funcionais. Além disso, buscamos integrar soluções escaláveis que possam acompanhar o crescimento e as necessidades futuras do seu negócio.
Mais do que apenas desenvolvedores, somos parceiros dedicados a oferecer suporte contínuo e a construir relacionamentos duradouros com nossos clientes. Estamos prontos para embarcar nessa jornada com você, trazendo suas ideias à vida e ajudando-o a alcançar o sucesso online.
Seja bem-vindo ao mundo da transformação digital. <strong>Juntos, vamos criar algo extraordinário.</strong>
</p>
</div>
</div>
<!--Sequência de tags que compõem a seçao com o titulo: Descubra Nosso Diferencial-->
<div class="secondContent">
<h1 class="titleSecondContent">Descubra o Nosso <a style="color: #4b57da;">Diferencial</a></h1>
<p style="color: #131636; text-align: center;">
Acreditamos no poder das ideias inovadoras e no impacto que elas podem ter no mundo online.
</p>
<div class="iconsDivGroup">
<div class="iconsDiv">
<img src="img/handshake_icon2.png" class="iconSecondContent" alt="Ícone Aperto de mãos">
<p class="pSecondContent">
Estaremos ao seu lado durante todo o processo, desde o planejamento e desenvolvimento até a manutenção e atualizações futuras.
</p>
</div>
<div class="iconsDiv">
<img src="img/graph_icon2.png" class="iconSecondContent" alt="Ícone Gráfico Crescente">
<p class="pSecondContent">
Não apenas desenvolvemos sites esteticamente agradáveis, mas também impulsionamos seu sucesso online.
</p>
</div>
<div class="iconsDiv" style="margin-right: 0px;">
<img src="img/lightbulb_icon2.png" class="iconSecondContent" alt="Ícone Lâmpada">
<p class="pSecondContent">
Estamos aqui para escutar suas necessidades, compreender sua visão e transformá-la em um site dinâmico e atraente.
</p>
</div>
</div>
</div>
<!-- Sequencia de tags que compoem o sobre nos -->
<div style="background-color: #ececec;" id="sobreNos">
<div class="thirdContent" id="sobreNos">
<h1 class="titleThirdContent">Sobre Nós</h1>
<p style="color:#131636; text-align: center;">Descubra a Essência que nos Define</p>
<img src="img/gp.png" style="zoom: 25%; float: right;">
<p class="pThirdContent">
Bem-vindo(a) à LAMP, uma equipe dedicada e apaixonada por desenvolvimento web. Nós nos esforçamos para criar soluções digitais excepcionais que impulsionam o sucesso dos nossos clientes.
Combinando nossa expertise técnica e criativa, transformamos ideias em realidade digital. Nossa abordagem centrada no cliente nos permite entender suas necessidades e objetivos específicos, permitindo-nos criar soluções personalizadas e de alto impacto.
Como uma equipe de especialistas em programação web, dominamos uma ampla gama de tecnologias e linguagens de programação. Desde o desenvolvimento front-end elegante até a criação de sistemas back-end robustos, estamos preparados para enfrentar qualquer desafio.
Valorizamos a qualidade, a inovação e o compromisso com a excelência. Mantemos-nos atualizados com as últimas tendências e melhores práticas da indústria, garantindo que nossos clientes tenham acesso às soluções mais avançadas.
Além da nossa experiência técnica, nos destacamos no relacionamento próximo com nossos clientes. Acreditamos em construir parcerias sólidas e duradouras, onde a comunicação aberta e a transparência são fundamentais. Estamos comprometidos em entender suas metas e fornecer resultados que superem suas expectativas.
Seja qual for o tamanho ou a complexidade do seu projeto, estamos prontos para enfrentar o desafio. Nossa paixão pelo desenvolvimento web impulsiona nossa busca pela excelência e nos motiva a alcançar resultados excepcionais.
Junte-se à LAMP e deixe-nos ser seu parceiro confiável na jornada digital. Estamos ansiosos para trabalhar com você e criar soluções web de destaque que impulsionem o crescimento do seu negócio.
</p>
</div>
</div>
<!-- Tags que compoem a seçao EQUIPE -->
<div class="fourthContent" id="equipe">
<h1 class="titleFourthContent">Equipe</h1>
<p style="color: #f6f6f6d3; text-align: center;">Nossa Equipe de Especialistas em Programação Web</p>
<div class="centerAvatars">
<div class="avatarDiv">
<img id="avatarPic" src="img/luizaopic.png">
<h3>Luiz Paulo Fernandes Garcia</h3>
<p class="pFourthContent">
Com vasta experiência em desenvolvimento front-end, Luiz tem sido fundamental na criação de interfaces web interativas e atraentes. Sua paixão pelo design e sua habilidade em HTML, CSS e JavaScript permitem que ele transforme conceitos em experiências digitais envolventes. Com um olhar atento aos detalhes, Miguel está sempre atualizado com as tendências e práticas mais recentes no campo do desenvolvimento front-end.
</p>
</div>
<div class="avatarDiv">
<img id="avatarPic" src="img/miguelitopic.png">
<h3>Miguel Augusto Coelho Pinto</h3>
<p class="pFourthContent">
Especialista em desenvolvimento back-end, com uma sólida formação em linguagens de programação como Python e Java. Ele possui ampla experiência na criação de sistemas robustos e escaláveis, garantindo a funcionalidade e segurança dos aplicativos e sites. Com um conhecimento profundo de bancos de dados e API, Miguel é capaz de desenvolver soluções eficientes e altamente performáticas.
</p>
</div>
<div class="avatarDiv">
<img id="avatarPic" src="img/pedraopic.png">
<h3>Pedro Avelino</h3>
<p class="pFourthContent">
Profissional experiente em gerenciamento de projetos web. Sua habilidade em coordenar equipes e acompanhar o progresso do projeto o torna um líder eficaz. Além disso, Pedro possui amplo conhecimento das melhores práticas de desenvolvimento web e pode orientar a equipe para alcançar os objetivos definidos. Sua experiência em lidar com prazos e expectativas dos clientes garante a entrega de projetos bem-sucedidos e de alta qualidade.
</p>
</div>
</div>
</div>
<!-- Tags que compoes FALE CONOSCO -->
<div style="background-color: #131636;" id="contato">
<div class="fifthContent">
<h1 class="titleFifthContent">Fale Conosco</h1>
<p class="pFifthContent">
Fale conosco para discutir seus projetos, esclarecer dúvidas e obter um orçamento personalizado. Entre em contato conosco hoje mesmo e descubra como podemos colaborar para alcançar seus objetivos digitais de forma efetiva e profissional.
</p>
<div class="formBox">
<form>
<div class="input-group">
<input required="" type="text" name="text" autocomplete="off" class="input" id="inName">
<label class="user-label">Nome</label>
</div>
<div class="input-group">
<input required="" type="text" name="text" autocomplete="off" class="input" id="inEmail">
<label class="user-label">Email</label>
</div>
<div class="input-group">
<textarea required="" cols="30" rows="7" autocomplete="off" class="input" id="inMessage"></textarea>
<label class="user-label">Mensagem</label>
</div>
<div class="input-group">
<input type="submit" value="Enviar" class="cssbuttons-io">
</div>
</form>
</div>
</div>
</div>
<!-- Tags que formam o FOOTER -->
<footer class="footerMain">
<p class="pFooter">
Todo o conteúdo deste site é de uso exclusivo da LAMP
</p>
</footer>
<!--Tags que formam o Botao de Voltar ao Topo-->
<div style="background-color: #131636;" id="contato">
<div class="scrollBackMain" id="scrollBack">
<h1>^</h1>
</div>
</div>
<script src="js/scrollToTop.js"></script>
<script src="https://smtpjs.com/v3/smtp.js"></script> <!--Link API envia email contato-->
<script src="js/sendEmail.js"></script>
</body>
</html>