-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (115 loc) · 8.35 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>EcoGarage</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans+Semi+Condensed:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css"
integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA=="
crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<header id="navBar">
<div id="divNav">
<img id="imgHeader" src="./img/ecoSemFundo.png" alt="">
<nav>
<ul>
<li><a href="#">Início</a></li>
<li><a href="#">Mapa</a></li>
<li><a href="#">Rede de apoio</a></li>
<li><a href="#">Seja nosso parceiro</a></li>
<li><a href="#">Contato</a></li>
<a href="#"></a><li class="hover" id="entrar">Entrar</li></a>
<a href="#"></a><li class="hover" id="cadastro">Cadastre-se</li></a>
</ul>
</nav>
</div>
</header>
<section id="initialSection" class="tamDiv">
<div id="initialSectionDiv">
<img src="./img/Eco Garage.png" alt="">
</div>
</section>
<section id="secContent">
<div>
<div>
<h1>O que é o EcoGarage?</h1>
<p> O EcoGarage é um projeto inovador que visa auxiliar contra o problema ambiental do descarte inadequado de resíduos automotivos.</p>
</div>
<div >
<h1>Qual o nosso objetivo?</h1>
<p>O objetivo central do EcoGarage é abordar o problema do descarte inadequado de resíduos automotivos, como pneus, óleos usados e peças sem utilidade, promovendo práticas mais sustentáveis na indústria automotiva. Através do projeto visa conscientizar, educar e engajar diversos públicos, incluindo oficinas mecânicas, lojas de autopeças, consumidores e órgãos governamentais.</p>
<div class="divImage">
<img src="./img/compensacao-ecologica-o-que-e.jpg" alt="">
</div>
<p>Além disso, busca oferecer soluções inovadoras, como avaliações personalizadas de sustentabilidade, informações sobre descarte responsável e um sistema de recompensas, com o objetivo de transformar práticas e promover um impacto positivo na gestão de resíduos automotivos, contribuindo para um ambiente mais saudável e sustentável. </p>
</div>
<div>
<h1 >Quais os benefícios para a empresa <br>que faz parte do grupo EcoGarage?</h1>
<p>A participação no EcoGarage oferece às empresas da indústria automotiva uma oportunidade única de aprimorar suas práticas de gestão de resíduos. Além de promover uma economia financeira significativa com o selo EcoGarage, as empresas podem fortalecer sua reputação ao adotar práticas ambientalmente responsáveis e de maneira facilitada, conquistando clientes conscientes. </p>
<div id="EspecialImage">
<img src="./img/tripé.png" alt="" style="height: 450px;">
</div>
<p> A conformidade regulatória, acesso a treinamento e desenvolvimento, colaboração com uma rede diversificada, direcionamento de clientes sustentáveis, incentivos e reconhecimento, e a possibilidade de inovação contínua destacam-se como benefícios tangíveis. Fazer parte do EcoGarage não apenas contribui para a preservação ambiental, mas também oferece vantagens competitivas e oportunidades de crescimento para empresas comprometidas com a sustentabilidade na gestão de resíduos automotivos.</p>
</div>
<div >
<h1 class="">Por que eu deveria consumir os serviços e produtos de empresas com o selo EcoGarage?</h1>
<p>Consumir serviços e produtos de empresas com o selo EcoGarage traz uma série de benefícios tanto para os consumidores quanto para o meio ambiente. Empresas certificadas pelo EcoGarage demonstram comprometimento com práticas sustentáveis na gestão de resíduos automotivos. Ao escolher esses serviços, os consumidores contribuem para a redução da poluição ambiental, promovem a reciclagem de materiais automotivos e apoiam ações que visam a preservação do meio ambiente.</p>
<div class="divImage">
<img src="./img/capcap.png" alt="">
</div>
<p>Além disso, o selo EcoGarage representa um padrão de qualidade ambiental e social, indicando que a empresa adota medidas responsáveis em sua operação. Os consumidores podem ter a confiança de que estão apoiando negócios que priorizam a sustentabilidade e a gestão adequada de resíduos, contribuindo para um setor automotivo mais consciente e ecologicamente equilibrado. Escolher empresas com o selo EcoGarage significa fazer parte de um movimento que busca mudanças positivas e a construção de um futuro mais sustentável. Além de obter descontos em produtos e serviços após se tornar cliente apoiador.</p>
</div>
<div >
<h1 >Como o projeto ajuda ao meio ambiente?</h1>
<p>O EcoGarage é um projeto inovador que contribui para a preservação ambiental ao abordar o descarte inadequado de resíduos automotivos. Através de avaliações personalizadas, sugestões de rotas sustentáveis e incentivos para práticas ecológicas, a plataforma promove conscientização e mudança de comportamento.</p>
<div class="divImage">
<img src="./img/engenharia-ambiental.png" alt="">
</div>
<p> Além disso, orienta sobre o descarte responsável, integra-se a veículos conectados e cria uma comunidade online, criando um ambiente sustentável e educativo para usuários interessados em práticas automotivas ecologicamente corretas.</p>
</div>
</div>
<div id="parceiros">
<h1>Conheça alguns de nossos parceiros:</h1>
<div id="parceirosImages">
<img src="./img/oklggkex.png" alt="">
<img src="./img/qjrnnwuq.png" alt="">
<img src="./img/fzcoyjrn.png" alt="">
<img src="./img/GovPBT.png" alt="" style="width: 400px; height: 150px; margin: 50px; border-radius: 0px">
</div>
</div>
</section>
<footer>
<div class="configFooter">
<h3>Onde nos achar?</h3>
<iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d15835.669117429874!2d-34.8734703!3d-7.1355643!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x7ace810852ae4f1%3A0xaf5445223401f2bb!2sIFPB%20-%20Campus%20Jo%C3%A3o%20Pessoa!5e0!3m2!1spt-BR!2sbr!4v1701543309106!5m2!1spt-BR!2sbr" width="250" height="200" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
</div>
<div class="configFooter">
<h3>Duvidas frequentes:</h3>
<ul>
<li>Onde posso ver as empresas com selo EcoGarage?</li>
<li>Quais as recompensas do selo EcoGarage?</li>
<li>Quais empresas realizam a coleta dos residuos?</li>
<li>Existe algum requisito para fazer parte do grupo?</li>
<li>Como posso apoia o projeto?</li>
<li>Como funciona o descarte regular dos residuos?</li>
</ul>
</div class="configFooter">
<div class="configFooter">
<h3>Redes sociais:</h3>
<div>
<i id="insta" class="fa-brands fa-instagram"></i>
<i id="face" class="fab fa-facebook-square"></i>
<i id="ttk" class="fab fa-tiktok"></i>
<i id="link" class="fab fa-linkedin"></i>
</div>
<a href="#" style="text-decoration: none; margin: 5px;" id="topo"><h3> Voltar para o topo ^ </h3></a>
</div>
</footer>
</body>
</html>