-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
200 lines (194 loc) · 9.67 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
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="HandheldFriendly" content="true">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>Ecologyc - Paisagismo e Floricultura</title>
<meta property="og:title" content="Ecologyc - Paisagismo e Floricultura">
<meta name="description" content="Sou um desenvolvedor front-end especializado
em criar interfaces de usuário atraentes e responsivas
usando as tecnologias mais recentes, incluindo HTML, CSS,
Vue.js e JavaScript.">
<meta itemprop="description" content="Sou um desenvolvedor front-end especializado
em criar interfaces de usuário atraentes e responsivas
usando as tecnologias mais recentes, incluindo HTML, CSS,
Vue.js e JavaScript.">
<meta property="og:description" content="Sou um desenvolvedor front-end especializado
em criar interfaces de usuário atraentes e responsivas
usando as tecnologias mais recentes, incluindo HTML, CSS,
Vue.js e JavaScript.">
<meta name="theme-color" content="#FFFFFF">
<meta name="msapplication-TileColor" content="#FFFFFF">
<meta name="msapplication-navbutton-color" content="#FFFFFF">
<meta name="apple-mobile-web-app-status-bar-style" content="#FFFFFF">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicons/favicon-16x16.png">
<link rel="manifest" href="./assets/favicons/site.webmanifest">
<meta property="og:locale" content="pt_BR">
<meta property="og:image:type" content="image/png">
<meta property="og:image:width" content="1920">
<meta property="og:image:height" content="1080">
<meta property="og:type" content="website">
<meta property="og:card" content="summary_large_image">
<meta name="image" content="./assets/favicons/android-chrome-192x192.png">
<meta itemprop="image" content="./assets/favicons/android-chrome-192x192.png">
<meta property="og:image" content="./assets/favicons/android-chrome-192x192.png">
<meta name="author" content="Ecologyc - Paisagismo e Floricultura">
<meta itemprop="name" content="Ecologyc - Paisagismo e Floricultura">
<meta name="article:author" content="Ecologyc - Paisagismo e Floricultura">
<meta name="application-name" content="Ecologyc - Paisagismo e Floricultura">
<meta property="og:site_name" content="Ecologyc - Paisagismo e Floricultura">
<meta name="apple-mobile-web-app-title" content="Ecologyc - Paisagismo e Floricultura">
<link href="./assets/css/index.css" rel="stylesheet">
<script src="https://unpkg.com/@lottiefiles/lottie-player@latest/dist/lottie-player.js"></script>
</head>
<body>
<header id="header">
<a href="#home" class="logo">
<img class="imgLogo" src="./assets/img/logo.png" alt="">
</a>
<ul class="links">
<li><a id="linkOtherColor" class="link" href="#sobre">
<p>Sobre Nós</p>
</a></li>
<li><a id="linkOtherColor" class="link" href="#trabalhos">
<p>Trabalhos</p>
</a></li>
<li><a id="linkOtherColor" class="link" href="#jardinagem">
<p>Jardinagem</p>
</a></li>
<li><a id="linkOtherColor" class="link" href="#contatos">
<p>Contatos</p>
</a></li>
</ul>
</header>
<section>
<div id="home">
<div class="textHome">
<h1>Ecologyc,</h1>
<div class="anmHome">
<h3 id="animationTextHome"></h3>
</div>
</div>
<div class="animationhome">
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_z7x8mesj.json"
background="transparent" speed="1.5" style="width: 60vh; height: 60vh;" loop
autoplay></lottie-player>
</div>
</div>
<div id="sobre">
<div class="textSobre">
<h2>Sobre Nós</h2>
<p> Somos uma empresa de paisagismo e floricultura localizada em Santa Catarina, dedicada a criar
espaços
verdes excepcionais para nossos clientes. Com uma equipe apaixonada e altamente qualificada,
oferecemos soluções personalizadas para atender às necessidades individuais de cada projeto.
Nossa missão é transformar ambientes por meio da beleza natural das plantas, proporcionando
harmonia, bem-estar e conexão com a natureza. Combinamos nossa expertise em paisagismo e
conhecimento em horticultura para criar jardins, áreas externas e interiores deslumbrantes.</p>
</div>
</div>
<div id="trabalhos">
<h2 class="textDep">Trabalhos</h2>
<div class="carousel">
<div class="slide">
<img src="./assets/img/trabahos/flores-no-jardim-jardim-mae-fah-luang-localizam-em-doi-tung-em-chiang-rai-tailandia.jpg"
alt="">
</div>
<div class="slide">
<img src="./assets/img/fundo_jardinagem.jpeg" alt="">
</div>
<div class="slide">
<img src="./assets/img/trabahos/flores-no-jardim-jardim-mae-fah-luang-localizam-em-doi-tung-em-chiang-rai-tailandia.jpg"
alt="">
</div>
<div class="slide">
<img src="./assets/img/trabahos/foto-de-um-banco-branco-em-um-parque.jpg" alt="">
</div>
<div class="slide">
<img src="./assets/img/fundo_jardinagem.jpeg" alt="">
</div>
</div>
<div class="controls">
<button class="prev-btn">Anterior</button>
<button class="next-btn">Próximo</button>
</div>
</div>
<div id="jardinagem">
<div class="textJardinagem">
<h2>Sobre a Jardinagem</h2>
<p> A jardinagem e a floricultura são duas paixões que se entrelaçam em um mundo de cores e vida.
Com
dedicação e conhecimento, cultivamos a beleza natural em cada canto dos nossos jardins. Das flores
delicadas às plantas exuberantes, transformamos espaços em verdadeiros oásis de encanto.
A jardinagem nos conecta com a terra, nos ensina paciência e nos recompensa com a gratidão de ver
nossas plantas florescerem. Através do cuidado com cada folha e pétala, criamos ambientes que
inspiram tranquilidade e bem-estar.
A floricultura nos permite explorar a diversidade de cores e formas que a natureza nos presenteia.
Com arranjos florais, criamos verdadeiras obras de arte que encantam e emocionam. Cada flor conta
uma história, cada buquê transmite sentimentos únicos.</p>
</div>
</div>
<div id="contato">
<h1 class="titleCcontato">Contatos</h1>
<div class="contentContato">
<lottie-player src="https://assets2.lottiefiles.com/packages/lf20_juote5w5.json"
background="transparent" speed="1" style="width: 500px; height: 500px;" loop
autoplay></lottie-player>
<div class="textContato">
<a href="#">
<div class="icone facebook">
<img src="./files/images/icone-facebook.png">
</div>
<div class="texto">
<h3>Página do Facebook</h3>
<p>Planeta Acessórios</p>
</div>
</a>
<a href="#">
<div class="icone whats">
<img src="./files/images/icone-whatsapp.png">
</div>
<div class="texto">
<h3>Chame no Whatsapp</h3>
<p>(47) 9 000-000</p>
</div>
</a>
<a href="#">
<div class="icone loc">
<img src="./files/images/loc.png">
</div>
<div class="texto">
<h3>Endereço da Loja</h3>
<p>Centro - Galeria Schoeder - Sala 30</p>
</div>
</a>
<a href="#">
<div class="icone loc">
<img src="./files/images/loc.png">
</div>
<div class="texto">
<h3>Endereço da Loja</h3>
<p>Rua Carlos Gomes - 277 - Sala 3 </p>
</div>
</div>
</div>
</div>
<hr class="section_footer">
</section>
<footer>
<a href="#" class="linkLogo">
<img src="./assets/img/logo.png" alt="" class="logo">
</a>
<div class="direitos">
<p>
Todos os Direitos Reservados 2023 <br> © Adrian Kauã Xavier
</p>
</div>
</footer>
</body>
<script src="./assets/js/index.js"></script>
</html>