-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex-pt.html
126 lines (118 loc) · 5.29 KB
/
index-pt.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
<!DOCTYPE html>
<html lang="pt-PT">
<head>
<!-- Meta Tags and Favicon Links -->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Stylesheet Links -->
<link rel="stylesheet" type="text/css" href="styles/base.css" />
<link rel="stylesheet" type="text/css" href="styles/navbar.css" />
<link rel="stylesheet" type="text/css" href="styles/main.css" />
<link rel="stylesheet" type="text/css" href="styles/footer.css" />
<!-- Favicon for different browsers and apps -->
<link rel="apple-touch-icon" sizes="180x180" href="assets/icons/apple-touch-icon.png" />
<link rel="icon" type="image/png" sizes="32x32" href="assets/icons/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="assets/icons/favicon-16x16.png" />
<link rel="manifest" href="assets/icons/site.webmanifest" />
<link rel="mask-icon" href="assets/icons/safari-pinned-tab.svg" color="#5bbad5" />
<meta name="msapplication-TileColor" content="#039ea2" />
<meta name="theme-color" content="#ffffff" />
<title>Setúbal</title>
</head>
<body>
<!-- Navigation Bar -->
<nav class="navbar">
<!-- Dropdown Menu -->
<div class="dropdown">
<button class="dropbtn">Menu ▼</button>
<div class="dropdown-content">
<a href="index-pt.html">Home</a>
<a href="pages/arrabida-pt.html">Arrábida</a>
<a href="pages/beaches-pt.html">Praias</a>
<a href="pages/gastronomy-pt.html">Gastronomia</a>
<a href="pages/contact-pt.html">Contacto</a>
<a href="pages/about-pt.html">Acerca</a>
</div>
</div>
<!-- Logo -->
<a href="index-pt.html">
<img class="logo" src="assets/images/logo.png" alt="Logo" />
</a>
<!-- Language Selection -->
<div class="languages">
<a href="index.html"><img src="assets/icons/en.png" alt="Inglês" /></a>
<a href="index-pt.html"><img src="assets/icons/pt.png" alt="Português" /></a>
</div>
</nav>
<main>
<section class="intro imgToRight">
<div class="description">
<h1>Setúbal</h1>
<p class="mainText">
Na minha opinião, Setúbal tem três grandes atracções:
Arrábida, as praias e a gastronomia, para além das minhas memórias,
família e amigos...
</p>
<p class="mainText">
Setúbal é uma cidade em Portugal, situada na Península de Setúbal,
dentro da área metropolitana de Lisboa. Serve como centro
administrativo do Distrito de Setúbal e é a principal cidade do
Município de Setúbal. Em 2018, Setúbal foi classificada como a 11.ª
cidade mais habitável de Portugal.
</p>
</div>
<img class="arco" src="assets/images/arco_sao_sebastiao3250x4268.jpg" alt="Arco de São Sebastião" />
</section>
<section class="intro imgToLeft">
<div class="description">
<h1>História</h1>
<p class="mainText">
Setúbal foi fundada no primeiro milénio a.C. pelos Fenícios, que
estabeleceram um posto comercial. Foi posteriormente conquistada
pelos Cartagineses, seguida pelos Romanos, que montaram uma fábrica
de salga de peixe. No século VIII, a cidade foi tomada pelos Mouros,
sendo eventualmente reconquistada pelos Portugueses no século XII.
</p>
</div>
<article>
<span class="than">+ de</span>
<span class="number" data-value="3000">0</span>
<p class="textToRight">Anos</p>
</article>
</section>
<section class="intro">
<div class="">
<h1>Geografia</h1>
<p class="mainText">
Setúbal está situada na Península de Setúbal, aninhada entre os rios
Sado e Tejo. A cidade está circundada pelo Parque Natural da
Arrábida, conhecido pelas suas deslumbrantes praias e montanhas.
Adicionalmente, está próxima do Estuário do Sado, uma área protegida
que acolhe uma diversa variedade de espécies de aves e peixes.
</p>
</div>
</section>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d199772.2581209843!2d-9.028908174879778!3d38.5235890523049!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd1942feab027435%3A0x9ff23f769bb5aa54!2zU2V0w7piYWw!5e0!3m2!1spt-PT!2spt!4v1721670046226!5m2!1spt-PT!2spt"
width="800" height="600" style="border: 0" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade"></iframe>
</main>
<footer>
<!-- Footer -->
<div class="social">
<!-- Social Media Links -->
<a href="https://www.mun-setubal.pt/" target="_blank"><img src="assets/icons/android-chrome-192x192.png"
alt="Município" /></a>
<a href="https://www.facebook.com/municipiodesetubal" target="_blank"><img src="assets/icons/facebook.png"
alt="Facebook" /></a>
<a href="https://www.instagram.com/municipiodesetubal/" target="_blank"><img src="assets/icons/instagram.png"
alt="Instagram" /></a>
<a href="https://www.youtube.com/@municipiodesetubal" target="_blank"><img src="assets/icons/youtube.png"
alt="YouTube" /></a>
</div>
<!-- Copyright Notice -->
<p>© <span id="current-year">0</span> mfpmartins.dev</p>
</footer>
<script src="scripts/main.js"></script>
</body>
</html>