fgdfg
This commit is contained in:
commit
9007650229
14 changed files with 187 additions and 45 deletions
|
@ -1,7 +1,5 @@
|
|||
body{
|
||||
background-image: url(../photos/athens2.jpg);
|
||||
background-repeat: no-repeat;
|
||||
background-size:cover;
|
||||
width: 1900px;
|
||||
height: 300px;
|
||||
background-size:100% 100vh;
|
||||
}
|
20
css/text.css
20
css/text.css
|
@ -5,11 +5,23 @@
|
|||
list-style: none;
|
||||
line-height: 1.55;
|
||||
font-size: x-large;
|
||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
||||
background-color:bisque
|
||||
|
||||
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;}
|
||||
|
||||
a {color: black;
|
||||
text-decoration: none;}
|
||||
|
||||
footer {
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
text-align: justify;
|
||||
color: bisque;
|
||||
}
|
||||
|
||||
div {
|
||||
height: 50px;
|
||||
|
@ -31,4 +43,4 @@ body{
|
|||
letter-spacing: 0; ;
|
||||
}
|
||||
|
||||
nav a:hover {font-weight: bold;}
|
||||
a:hover {font-weight: bold;}
|
||||
|
|
9
faq.html
9
faq.html
|
@ -7,6 +7,15 @@
|
|||
<title>FAQ</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</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>
|
||||
|
|
|
@ -4,7 +4,7 @@
|
|||
<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 and Mythology</title>
|
||||
<title>History</title>
|
||||
|
||||
|
||||
</head>
|
||||
|
@ -13,15 +13,17 @@
|
|||
<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 = "history_mythology.html">History</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<hr>
|
||||
|
||||
<article>
|
||||
<ul>
|
||||
<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: 12%;">
|
||||
<li><a href="#History">History</a></li>
|
||||
<ul>
|
||||
<li><a href="#Ancient_Greece">Ancient Greece</a></li>
|
||||
|
@ -31,14 +33,12 @@
|
|||
|
||||
<li><a href="#Mythology">Mythology</a></li>
|
||||
<ul>
|
||||
<li> <a href="#Introduction2">Introduction</a></li>
|
||||
|
||||
|
||||
<li> <a href="#Gods">Gods and Goddesses</a></li>
|
||||
</ul>
|
||||
|
||||
</ul>
|
||||
|
||||
|
||||
</article>
|
||||
|
||||
|
||||
|
||||
|
||||
|
@ -61,9 +61,106 @@
|
|||
|
||||
<section>
|
||||
<h1 id = "Mythology">Mythology</h1>
|
||||
|
||||
<img src="./photos/titanomachy.jpg" alt="titanomachy" width="2000px"/>
|
||||
|
||||
<article>
|
||||
<p id = "Gods"><b>Gods and Goddesses</b></p>
|
||||
|
||||
<table border="1">
|
||||
<thead>
|
||||
<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>
|
12
islands.html
12
islands.html
|
@ -4,19 +4,19 @@
|
|||
<link rel="stylesheet" href="css/text.css">
|
||||
<title>Islands</title>
|
||||
</head>
|
||||
<body class="A">
|
||||
<header class="B">
|
||||
<nav>
|
||||
<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</a>
|
||||
<a href>Food and Lifestyle</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<hr>
|
||||
|
||||
<main class="B">
|
||||
<main>
|
||||
<section>
|
||||
<article>
|
||||
<a href="islands.html">Islands</a>
|
||||
|
@ -66,7 +66,7 @@
|
|||
</section>
|
||||
</main>
|
||||
<hr>
|
||||
<footer class="B">
|
||||
<footer>
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
|
@ -2,12 +2,11 @@
|
|||
<html>
|
||||
<head>
|
||||
<link rel="stylesheet" href="css/main.css">
|
||||
|
||||
<link rel="stylesheet" href="css/text.css">
|
||||
</head>
|
||||
<body>
|
||||
<header>
|
||||
<nav class="B">
|
||||
<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>
|
||||
|
@ -15,13 +14,13 @@
|
|||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<main>
|
||||
<!--<main>
|
||||
<section>
|
||||
<article>
|
||||
<div>Visit Greece</div>
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
</main>-->
|
||||
<footer>
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved</p>
|
||||
</footer>
|
||||
|
|
|
@ -4,18 +4,18 @@
|
|||
<link rel="stylesheet" href="css/text.css">
|
||||
<title>Mainland</title>
|
||||
</head>
|
||||
<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 Lifestyle</a>
|
||||
<a href>Frequently Asked Questions</a>
|
||||
<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</a>
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
</header>
|
||||
<hr>
|
||||
<main class="B">
|
||||
<main>
|
||||
<section>
|
||||
<article>
|
||||
<a href="islands.html">Islands</a>
|
||||
|
@ -25,14 +25,37 @@
|
|||
<section>
|
||||
<h1>The Mainland</h1>
|
||||
<article>
|
||||
<img src="athens.jpg">
|
||||
<h2>Attica</h2>
|
||||
<p></p>
|
||||
<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 class="B">
|
||||
<footer>
|
||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||
</footer>
|
||||
</body>
|
||||
|
|
BIN
photos/Central_Greece.png
Normal file
BIN
photos/Central_Greece.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 43 KiB |
BIN
photos/attica.png
Normal file
BIN
photos/attica.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 42 KiB |
BIN
photos/islands_map.png
Normal file
BIN
photos/islands_map.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 25 KiB |
BIN
photos/map_greece.png
Normal file
BIN
photos/map_greece.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 126 KiB |
BIN
photos/peloponese.png
Normal file
BIN
photos/peloponese.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 42 KiB |
BIN
photos/thelassy.png
Normal file
BIN
photos/thelassy.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 43 KiB |
|
@ -10,7 +10,11 @@
|
|||
<nav class="B">
|
||||
<a href = "main.html">Main Page</a>
|
||||
<a href = "where_to_go.html">Where To Go</a>
|
||||
<<<<<<< HEAD
|
||||
<a href = "history_mythology.html">History and Mythology</a>
|
||||
=======
|
||||
<a href = "history_mythology.html">History</a>
|
||||
>>>>>>> 7b55c056e680e35408f53eb448d6cd0881856a11
|
||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||
<a href = "faq.html">Frequently Asked Questions</a>
|
||||
</nav>
|
||||
|
@ -18,14 +22,14 @@
|
|||
<hr>
|
||||
<main>
|
||||
<section>
|
||||
<h1>Where To Go ?</h1>
|
||||
<article>
|
||||
<h1>Where To Go ?</h1>
|
||||
<a href="islands.html">Islands</a>
|
||||
<a href="islands.html" style="float: left;">Islands</a>
|
||||
<img src="photos/islands_map.png">
|
||||
</article>
|
||||
</section>
|
||||
<section>
|
||||
<article>
|
||||
<a href="mainland.html">Mainland</a>
|
||||
<a href="mainland.html" style="float: left;">Mainland</a>
|
||||
<img src="photos/map_greece.png">
|
||||
</article>
|
||||
</section>
|
||||
</main>
|
||||
|
|
Loading…
Reference in a new issue