This commit is contained in:
Y-Quynh Nguyen 2022-12-12 10:28:40 +01:00
commit 721dd19eb3
12 changed files with 44 additions and 21 deletions

View file

@ -1,7 +1,7 @@
body{
background-image: url(../photos/athens2.jpg);
background-repeat: no-repeat;
background-size:cover;
background-size:100% 100vh;
width: 1900px;
height: 300px;
}

View file

@ -5,16 +5,20 @@
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 {}
footer {
position: absolute;
bottom: 0;
text-align: justify;
color: whitesmoke;
font-weight: bold;
color: bisque;
}
div {
@ -37,6 +41,4 @@ body{
letter-spacing: 0; ;
}
nav a:hover {
font-weight: bold;
}
nav a:hover {font-weight: bold;}

View file

@ -66,7 +66,7 @@
</section>
</main>
<hr>
<footer class="B">
<footer>
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
</footer>
</body>

View file

@ -1,7 +1,7 @@
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/main.css">
<link rel="stylesheet" href="css/text.css">
</head>
<body>
@ -14,15 +14,13 @@
<a href = "faq.html">Frequently Asked Questions</a>
</nav>
</header>
<main>
<!--
<!--<main>
<section>
<article>
<div>Visit Greece</div>
</article>
</section>
-->
</main>
</main>-->
<hr>
<footer>
<p>© Copyright 2022 by 3MIC. All Rights Reserved</p>

View file

@ -25,9 +25,32 @@
<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 worlds 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>

BIN
photos/Central_Greece.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

BIN
photos/attica.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
photos/islands_map.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

BIN
photos/map_greece.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

BIN
photos/peloponese.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

BIN
photos/thelassy.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 43 KiB

View file

@ -18,14 +18,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>