-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
161 lines (154 loc) · 13.4 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="/css/global.css">
<link rel="stylesheet" href="/css/style.css">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100&family=Work+Sans:wght@100&display=swap" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<title>Antille</title>
</head>
<body>
<div class="home">
<nav>
<div class="social">
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-twitter" viewBox="0 0 16 16">
<path d="M5.026 15c6.038 0 9.341-5.003 9.341-9.334 0-.14 0-.282-.006-.422A6.685 6.685 0 0 0 16 3.542a6.658 6.658 0 0 1-1.889.518 3.301 3.301 0 0 0 1.447-1.817 6.533 6.533 0 0 1-2.087.793A3.286 3.286 0 0 0 7.875 6.03a9.325 9.325 0 0 1-6.767-3.429 3.289 3.289 0 0 0 1.018 4.382A3.323 3.323 0 0 1 .64 6.575v.045a3.288 3.288 0 0 0 2.632 3.218 3.203 3.203 0 0 1-.865.115 3.23 3.23 0 0 1-.614-.057 3.283 3.283 0 0 0 3.067 2.277A6.588 6.588 0 0 1 .78 13.58a6.32 6.32 0 0 1-.78-.045A9.344 9.344 0 0 0 5.026 15z"/>
</svg></a>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></a>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-instagram" viewBox="0 0 16 16">
<path d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"/>
</svg></a>
<a href=""><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-facebook" viewBox="0 0 16 16">
<path d="M16 8.049c0-4.446-3.582-8.05-8-8.05C3.58 0-.002 3.603-.002 8.05c0 4.017 2.926 7.347 6.75 7.951v-5.625h-2.03V8.05H6.75V6.275c0-2.017 1.195-3.131 3.022-3.131.876 0 1.791.157 1.791.157v1.98h-1.009c-.993 0-1.303.621-1.303 1.258v1.51h2.218l-.354 2.326H9.25V16c3.824-.604 6.75-3.934 6.75-7.951z"/>
</svg></a>
</div>
<div class="direct-contact">
<p><svg xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16" fill="none">
<path d="M19.6211 5.28333C19.7734 5.15417 20 5.275 20 5.47917V14C20 15.1042 19.1602 16 18.125 16H1.875C0.839844 16 0 15.1042 0 14V5.48333C0 5.275 0.222656 5.15833 0.378906 5.2875C1.25391 6.0125 2.41406 6.93333 6.39844 10.0208C7.22266 10.6625 8.61328 12.0125 10 12.0042C11.3945 12.0167 12.8125 10.6375 13.6055 10.0208C17.5898 6.93333 18.7461 6.00833 19.6211 5.28333ZM10 10.6667C10.9062 10.6833 12.2109 9.45 12.8672 8.94167C18.0508 4.92917 18.4453 4.57917 19.6406 3.57917C19.8672 3.39167 20 3.1 20 2.79167V2C20 0.895833 19.1602 0 18.125 0H1.875C0.839844 0 0 0.895833 0 2V2.79167C0 3.1 0.132812 3.3875 0.359375 3.57917C1.55469 4.575 1.94922 4.92917 7.13281 8.94167C7.78906 9.45 9.09375 10.6833 10 10.6667Z" fill="#29393D"/>
</svg>[email protected]</p>
<p><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none">
<path d="M19.4296 14.1327L15.0546 12.2577C14.8677 12.178 14.6599 12.1612 14.4627 12.2099C14.2654 12.2585 14.0893 12.3698 13.9608 12.5272L12.0233 14.8944C8.98248 13.4607 6.53535 11.0136 5.10165 7.97283L7.46888 6.0353C7.62657 5.90705 7.73818 5.73091 7.78681 5.53355C7.83545 5.3362 7.81846 5.12837 7.73842 4.94153L5.86338 0.566453C5.77554 0.365046 5.62016 0.200605 5.42406 0.101483C5.22796 0.00236143 5.00341 -0.0252272 4.78915 0.0234743L0.726575 0.960991C0.519997 1.00869 0.335688 1.12501 0.203728 1.29095C0.0717689 1.45689 -4.75872e-05 1.66266 2.36575e-08 1.87468C2.36575e-08 11.8944 8.12123 20 18.1253 20C18.3374 20.0001 18.5433 19.9284 18.7093 19.7964C18.8753 19.6644 18.9917 19.4801 19.0394 19.2734L19.9769 15.2109C20.0253 14.9955 19.9971 14.7701 19.8972 14.5733C19.7973 14.3765 19.632 14.2207 19.4296 14.1327Z" fill="#29393D"/>
</svg>+55 83 98803-1234</p>
</div>
</nav>
<hr>
<header class="header">
<ul>
<li><img src="/img/antille.png" alt="logo"></li>
<li><a href="#home">Home</a></li>
<li><a href="#sobre">Sobre</a></li>
<li><a href="#projetos">Empreendimentos</a></li>
<li><a href="#contato">Contato</a></li>
<li><svg xmlns="http://www.w3.org/2000/svg" width="85" height="23" viewBox="0 0 85 23" fill="none">
<path d="M12.8656 5.40799C11.653 5.40799 10.4901 5.88972 9.63266 6.74719C8.77524 7.60466 8.29354 8.76765 8.29354 9.98029C8.29354 11.1929 8.77524 12.3559 9.63266 13.2134C10.4901 14.0709 11.653 14.5526 12.8656 14.5526C14.0782 14.5526 15.2411 14.0709 16.0985 13.2134C16.9559 12.3559 17.4376 11.1929 17.4376 9.98029C17.4376 8.76765 16.9559 7.60466 16.0985 6.74719C15.2411 5.88972 14.0782 5.40799 12.8656 5.40799ZM6.76953 9.98029C6.76967 9.0101 7.00135 8.05395 7.44531 7.1913C7.88927 6.32865 8.53269 5.58443 9.3221 5.02048C10.1115 4.45653 11.0241 4.08914 11.9841 3.94884C12.944 3.80855 13.9236 3.8994 14.8413 4.21384C15.7591 4.52829 16.5886 5.05725 17.2608 5.75676C17.9331 6.45627 18.4287 7.30613 18.7064 8.23572C18.9842 9.1653 19.0361 10.1478 18.8578 11.1014C18.6796 12.0551 18.2763 12.9525 17.6815 13.7189L21.7864 17.8241C21.9252 17.9678 22.002 18.1603 22.0003 18.3601C21.9985 18.5599 21.9184 18.751 21.7771 18.8923C21.6358 19.0336 21.4447 19.1138 21.2449 19.1155C21.0451 19.1172 20.8526 19.0404 20.7089 18.9016L16.604 14.7965C15.7029 15.4961 14.6236 15.9288 13.4887 16.0454C12.3539 16.1621 11.2091 15.9579 10.1846 15.4561C9.16002 14.9544 8.29681 14.1752 7.6931 13.2072C7.08939 12.2392 6.7694 11.1212 6.76953 9.98029Z" fill="black"/>
<rect x="0.5" y="1" width="83.6154" height="21" rx="10.5" stroke="black"/>
</svg></li>
</ul>
</header>
</div>
<div class="sobre" id="sobre">
<div>
<h2>Sobre</h2>
<p>Apesar de ser nova no ramo de construções, a Antille possui raízes profundas na cidade de Cabedelo e faz questão de honrá-las em cada detalhe dos seus projetos. O seu CEO reside nesta cidade há mais de 20 anos, além de já atuar no ramo de vidraçaria, acompanhando construções há mais de 30 anos.</p>
</div>
</div>
<div class="time">
<div class="perfil1">
<div class="prf-text">
<p>Nosso CEO e fundador da empresa atua no ramo de serviços de vidraçaria e sempre acompanhou grandes obras das maiores construtoras do mercado. Com mais de 30 anos de experiência, acabou desenvolvendo uma paixão pelo ramo de construção.</p>
<span>Wagner Cavalcante</span>
</div>
<img src="/img/imgCEO.png" alt="ceo">
</div>
<div class="perfil2">
<img src="/img/imgPM.png" alt="pm">
<div class="prf-text2">
<p>Nossa gerente de projetos é o coração e a alma da nossa empresa. É ela quem dá o voto de Minerva quando estamos indecisos sobre algo, sempre levando em conta nossos valores e missão. Ela passou a maior parte de sua vida em Cabedelo e se sente honrada em trabalhar numa empresa que deseja crescer junto à sua cidade.</p>
<span>Lana Almeida</span>
</div>
</div>
<div class="perfil1">
<div class="prf-text">
<p>Bia é quem lida com as nossas redes sociais e registra todos os momentos importantes do desenvolvimento dos nossos projetos, sempre buscando por transparência e comunicação com nossos clientes.</p>
<span>Wagner Cavalcante</span>
</div>
<img src="/img/imgMedia.png" alt="media">
</div>
<div class="perfil2">
<img src="/img/imgEng.png" alt="eng">
<div class="prf-text2">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Sunt eligendi ratione iusto voluptatum qui architecto. Assumenda totam minima maxime iusto praesentium quae facere aut repellendus vitae dolores? Similique, laudantium qui.</p>
<span>Denis Franklin</span>
</div>
</div>
</div>
<!--
<div class="projetos" id="projetos">
<div class="slide">
<div><img src="/img/flat.png" alt=""></div>
<div><img src="/img/hotel.png" alt=""></div>
<div><img src="/img/white-bg.jpeg" alt=""></div>
</div>
</div>
-->
<div class="contato" id="contato">
<form action="#" method="post">
<h2>Entre em contato</h2>
<p>Nós estamos prontos para atender você e realizar seu sonho.</p>
<div class="inputs">
<div>
<label for="nome">Nome</label>
<input type="text" name="nome" id="nome">
</div>
<div>
<label for="email">Email</label>
<input type="email" name="email" id="email">
</div>
<div>
<label for="razao">Razão de contato</label>
<select name="razao" id="razao">
<option value="" selected disabled>Razão de Contato</option>
<option value="">Cliente</option>
<option value="">Juntar-se ao time</option>
</select>
</div>
<div>
<label for="tel">Telefone<input type="tel" name="tel" id="tel"></label>
</div>
</div>
<div>
<textarea name="mensagem" id="msg" cols="30" rows="10"></textarea>
</div>
<button type="submit" id="btn">Enviar</button>
</form>
</div>
<div class="bottom">
<div>
<p><span class="spn">ADDRESS: </span> Av. Mar Das Antilhas, N. 1626, Cabedelo - PB</p>
<p><span class="spn">PHONE: </span>+55 (83) 98803-1234</p>
<p><span class="spn">EMAIL: </span>[email protected]</p>
<a href="#"><img src="/img/antille.png" alt="logo"></a>
</div>
<div>
<p><span class="spn">NEWSLETTER: </span></p>
<div class="news">
<input type="email" name="em" id="em">
<button type="button">Inscrever-se</button>
</div>
</div>
</div>
<footer><p>Antille ©2023. Todos os direitos reservados.</p></footer>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
<script src="/node_modules/jquery/dist/jquery.js"></script>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>