Mettre à jour 'where_to_go.html'

2022-11-30 11:18:06 +01:00
53 changed files with 25 additions and 22302 deletions
--- a/FAQ.html
+++ b/FAQ.html
--- a/css/.DS_Store
+++ b/css/.DS_Store
--- a/css/main.css
+++ b/css/main.css
@ -1,5 +0,0 @@
 body{
 background-image: url(../photos/athens2.jpg);
 background-repeat: no-repeat;
 background-size:100% 100vh;
 }
--- a/css/text.css
+++ b/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}   
--- a/faq.html
+++ b/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>
--- a/food_lifestyle.html
+++ b/food_lifestyle.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>
--- a/history_mythology.html
+++ b/history_mythology.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>
--- a/islands.html
+++ b/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>
--- a/js/bootstrap.bundle.js
+++ b/js/bootstrap.bundle.js
--- a/js/bootstrap.bundle.js.map
+++ b/js/bootstrap.bundle.js.map
--- a/js/bootstrap.bundle.min.js
+++ b/js/bootstrap.bundle.min.js
--- a/js/bootstrap.bundle.min.js.map
+++ b/js/bootstrap.bundle.min.js.map
--- a/js/bootstrap.js
+++ b/js/bootstrap.js
--- a/js/bootstrap.js.map
+++ b/js/bootstrap.js.map
--- a/js/bootstrap.min.js
+++ b/js/bootstrap.min.js
--- a/js/bootstrap.min.js.map
+++ b/js/bootstrap.min.js.map
--- a/main.html
+++ b/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>
--- a/mainland.html
+++ b/mainland.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>
--- a/photos/Central_Greece.png
+++ b/photos/Central_Greece.png
--- a/photos/Galaktoboureko.jpg
+++ b/photos/Galaktoboureko.jpg
--- a/photos/almond.jpg
+++ b/photos/almond.jpg
--- a/photos/athens.jpg
+++ b/photos/athens.jpg
--- a/photos/athens1.jpg
+++ b/photos/athens1.jpg
--- a/photos/athens2.jpg
+++ b/photos/athens2.jpg
--- a/photos/attica.png
+++ b/photos/attica.png
--- a/photos/baklava.jpeg
+++ b/photos/baklava.jpeg
--- a/photos/chios.jpg
+++ b/photos/chios.jpg
--- a/photos/dips.jpg
+++ b/photos/dips.jpg
--- a/photos/dolmadesjpg
+++ b/photos/dolmadesjpg
--- a/photos/islands_map.png
+++ b/photos/islands_map.png
--- a/photos/map_greece.png
+++ b/photos/map_greece.png
--- a/photos/mykonos.jpg
+++ b/photos/mykonos.jpg
--- a/photos/naxos.jpg
+++ b/photos/naxos.jpg
--- a/photos/paros.jpg
+++ b/photos/paros.jpg
--- a/photos/pastitsio.jpg
+++ b/photos/pastitsio.jpg
--- a/photos/peloponese.png
+++ b/photos/peloponese.png
--- a/photos/rizogalo.jpg
+++ b/photos/rizogalo.jpg
--- a/photos/santorini.jpg
+++ b/photos/santorini.jpg
--- a/photos/thelassy.png
+++ b/photos/thelassy.png
--- a/photos/titanomachy.jpg
+++ b/photos/titanomachy.jpg
--- a/poubelle/bootstrap-grid.css
+++ b/poubelle/bootstrap-grid.css
--- a/poubelle/bootstrap-grid.css.map
+++ b/poubelle/bootstrap-grid.css.map
--- a/poubelle/bootstrap-grid.min.css
+++ b/poubelle/bootstrap-grid.min.css
--- a/poubelle/bootstrap-grid.min.css.map
+++ b/poubelle/bootstrap-grid.min.css.map
--- a/poubelle/bootstrap-reboot.css
+++ b/poubelle/bootstrap-reboot.css
@ -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 */
--- a/poubelle/bootstrap-reboot.css.map
+++ b/poubelle/bootstrap-reboot.css.map
--- a/poubelle/bootstrap-reboot.min.css
+++ b/poubelle/bootstrap-reboot.min.css
@ -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 */
--- a/poubelle/bootstrap-reboot.min.css.map
+++ b/poubelle/bootstrap-reboot.min.css.map
--- a/poubelle/bootstrap.css
+++ b/poubelle/bootstrap.css
--- a/poubelle/bootstrap.css.map
+++ b/poubelle/bootstrap.css.map
--- a/poubelle/bootstrap.min.css
+++ b/poubelle/bootstrap.min.css
--- a/poubelle/bootstrap.min.css.map
+++ b/poubelle/bootstrap.min.css.map
--- a/where_to_go.html
+++ b/where_to_go.html
@ -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>
+        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css">
-<body>
+<body class="A">
-    <header>
+    <header class="B">
-        <nav class="B">
+        <nav>
-            <a href = "main.html">Main Page</a>
+            <a href>Main Page</a>
-            <a href = "where_to_go.html">Where To Go</a>
+            <a href>Where To Go</a>
-            <a href = "history_mythology.html">History and Mythology</a>
+            <a href>History</a>
-            <a href = "food_lifestyle.html">Food and Lifestyle</a>
+            <a href>Food and Lifestile</a>
-            <a href = "faq.html">Frequently Asked Questions</a>
+            <a href>Frequently Asked Questions</a>
-</nav>
+        </nav> 
    </header>
-    <main>
+    <hr>
    <main class="B">
        <section>
            <article>
                <h1>Where To Go ?</h1>
-            <article>
+                <a href="islands.html">Islands</a>
                <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>
            </article>
        </section>
        <section>
            <article>
-                <a href="mainland.html" style="float: left;">Mainland</a>
+                <a href="mainland.html">Mainland</a>
                <br>
                <br>
                <br>
                <div style="text-align:center;">
                    <img src="photos/map_greece.png" width="500px">
                </div>
            </article>
        </section>
    </main>
    <hr>
    <footer class="B">
        <p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
    </footer>
 </body>
 </html>