fgdfg
這個提交存在於：
當前提交
9007650229
共有 14 個檔案被更改，包括 187 行新增 和 45 行删除
|
|
@ -1,7 +1,5 @@
|
||||||
body{
|
body{
|
||||||
background-image: url(../photos/athens2.jpg);
|
background-image: url(../photos/athens2.jpg);
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size:cover;
|
background-size:100% 100vh;
|
||||||
width: 1900px;
|
|
||||||
height: 300px;
|
|
||||||
}
|
}
|
||||||
20
css/text.css
20
css/text.css
|
|
@ -5,11 +5,23 @@
|
||||||
list-style: none;
|
list-style: none;
|
||||||
line-height: 1.55;
|
line-height: 1.55;
|
||||||
font-size: x-large;
|
font-size: x-large;
|
||||||
font-family: Georgia, 'Times New Roman', Times, serif;
|
font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
|
||||||
background-color:bisque
|
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 {
|
div {
|
||||||
height: 50px;
|
height: 50px;
|
||||||
|
|
@ -31,4 +43,4 @@ body{
|
||||||
letter-spacing: 0; ;
|
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>
|
<title>FAQ</title>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<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>
|
<ol>
|
||||||
<li>
|
<li>
|
||||||
<h4>How do I get to Greece ?</h4>
|
<h4>How do I get to Greece ?</h4>
|
||||||
|
|
|
||||||
|
|
@ -4,7 +4,7 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>History and Mythology</title>
|
<title>History</title>
|
||||||
|
|
||||||
|
|
||||||
</head>
|
</head>
|
||||||
|
|
@ -13,15 +13,17 @@
|
||||||
<nav class="B">
|
<nav class="B">
|
||||||
<a href = "main.html">Main Page</a>
|
<a href = "main.html">Main Page</a>
|
||||||
<a href = "where_to_go.html">Where To Go</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 = "food_lifestyle.html">Food and Lifestyle</a>
|
||||||
<a href = "faq.html">Frequently Asked Questions</a>
|
<a href = "faq.html">Frequently Asked Questions</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
|
<hr>
|
||||||
|
|
||||||
<article>
|
<img src="./photos/titanomachy.jpg" alt="titanomachy" width="400px" style="float:right;"/>
|
||||||
<ul>
|
<article >
|
||||||
|
<ul style = "border-width:3px;border-style:solid; border-color:black; padding: 1em; width: 12%;">
|
||||||
<li><a href="#History">History</a></li>
|
<li><a href="#History">History</a></li>
|
||||||
<ul>
|
<ul>
|
||||||
<li><a href="#Ancient_Greece">Ancient Greece</a></li>
|
<li><a href="#Ancient_Greece">Ancient Greece</a></li>
|
||||||
|
|
@ -31,14 +33,12 @@
|
||||||
|
|
||||||
<li><a href="#Mythology">Mythology</a></li>
|
<li><a href="#Mythology">Mythology</a></li>
|
||||||
<ul>
|
<ul>
|
||||||
<li> <a href="#Introduction2">Introduction</a></li>
|
<li> <a href="#Gods">Gods and Goddesses</a></li>
|
||||||
|
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</ul>
|
</ul>
|
||||||
|
|
||||||
</article>
|
</article>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -61,9 +61,106 @@
|
||||||
|
|
||||||
<section>
|
<section>
|
||||||
<h1 id = "Mythology">Mythology</h1>
|
<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>
|
</section>
|
||||||
|
<hr>
|
||||||
|
|
||||||
|
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
12
islands.html
12
islands.html
|
|
@ -4,19 +4,19 @@
|
||||||
<link rel="stylesheet" href="css/text.css">
|
<link rel="stylesheet" href="css/text.css">
|
||||||
<title>Islands</title>
|
<title>Islands</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="A">
|
<body>
|
||||||
<header class="B">
|
<header>
|
||||||
<nav>
|
<nav class="B">
|
||||||
<a href = "main.html">Main Page</a>
|
<a href = "main.html">Main Page</a>
|
||||||
<a href = "where_to_go.html">Where To Go</a>
|
<a href = "where_to_go.html">Where To Go</a>
|
||||||
<a href = "history_mythology.html">History</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>
|
<a href = "faq.html">Frequently Asked Questions</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<hr>
|
<hr>
|
||||||
|
|
||||||
<main class="B">
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<article>
|
<article>
|
||||||
<a href="islands.html">Islands</a>
|
<a href="islands.html">Islands</a>
|
||||||
|
|
@ -66,7 +66,7 @@
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<hr>
|
<hr>
|
||||||
<footer class="B">
|
<footer>
|
||||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
|
|
@ -2,12 +2,11 @@
|
||||||
<html>
|
<html>
|
||||||
<head>
|
<head>
|
||||||
<link rel="stylesheet" href="css/main.css">
|
<link rel="stylesheet" href="css/main.css">
|
||||||
|
|
||||||
<link rel="stylesheet" href="css/text.css">
|
<link rel="stylesheet" href="css/text.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<header>
|
<header>
|
||||||
<nav class="B">
|
<nav class ="B">
|
||||||
<a href = "main.html">Main Page</a>
|
<a href = "main.html">Main Page</a>
|
||||||
<a href = "where_to_go.html">Where To Go</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 and Mythology</a>
|
||||||
|
|
@ -15,13 +14,13 @@
|
||||||
<a href = "faq.html">Frequently Asked Questions</a>
|
<a href = "faq.html">Frequently Asked Questions</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<main>
|
<!--<main>
|
||||||
<section>
|
<section>
|
||||||
<article>
|
<article>
|
||||||
<div>Visit Greece</div>
|
<div>Visit Greece</div>
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>-->
|
||||||
<footer>
|
<footer>
|
||||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved</p>
|
<p>© Copyright 2022 by 3MIC. All Rights Reserved</p>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
|
||||||
|
|
@ -4,18 +4,18 @@
|
||||||
<link rel="stylesheet" href="css/text.css">
|
<link rel="stylesheet" href="css/text.css">
|
||||||
<title>Mainland</title>
|
<title>Mainland</title>
|
||||||
</head>
|
</head>
|
||||||
<body class="A">
|
<body>
|
||||||
<header class="B">
|
<header>
|
||||||
<nav>
|
<nav class="B">
|
||||||
<a href>Main Page</a>
|
<a href = "main.html">Main Page</a>
|
||||||
<a href>Where To Go</a>
|
<a href = "where_to_go.html">Where To Go</a>
|
||||||
<a href>History</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>Frequently Asked Questions</a>
|
<a href = "faq.html">Frequently Asked Questions</a>
|
||||||
</nav>
|
</nav>
|
||||||
</header>
|
</header>
|
||||||
<hr>
|
<hr>
|
||||||
<main class="B">
|
<main>
|
||||||
<section>
|
<section>
|
||||||
<article>
|
<article>
|
||||||
<a href="islands.html">Islands</a>
|
<a href="islands.html">Islands</a>
|
||||||
|
|
@ -25,14 +25,37 @@
|
||||||
<section>
|
<section>
|
||||||
<h1>The Mainland</h1>
|
<h1>The Mainland</h1>
|
||||||
<article>
|
<article>
|
||||||
<img src="athens.jpg">
|
|
||||||
<h2>Attica</h2>
|
<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>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
<hr>
|
<hr>
|
||||||
<footer class="B">
|
<footer>
|
||||||
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
<p>© Copyright 2022 by 3MIC. All Rights Reserved.</p>
|
||||||
</footer>
|
</footer>
|
||||||
</body>
|
</body>
|
||||||
|
|
|
||||||
二進制
photos/Central_Greece.png
一般檔案
二進制
photos/Central_Greece.png
一般檔案
未顯示二進位檔案。
|
之後 寬度: | 高度: | 大小: 43 KiB |
二進制
photos/attica.png
一般檔案
二進制
photos/attica.png
一般檔案
未顯示二進位檔案。
|
之後 寬度: | 高度: | 大小: 42 KiB |
二進制
photos/islands_map.png
一般檔案
二進制
photos/islands_map.png
一般檔案
未顯示二進位檔案。
|
之後 寬度: | 高度: | 大小: 25 KiB |
二進制
photos/map_greece.png
一般檔案
二進制
photos/map_greece.png
一般檔案
未顯示二進位檔案。
|
之後 寬度: | 高度: | 大小: 126 KiB |
二進制
photos/peloponese.png
一般檔案
二進制
photos/peloponese.png
一般檔案
未顯示二進位檔案。
|
之後 寬度: | 高度: | 大小: 42 KiB |
二進制
photos/thelassy.png
一般檔案
二進制
photos/thelassy.png
一般檔案
未顯示二進位檔案。
|
之後 寬度: | 高度: | 大小: 43 KiB |
|
|
@ -10,7 +10,11 @@
|
||||||
<nav class="B">
|
<nav class="B">
|
||||||
<a href = "main.html">Main Page</a>
|
<a href = "main.html">Main Page</a>
|
||||||
<a href = "where_to_go.html">Where To Go</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 and Mythology</a>
|
||||||
|
=======
|
||||||
|
<a href = "history_mythology.html">History</a>
|
||||||
|
>>>>>>> 7b55c056e680e35408f53eb448d6cd0881856a11
|
||||||
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
<a href = "food_lifestyle.html">Food and Lifestyle</a>
|
||||||
<a href = "faq.html">Frequently Asked Questions</a>
|
<a href = "faq.html">Frequently Asked Questions</a>
|
||||||
</nav>
|
</nav>
|
||||||
|
|
@ -18,14 +22,14 @@
|
||||||
<hr>
|
<hr>
|
||||||
<main>
|
<main>
|
||||||
<section>
|
<section>
|
||||||
|
<h1>Where To Go ?</h1>
|
||||||
<article>
|
<article>
|
||||||
<h1>Where To Go ?</h1>
|
<a href="islands.html" style="float: left;">Islands</a>
|
||||||
<a href="islands.html">Islands</a>
|
<img src="photos/islands_map.png">
|
||||||
</article>
|
</article>
|
||||||
</section>
|
|
||||||
<section>
|
|
||||||
<article>
|
<article>
|
||||||
<a href="mainland.html">Mainland</a>
|
<a href="mainland.html" style="float: left;">Mainland</a>
|
||||||
|
<img src="photos/map_greece.png">
|
||||||
</article>
|
</article>
|
||||||
</section>
|
</section>
|
||||||
</main>
|
</main>
|
||||||
|
|
|
||||||
載入中…
新增問題並參考