This repository has been archived by the owner on Jan 16, 2023. It is now read-only.
forked from detiuaveiro/ams_g202
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
271 lines (252 loc) · 12.3 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
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
<!DOCTYPE html>
<html lang="pt">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>Início | EcoMarket</title>
<link rel="apple-touch-icon" sizes="180x180" href="/ams_g202/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/ams_g202/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/ams_g202/favicon-16x16.png">
<link rel="icon" type="image/x-icon" href="/ams_g202/favicon.ico">
<script src="/ams_g202/js/jquery-2.0.0.min.js"></script>
<script src="/ams_g202/js/bootstrap.bundle.min.js"></script>
<link href="/ams_g202/css/bootstrap.css" rel="stylesheet">
<script src="/ams_g202/js/universal-parallax.min.js"></script>
<link href="/ams_g202/fonts/fontawesome/css/all.min.css" rel="stylesheet">
<link href="/ams_g202/fonts/feathericons/css/iconfont.css" rel="stylesheet">
<link href="/ams_g202/fonts/material-icons/css/materialdesignicons.css" rel="stylesheet">
<link href="/ams_g202/css/ui.css" rel="stylesheet">
<script src="/ams_g202/js/script.js"></script>
</head>
<body>
<header class="section-header py-2 bg-gray">
<nav class="navbar navbar-main navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand text-white" href="/ams_g202/">
<img src="/ams_g202/images/logo.svg" class="logo" alt="">
<span class="font-weight-bolder text-success">Eco</span>Market
</a>
<button class="navbar-toggler btn btn-gray" type="button" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-label="Toggle navigation">
<span class="fas fa-bars white"></span>
</button>
<div class="collapse navbar-collapse text-center" id="navbar">
<ul class="navbar-nav mx-auto">
<li class="nav-item mx-3"><a class="nav-link text-white" href="/ams_g202/">Início</a></li>
<li class="nav-item mx-3 "><a class="nav-link text-white" href="/ams_g202/about">Sobre nós</a></li>
<!--<li class="nav-item mx-3"><a class="nav-link text-white" href="/ams_g202/services">Serviços</a></li>-->
<!--<li class="nav-item mx-3"><a class="nav-link text-white" href="/ams_g202/contacts">Contactos</a></li>-->
<li class="nav-item mx-3"><a class="nav-link text-white" href="/ams_g202/documents">Documentos</a></li>
</ul>
<a href="/ams_g202/marketplace/" class="ml-lg-3 mt-3 px-4 mt-lg-0 btn btn-success">Loja <i class="fas fa-shopping-cart ml-1"></i></a>
</div>
</div>
</nav>
</header>
<div class="section-content bg-gray">
<div class="container">
<div class="row align-items-center justify-content-between no-gutters">
<div class="col-sm-6 text-sm-left text-center my-5">
<h1 class="header-title text-success">Eco<span class="font-weight-light text-white">Market</span></h1>
<p class="lead header-subtitle text-light mt-2">Encomendar alimentos da época <br class="d-block d-sm-none">nunca soube tão bem</p>
</div>
<div class="col-sm-6 text-right">
<img src="/ams_g202/images/illustrations/1.png" alt="" width="450" class="img-fluid" style="margin: -20.4px 0;">
</div>
</div>
</div>
</div>
<!--
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="#545454" fill-opacity="1" d="M0,256L80,229.3C160,203,320,149,480,149.3C640,149,800,203,960,213.3C1120,224,1280,192,1360,176L1440,160L1440,0L1360,0C1280,0,1120,0,960,0C800,0,640,0,480,0C320,0,160,0,80,0L0,0Z"></path></svg>
-->
<section class="section-content py-5" id="description">
<div class="container">
<div class="section-heading text-center">
<h3 class="section-title">A nossa loja</h3>
<p class="lead">O que é o EcoMarket?</p>
</div>
<p class="text-center">
O EcoMarket é uma loja online que lhe permite comprar produtos frescos da época de uma maneira fácil, segura, rápida e eficaz!
<br>
Vamos ter consigo e entregamos-lhe os alimentos que pediu no próprio dia da compra, de forma a manter a qualidade e a frescura dos nossos produtos.
</p>
</div>
</section>
<section class="section-content bg py-5" id="features">
<div class="container">
<div class="section-heading text-center">
<h3 class="section-title">Vantagens</h3>
<p class="lead">Porquê escolher a nossa loja?</p>
</div>
<div class="row">
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="far fa-snowflake white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Produtos diários <br>sempre frescos</h5>
<p>Os nossos produtos são recolhidos no próprio dia de forma a manter a sua frescura</p>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fas fa-euro-sign white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Excelente relação <br>qualidade/preço</h5>
<p>Os nossos preços são baixos e justos, sem que haja prejuízo na qualidade dos produtos</p>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fas fa-truck white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Transporte rápido <br>e seguro</h5>
<p>As nossas transportadoras asseguram uma primorosa entrega no próprio dia do pedido</p>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fas fa-apple-alt white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Apenas produtos <br>nacionais e da época</h5>
<p>Trabalhamos apenas com produtores nacionais que criam os melhores sabores da época</p>
</figcaption>
</figure>
</article>
</div>
</div>
<div class="row">
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fab fa-pagelines white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Loja amiga do ambiente</h5>
<p>A sustentabilidade é uma prioridade nossa e por isso abolimos o plástico na nossa loja</p>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fas fa-heart white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Interface user-friendly</h5>
<p>A nossa loja tem uma plataforma moderna e intuitiva para que seja fácil efetuar as suas compras</p>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3 col-sm-6 mt-4">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fas fa-lock white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Pagamentos seguros</h5>
<p>Os nossos métodos de pagamento garantem uma alta segurança da sua conta e dados</p>
</figcaption>
</figure>
</article>
</div>
<div class="col-lg-3 col-sm-6 mt-4 mb-5">
<article class="card card-body shadow">
<figure class="text-center">
<span class="rounded-circle icon-md bg-success"><i class="fas fa-headset white"></i></span>
<figcaption class="pt-4">
<h5 class="title">Apoio ao cliente 24/7</h5>
<p>Sempre que surgir alguma dúvida ou problema, o nosso apoio ao cliente estará online para ajudar</p>
</figcaption>
</figure>
</article>
</div>
</div>
</div>
</section>
<section class="row no-gutters separator-container">
<div class="parallax" data-parallax-image="/ams_g202/images/parallax/1.jpg"></div>
</section>
<section class="section-content bg py-5" id="contacts">
<div class="container">
<div class="section-heading text-center">
<h3 class="section-title">Contactos</h3>
<p class="lead">Tem alguma questão? Fale connosco!</p>
</div>
<section class="row mt-4 justify-content-around align-items-center">
<article class="col-12 col-md-6 mt-4">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3027.850761143775!2d-8.661681984735175!3d40.63317307934054!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd23a2aaafda5eb1%3A0xb7479e7acd5edb6e!2sDETI%20-%20Departamento%20de%20Electr%C3%B3nica%2C%20Telecomunica%C3%A7%C3%B5es%20e%20Inform%C3%A1tica!5e0!3m2!1spt-PT!2spt!4v1605315360312!5m2!1spt-PT!2spt" width="800" height="340" frameborder="0" style="border:0;width: 100%;border-radius: 0.5rem;" class="shadow" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
</article>
<article class="col-12 col-md-5 mt-4">
<form>
<input class="form-control shadow-sm" type="text" name="name" placeholder="Nome" required>
<input class="form-control shadow-sm mt-2" type="email" name="email" placeholder="Email" required>
<input class="form-control shadow-sm mt-2" type="text" name="subject" placeholder="Assunto" required>
<textarea class="form-control shadow-sm mt-2" name="message" placeholder="Mensagem" cols="30" rows="6" required></textarea>
<article class="text-right pr-0 mt-3">
<button class="btn btn-success shadow-sm" type="submit">Enviar</button>
</article>
</form>
</article>
</section>
</div>
</section>
<footer class="section-footer border-top shadow">
<div class="container">
<section class="footer-top pt-2 pb-4">
<div class="row justify-content-between">
<aside class="col-md-3 col-12 mt-4">
<article class="mr-md-4">
<img src="/ams_g202/images/logo.svg" width="34" height="34" class="align-top mr-1" alt="">
<h4 class="title font-weight-bolder text-success d-inline-block">Eco<span class="font-weight-normal text-dark">Market</span></h4>
<p class="mt-3">Encomendar alimentos da época nunca soube tão bem</p>
</article>
</aside>
<aside class="col-md mt-0">
<!--<h6 class="title">Aplicação mobile</h6>
<a target="_blank" href="https://www.apple.com/app-store/" class="d-block mb-2"><img src="/ams_g202/images/misc/appstore.png" height="35" alt=""></a>
<a target="_blank" href="https://play.google.com/store" class="d-block mb-2"><img src="/ams_g202/images/misc/playstore.png" height="35" alt=""></a>
--></aside>
<aside class="col-md-4 col-6 mt-4">
<h6 class="title">Links úteis</h6>
<ul class="list-unstyled">
<li><a href="/ams_g202/about">Sobre nós</a></li>
<li><a href="/ams_g202/documents">Documentos</a></li>
<li><a href="/ams_g202/marketplace/">Loja</a></li>
</ul>
</aside>
<aside class="col-md-4 col-12 mt-4">
<h6 class="title">Newsletter</h6>
<p class="pt-0">Receba todas as nossas novidades no seu email!</p>
<form>
<div class="row justify-content no-gutters">
<div class="col-7">
<input type="email" placeholder="Email" class="form-control" name="email" required>
</div>
<div class="col-3">
<button type="submit" class="btn btn-success ml-2">Subscrever</button>
</div>
</div>
</form>
</aside>
</div>
</section>
<section class="footer-copyright border-top d-flex align-items-center justify-content-between">
<p class="mt-0 pt-3 text-muted">© 2021 EcoMarket</p>
<div class="mt-0">
<a class="btn btn-icon btn-light" title="Facebook" target="_blank" href="https://www.facebook.com/"><i class="fab fa-facebook-f"></i></a>
<a class="btn btn-icon btn-light" title="Instagram" target="_blank" href="https://www.instagram.com/"><i class="fab fa-instagram"></i></a>
<a class="btn btn-icon btn-light" title="Twitter" target="_blank" href="https://twitter.com/"><i class="fab fa-twitter"></i></a>
</div>
</section>
</div>
</footer>
</body>
</html>