generated from Code-Institute-Org/gitpod-full-template
-
Notifications
You must be signed in to change notification settings - Fork 1
/
about.html
128 lines (121 loc) · 7.54 KB
/
about.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="keywords" content="adventure, adventures, art, culture, art and culture, beach, beaches, sea, holiday, Campania, Napoli, Salerno, Caserta, Avellino, Benevento, travel, visit, Italy" />
<meta name="description" content="website where to find every best place in Campania, one of the Italian region" />
<meta name="author" content="Carmine Pastena" />
<title>Finding Campania</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" />
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" />
<link rel="stylesheet" href="./assets/css/style.css" type="text/css" />
</head>
<body>
<header>
<!-- Navbar -->
<nav class="navbar navbar-expand-lg navbar-light fixed-top">
<a class="navbar-brand" href="index.html"> <img src="assets/images/whitelogo.png" alt="FC Logo" />Finding Campania</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item">
<a class="nav-link" href="index.html">Home</a>
</li>
<li class="nav-item active">
<a class="nav-link" href="about.html">About<span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="adventures.html">Adventures</a>
</li>
<li class="nav-item">
<a class="nav-link" href="art_et_culture.html">Art&Culture</a>
</li>
<li class="nav-item">
<a class="nav-link" href="beaches.html">Beaches</a>
</li>
<li class="nav-item">
<a class="nav-link" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
</div>
</nav>
</header>
<main>
<article class="container-sm">
<!-- Campania description-->
<section class="container-fluid">
<h2>About Campania</h2>
<img src="./assets/images/salernocoast_myphoto.jpg" class="img-thumbnail rounded float-left" alt="Salerno Coast" />
<p>Campania is an administrative region of Italy. Located on the south-western portion of the Italian Peninsula, with the Tyrrhenian Sea to the west, it includes the small Phlegraean Islands and Capri for administration as part of the region.
Coastal areas in the region were colonised by the <em>Ancient Greeks</em> between the 8<sup>th</sup> and 7<sup>th</sup> centuries BC, becoming part of the so-called Magna Graecia. Campania is rich in culture, especially in regard to
gastronomy, music, architecture, and the presence of archaeological and ancient sites such as Pompeii, Herculaneum, Oplontis, Paestum, Aeclanum, Stabiae, and Velia. The name of Campania is derived from Latin, as the Romans knew the
region as <strong><em>Campania Felix</em></strong>, which translates into English as "fertile countryside" or "happy countryside". The rich natural beauty of Campania makes it highly important in the tourism industry, with the city
of Naples, the Amalfi Coast, Vesuvius, and the islands of Capri and Ischia continuing to be major attractions.</p>
</section>
<!-- My description-->
<section class="container-fluid">
<h2>About Me</h2>
<img src="./assets/images/kayak-calore-myphoto.JPG" class="img-thumbnail rounded float-left" alt="Calore River" />
<p>My name is Carmine and I live in Ireland. I'm a student of Code Institute and this is my first project where I would like to best represent the place where I come from, with the hope that it will help all people who want to visit this
beautiful Italian region and that it is a magnifying glass on the most beautiful places it has to offer and to dispel the clichés that see this territory only as sun, pizza and Camorra.</p>
</section>
<br/>
</article>
<aside class="container">
<!-- My photo-->
<section class="row">
<figure class="col">
<img src="./assets/images/positano_myphoto.jpg" class="img-thumbnail rounded" alt="Positano" />
</figure>
<figure class="col">
<img src="./assets/images/valle_ferriere_myphoto.jpg" class="img-thumbnail rounded" alt="Valle Delle Ferriere" />
</figure>
<figure class="col">
<img src="./assets/images/cilento-in-volo-myphoto.jpg" class="img-thumbnail rounded" alt="Cilento in Volo" />
</figure>
</section>
</aside>
</main>
<!-- Footer -->
<footer class="container-fluid">
<br />
<div class="row">
<div class="col-12">
<!-- SOCIAL ICONS/LINKS -->
<div class="mb-1 flex-centre text-center social-icon-shadow">
<a class="ic-fb" href="https://facebook.com" target="_blank" aria-label="Find me on Facebook" rel="noopener">
<i class="fab fa-facebook fa-lg mr-md-5 mr-3 fa-2x"></i>
</a>
<a class="ic-pin" href="https://pinterest.com" target="_blank" aria-label="Find me on Pinterest" rel="noopener">
<i class="fab fa-pinterest fa-lg mr-md-5 mr-3 fa-2x"></i>
</a>
<a class="ic-ins" href="https://instagram.com" target="_blank" aria-label="Find me on Instagram" rel="noopener">
<i class="fab fa-instagram fa-lg mr-md-5 mr-3 fa-2x"></i>
</a>
<a class="ic-twi" href="https://twitter.com" target="_blank" aria-label="Find me on Twitter" rel="noopener">
<i class="fab fa-twitter fa-lg mr-md-5 mr-3 fa-2x"></i>
</a>
<a class="ic-fl" href="https://www.youtube.com/" target="_blank" aria-label="Find me on Youtube" rel="noopener">
<i class="fab fa-youtube fa-lg fa-2x"></i>
</a>
</div>
<!-- COPYRIGHT -->
<div class="text-shadow text-center">
<small>Copyright 2020 © Carmine Pastena all rights reserved</small>
</div>
</div>
</div>
</footer>
<!-- Bootstrap scripts -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" defer></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" defer></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" defer></script>
</body>
</html>