Compare commits
1 commit
master
...
testModifi
| Author | SHA1 | Date | |
|---|---|---|---|
| 42ba3e4ed9 |
53 changed files with 25 additions and 22302 deletions
BIN
FAQ.html
Normal file
BIN
FAQ.html
Normal file
Binary file not shown.
BIN
css/.DS_Store
vendored
BIN
css/.DS_Store
vendored
Binary file not shown.
|
|
@ -1,5 +0,0 @@
|
|||
body{
|
||||
background-image: url(../photos/athens2.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size:100% 100vh;
|
||||
}
|
||||
44
css/text.css
44
css/text.css
|
|
@ -1,44 +0,0 @@
|
|||
.B {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 20px;
|
||||
list-style: none;
|
||||
line-height: 1.55;
|
||||
font-size: x-large;
|
||||
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||
background-color:rgb(245, 228, 208);
|
||||
}
|
||||
|
||||
nav a {
|
||||
color: rgb(243, 198, 142);
|
||||
text-decoration: none;
|
||||
text-align: center}
|
||||
|
||||
a {color:midnightblue;
|
||||
text-decoration: none;
|
||||
font-weight: bold ;
|
||||
font-size: x-large;
|
||||
}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
text-align: justify;
|
||||
color: bisque;
|
||||
}
|
||||
|
||||
body{
|
||||
font-family: AeonikPro-Bold,Arial,sans-serif;
|
||||
font-size: .9333333333rem;
|
||||
letter-spacing: 0; ;
|
||||
}
|
||||
|
||||
a:hover {font-weight: bold;
|
||||
color:midnightblue;
|
||||
text-decoration: underline;}
|
||||
|
||||
nav a:hover {font-weight: bold;
|
||||
color:coral}
|
||||
|
||||
|
||||
|
||||
76
faq.html
76
faq.html
|
|
@ -1,76 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<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">
|
||||
<title>FAQ</title>
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<ol>
|
||||
<li>
|
||||
<h4>How do I get to Greece ?</h4>
|
||||
<p>The orography of Greece makes flying the easiest and cheapest option.
|
||||
The main airport is Athens International Airport Eleftherios Venizelos. A round trip ticket from France costs around 200€.
|
||||
From there you can fly to the most popular greek islands, which have their own airport.
|
||||
Alternatively, you can get to Patras port by ferry from Venice, Italy.
|
||||
It is also possible to get from Paris to Athens in 3 stops which takes around 3 days : Paris → Zurich → Belgrade → Thessaloniki.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Do I need a Visa ?</h4>
|
||||
<p>Provided that your stay doesn't extend 3 months, French citizens only require a passport or a national identity card to go Greece.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>How can I get around in Greece ?</h4>
|
||||
<p>If you’re interested in utilizing public transit on the mainland, stick to buses and avoid the unreliable rail service.
|
||||
Although trains are cheap, they are slow and not as well maintained as other lines in Europe.
|
||||
However, buses are clean, affordable, and connect to a broad network of destinations throughout the country.
|
||||
Athens has an accessible, affordable and modern Metro that will take you to key points of interest and the port of Piraeus.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>How long should I stay ?</h4>
|
||||
<p>Ideally, you want to plan at least a week or two in Greece to have enough time to take in the major island groups and ancient cities.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>What currency does Greece use ?</h4>
|
||||
<p>Greece uses the Euro (€).</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>What is the weather like ?</h4>
|
||||
<p>Depending on the time of year, Greece can swing from chilly winters to scorching hot summers that top 40°C.
|
||||
Scheduling your vacation in spring or autumn can help you beat summer’s heat and avoid tourist-packed high season.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Can I get by with English alone ?</h4>
|
||||
<p>English is widely spoken in the heavily touristed areas and road signs in big cities are typically bilingual.
|
||||
Nonetheless it is respectful to learn a few basic Greek words like "Please" (parakalo) and "thank you" (efharisto), to better conect with locals.
|
||||
</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>What should I pack ?</h4>
|
||||
<p>If your itinerary is heavy on cobblestone-lined cities and rocky ruins, pack good shoes and breathable clothing.
|
||||
When travelling in winter, pack an umbrella and lightweight raincoat.
|
||||
In summer don't forget sunscreen, sunglasses and a hat.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Can you drink tap water ?</h4>
|
||||
<p>Tap water is safe to drink on the mainland in larger cities like Athens and Thessaloniki, but stick to bottled water if you’re in a smaller town off the beaten track or if you’re exploring the islands.</p>
|
||||
</li>
|
||||
<li>
|
||||
<h4>Do I need an international driver's license to rent a car ?</h4>
|
||||
<p>Greece being part of the European Union, the French driver's license is sufficient to rent a car.</p>
|
||||
</li>
|
||||
</ol>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,82 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<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">
|
||||
<title>Food and Lifestyle</title>
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<h1 style="color: sienna;">Savoury Options</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Greek dips</h3>
|
||||
<ul>
|
||||
<li><h4>Taramosalata</h4></li>
|
||||
<li><h4>Melitzanosalata</h4></li>
|
||||
<li><h4>Tzatziki</h4></li>
|
||||
<img src="photos/dips.jpg">
|
||||
</ul>
|
||||
</li>
|
||||
<li>
|
||||
<h3>Dolmades</h3>
|
||||
<p>Dolmades refers to Greek dishes made with either cabbage or grape leaves, stuffed with a delicious rice mix, shaped into rolls and boiled until wonderfully tender. </p>
|
||||
<img src="photos/dolmadesjpg"
|
||||
width="250"
|
||||
height="350">
|
||||
</li>
|
||||
<li>
|
||||
<h3>Pastitsio</h3>
|
||||
<p>Pastitsio (Greek: παστίτσιο, pastítsio) is a Greek dish made with pasta, ground meat and béchamel sauce, with variations of the dish found in other countries of the Mediterranean Sea. </p>
|
||||
<img src="photos/pastitsio.jpg"
|
||||
width="300"
|
||||
height="350">
|
||||
</li>
|
||||
</ul>
|
||||
<h1 style="color: sienna;">Sweet Options</h1>
|
||||
<ul>
|
||||
<li>
|
||||
<h3>Vegan</h3>
|
||||
<ul>
|
||||
<li><h4>Tahinopita</h4></li>
|
||||
<p>Tahinopita is a Greek cake flavoured with sesame paste. We can find variations on the recipe, like quickbread versions with chemical leaveners (such as baking soda or baking powder), yeasted versions, and phyllo layer versions. As most varieties contain no dairy, eggs, or oil, they are popular during Lent and can be considered vegan </p>
|
||||
<li><h4>Almond Cookies</h4></li>
|
||||
<img src="photos/almond.jpg"
|
||||
width="400"
|
||||
height="350">
|
||||
</ul>
|
||||
<h3>Non Vegan</h3>
|
||||
<ul>
|
||||
<li><h4>Baklava</h4></li>
|
||||
<img src="photos/baklava.jpeg"
|
||||
width="480"
|
||||
height="350">
|
||||
<li><h4>Rizogalo</h4></li>
|
||||
<img src="photos/rizogalo.jpg"
|
||||
width="450"
|
||||
height="350">
|
||||
<li><h4>Galaktoboureko</h4></li>
|
||||
<img src="photos/Galaktoboureko.jpg"
|
||||
width="450"
|
||||
height="350">
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,184 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<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">
|
||||
<title>History</title>
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
<style>
|
||||
a {color:black;
|
||||
text-decoration: none;
|
||||
font-weight: normal;
|
||||
font-size: medium;}
|
||||
nav a {
|
||||
color: rgb(243, 198, 142);
|
||||
text-decoration: none;
|
||||
font-weight: bold ;
|
||||
font-size: x-large;
|
||||
text-align: center}
|
||||
table {
|
||||
font-family: arial, sans-serif;
|
||||
border-collapse: collapse;
|
||||
width: 50%;}
|
||||
|
||||
td,th {
|
||||
border: 1px solid #dddddd;
|
||||
padding: 8px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body class="A">
|
||||
<header>
|
||||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<img src="./photos/titanomachy.jpg" alt="titanomachy" width="400px" style="float:right;"/>
|
||||
<article >
|
||||
<ul style = "border-width:3px;border-style:solid; border-color:black; padding: 1em; width: 14%;">
|
||||
<li><a href="#History">History</a></li>
|
||||
<ul>
|
||||
<li><a href="#Ancient_Greece">Ancient Greece</a></li>
|
||||
<li><a href="#Byzantine">Byzantine Greece</a></li>
|
||||
<li><a href="#Greece">New Greece</a></li>
|
||||
</ul>
|
||||
|
||||
<li><a href="#Mythology">Mythology</a></li>
|
||||
<ul>
|
||||
<li> <a href="#Gods">Gods and Goddesses</a></li>
|
||||
</ul>
|
||||
</ul>
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
<section>
|
||||
<h1 id = "History">History</h1>
|
||||
<article>
|
||||
<p id = "Ancient_Greece"><b>Ancient Greece</b></p>
|
||||
<p>From 7000 BC farmers used to live there. By 1950 BC, they knew how to write using hieroglyphS. Around 1600 BC civilization spread to the Greek mainland. They are called the Myceneans and they had city-states.</p>
|
||||
</article>
|
||||
<article>
|
||||
<p id = "Byzantine"><b>Byzantine Greece</b></p>
|
||||
<p>The Great Emperor Justinian reigned from 527-565. In that time Romans' influence grew smaller and the Greeks' grew stronger. </p>
|
||||
</article>
|
||||
<article>
|
||||
<p id = "Greece"><b>New Greece</b></p>
|
||||
<p>Britain, France and Russia wanted Greece to become a monarchy as well. They sent a prince that became the king of Greece in 1833. </p>
|
||||
<p>Greece became a republic in 1924. In 1940, the Italians invaded Greece but they were quickly pushed back.</p>
|
||||
</article>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<h1 id = "Mythology">Mythology</h1>
|
||||
|
||||
<article>
|
||||
<p id = "Gods"><b>Gods and Goddesses</b></p>
|
||||
|
||||
<table border="1" style="margin-left: auto;margin-right: auto">
|
||||
<thead style="background-color:indianred">
|
||||
<tr>
|
||||
<th rowspan="2">Category</th>
|
||||
<th rowspan="2">Name</th>
|
||||
<th colspan="2">Characteristics</th>
|
||||
</tr>
|
||||
<tr>
|
||||
<th>Gender</th>
|
||||
<th>Activity</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
<tr>
|
||||
<td rowspan="12">Olympian Gods</td>
|
||||
<td>Zeus</td>
|
||||
<td>Male</td>
|
||||
<td>God of the Gods</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Poseidon</td>
|
||||
<td>Male</td>
|
||||
<td>Sea, Horses</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hades</td>
|
||||
<td>Male</td>
|
||||
<td>Underworld</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Ares</td>
|
||||
<td>Male</td>
|
||||
<td>War, Weapons</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hera</td>
|
||||
<td>Female</td>
|
||||
<td>Marriage, Women, Family</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Apollo</td>
|
||||
<td>Male</td>
|
||||
<td>Sun, Music, Poetry, Healing</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Artemis</td>
|
||||
<td>Female</td>
|
||||
<td>Hunt, Wilderness</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Athena</td>
|
||||
<td>Female</td>
|
||||
<td>Wisdom, Military Victory</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Aphrodite</td>
|
||||
<td>Female</td>
|
||||
<td>Beauty, Love</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hephaestus</td>
|
||||
<td>Male</td>
|
||||
<td>Fire, Blacksmiths, Crafstmen </td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hermes</td>
|
||||
<td>Male</td>
|
||||
<td>Herald of the Gods, Proctector of Thieves, Orators and Travellers</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Dionysus</td>
|
||||
<td>Male</td>
|
||||
<td>Wine, Insanity</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td rowspan="3">Other Major Gods</td>
|
||||
<td>Demeter</td>
|
||||
<td>Female</td>
|
||||
<td>Agriculture</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Hestia</td>
|
||||
<td>Female</td>
|
||||
<td>Home, Hearth</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td>Persephone</td>
|
||||
<td>Female</td>
|
||||
<td>Spring, Queen of Underworld</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</article>
|
||||
</section>
|
||||
<hr>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
||||
73
islands.html
73
islands.html
|
|
@ -1,73 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
<title>Islands</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<main>
|
||||
<section>
|
||||
<article>
|
||||
<a href="islands.html">Islands</a>
|
||||
<a href="mainland.html">Mainland</a>
|
||||
</article>
|
||||
</section>
|
||||
<section>
|
||||
<h1>The Islands</h1>
|
||||
<article>
|
||||
<h2>Santorini</h2>
|
||||
<img src="./photos/santorini.jpg"
|
||||
width="400"
|
||||
height="200">
|
||||
<p>One of the most well know islands in Greece, Santorini is in the middle of the Aegean sea. It is very touristy as it is know buy the whole world, but it is still rated as one of the best places to visit in Greece, with its white houses and turquoise beaches.</p>
|
||||
|
||||
</article>
|
||||
<article>
|
||||
<h2>Mykonos</h2>
|
||||
<img src="./photos/mykonos.jpg"
|
||||
width="400"
|
||||
height="300">
|
||||
<p>As popular as Santorini, Mykonos is also a very touristy island, part of the Cyclades (a group of Greek islands in the Aegean sea). If you have the money, it is a great place to go to go to the beach during the day, then go party during the night.</p>
|
||||
|
||||
</article>
|
||||
<article>
|
||||
<h2>Paros</h2>
|
||||
<img src="./photos/paros.jpg"
|
||||
width="400"
|
||||
height="300">
|
||||
<p>Known for its marble quarries during the Antiquity, some of the masterpieces of ancient Greek sculpture were made with 'Parian marble'.If you visit this island, you will come across typical villages with idyllic nature, and crystal-clear beaches.</p>
|
||||
|
||||
</article>
|
||||
<article>
|
||||
<h2>Naxos</h2>
|
||||
<img src="./photos/naxos.jpg"
|
||||
width="400"
|
||||
height="250">
|
||||
<p>Naxos is the largest island of the Cyclades island group. It is large enough to need a vehicle to get around it. It dominated commerce in the Cyclades during the 8th and 7th centuries BC.</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Chios</h2>
|
||||
<img src="./photos/chios.jpg"
|
||||
width="400"
|
||||
height="250">
|
||||
<p>Not part of the Cyclades this time, Chios is a hidden treasure in the Aegean, waiting to be discovered. It is the fifth largest Greek island, with a coastline of 213 kilometers. It is a mountainous island, with picturesque landscapes.</p>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
6461
js/bootstrap.bundle.js
vendored
6461
js/bootstrap.bundle.js
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
js/bootstrap.bundle.min.js
vendored
7
js/bootstrap.bundle.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
3944
js/bootstrap.js
vendored
3944
js/bootstrap.js
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
js/bootstrap.min.js
vendored
7
js/bootstrap.min.js
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
21
main.html
21
main.html
|
|
@ -1,21 +0,0 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class ="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<footer>
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -1,62 +0,0 @@
|
|||
<!DOCTYPE HTML>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
<title>Mainland</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<hr>
|
||||
<main>
|
||||
<section>
|
||||
<article>
|
||||
<a href="islands.html">Islands</a>
|
||||
<a href="mainland.html">Mainland</a>
|
||||
</article>
|
||||
</section>
|
||||
<section>
|
||||
<h1>The Mainland</h1>
|
||||
<article>
|
||||
<h2>Attica</h2>
|
||||
<img src= "photos/attica.png"
|
||||
width="400"
|
||||
height="300">
|
||||
<p>Attica contains some of the world’s most important museums and archaeological sites, testimony to its very important role in world history. It is where Athens, the capital of Greece and busiest city of the country where lies the famous Acropolis, is situated. Attica offers a chance to visit renowned monuments and masterpieces of art of antiquity and the Middle Ages</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Central Greece</h2>
|
||||
<img src= "photos/Central_Greece.png"
|
||||
width="400"
|
||||
height="300">
|
||||
<p>Also known as Roumeli, Central Greece is a part of Greek mainland that has been inhabited since antiquity. You can visit the archaeological site of Delphi, the Oracle of Apollo, the towns of Galaxidi and Itea, as well as beautiful Nafpaktos of great historical importance. </p>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Peloponnese</h2>
|
||||
<img src= "photos/peloponese.png"
|
||||
width="400"
|
||||
height="350">
|
||||
<p> In Peloponnese, you will find monuments from every period of the eventful history, great archeological sites; ancient Olympia, Epidaurus, Mycenae and Tiryns, the Temple of Apollo Epicurius, Byzantine churches and Monasteries.</p>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Thelassy</h2>
|
||||
<img src="photos/thelassy.png"
|
||||
width="400"
|
||||
height="350">
|
||||
<p>This region is home to beautiful mountains, rivers, beaches and the popular Plastira Lake. Archeological areas, Byzantine monasteries and churches complete the natural beauty of Thessaly.</p>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
<hr>
|
||||
<footer>
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 80 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 61 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 253 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 167 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 2.1 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 346 KiB |
BIN
photos/chios.jpg
BIN
photos/chios.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 319 KiB |
BIN
photos/dips.jpg
BIN
photos/dips.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 8 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 308 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 25 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 126 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 179 KiB |
BIN
photos/naxos.jpg
BIN
photos/naxos.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 179 KiB |
BIN
photos/paros.jpg
BIN
photos/paros.jpg
Binary file not shown.
|
Before Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 72 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 292 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 42 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 956 KiB |
1912
poubelle/bootstrap-grid.css
vendored
1912
poubelle/bootstrap-grid.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
poubelle/bootstrap-grid.min.css
vendored
7
poubelle/bootstrap-grid.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
331
poubelle/bootstrap-reboot.css
vendored
331
poubelle/bootstrap-reboot.css
vendored
|
|
@ -1,331 +0,0 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
line-height: 1.15;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
||||
font-size: 1rem;
|
||||
font-weight: 400;
|
||||
line-height: 1.5;
|
||||
color: #212529;
|
||||
text-align: left;
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #007bff;
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg {
|
||||
overflow: hidden;
|
||||
vertical-align: middle;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html [type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
/*# sourceMappingURL=bootstrap-reboot.css.map */
|
||||
File diff suppressed because one or more lines are too long
8
poubelle/bootstrap-reboot.min.css
vendored
8
poubelle/bootstrap-reboot.min.css
vendored
|
|
@ -1,8 +0,0 @@
|
|||
/*!
|
||||
* Bootstrap Reboot v4.1.3 (https://getbootstrap.com/)
|
||||
* Copyright 2011-2018 The Bootstrap Authors
|
||||
* Copyright 2011-2018 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent}@-ms-viewport{width:device-width}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}
|
||||
/*# sourceMappingURL=bootstrap-reboot.min.css.map */
|
||||
File diff suppressed because one or more lines are too long
9030
poubelle/bootstrap.css
vendored
9030
poubelle/bootstrap.css
vendored
File diff suppressed because it is too large
Load diff
File diff suppressed because one or more lines are too long
7
poubelle/bootstrap.min.css
vendored
7
poubelle/bootstrap.min.css
vendored
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1,42 +1,36 @@
|
|||
<!DOCTYPE HTML>
|
||||
<!--can you see this ?>
|
||||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
<title>Where To Go?</title>
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
|
||||
<body class="A">
|
||||
<header class="B">
|
||||
<nav>
|
||||
<a href>Main Page</a>
|
||||
<a href>Where To Go</a>
|
||||
<a href>History</a>
|
||||
<a href>Food and Lifestile</a>
|
||||
<a href>Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<hr>
|
||||
<main class="B">
|
||||
<section>
|
||||
<h1>Where To Go ?</h1>
|
||||
<article>
|
||||
<a href="islands.html" style="float: left;">Islands</a>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div style="text-align:center;">
|
||||
<img src="photos/islands_map.png" width="500px">
|
||||
</div>
|
||||
|
||||
<h1>Where To Go ?</h1>
|
||||
<a href="islands.html">Islands</a>
|
||||
</article>
|
||||
</section>
|
||||
<section>
|
||||
<article>
|
||||
<a href="mainland.html" style="float: left;">Mainland</a>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<div style="text-align:center;">
|
||||
<img src="photos/map_greece.png" width="500px">
|
||||
</div>
|
||||
<a href="mainland.html">Mainland</a>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
<hr>
|
||||
<footer class="B">
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Reference in a new issue