-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (54 loc) · 2.76 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
<!DOCTYPE html>
<head>
<title>Addis Ababa - My Hometown</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<script src="block.js"></script>
<div id="header">
<h1>Welcome to Addis Ababa! 🌍</h1>
<p id="sub-heading">The capital city of Ethiopia, known for its rich culture, history, and beauty.</p>
</div>
<div class="info-section">
<div class="info-box">
<h2>About Addis Ababa</h2>
<p>Addis Ababa is the largest city in Ethiopia, with a population of over 5 million. It is the political, economic, and cultural center of the country and home to the African Union's headquarters.</p>
<p>Founded in 1886 by Emperor Menelik II, the city lies at the foot of the Entoto Mountains, offering a mix of modern urban life and historic landmarks.</p>
</div>
<div class="info-box">
<h2>Famous Landmarks</h2>
<ul class="landmark-list">
<li><strong>National Museum of Ethiopia</strong>Home to the famous fossil 'Lucy'.</li>
<li><strong>Holy Trinity Cathedral</strong>The most important religious building in Ethiopia.</li>
<li><strong>Mount Entoto</strong>Offers a panoramic view of the city.</li>
<li><strong>Meskel Square</strong>The heart of public gatherings and celebrations.</li>
</ul>
</div>
<div class="info-box">
<h2>Cultural Highlights</h2>
<p>Addis Ababa is known for its vibrant cultural life, including music, arts, and traditional coffee ceremonies. The city's markets, such as Mercato, are bustling with activity, offering a wide range of Ethiopian goods, including spices, crafts, and more.</p>
</div>
<div class="info-box">
<h2>Try My Game</h2>
<p>Roll the dice and see if you can hit exactly 11 to win! If your total goes over, you lose.</p>
<p>So far you have rolled:</p>
<ul id="rolls-list"></ul>
<button id="button_roll">Roll the dice</button>
<p>Total: <span id="total">0</span>. <span id="info">Keep playing!</span></p>
<button id="button_remove">Remove the last roll</button>
<button id="button_restart">Start again</button>
</div>
</div>
<div class="image-gallery">
<h2>Explore Addis Ababa</h2>
<div class="gallery">
<img class="gallery-img" src="./images/skyline.png" alt="Addis Ababa Skyline">
<img class="gallery-img" src="./images/meskelSquer.png" alt="Meskel Square">
<img class="gallery-img" src="./images/national.png" alt="National Museum of Ethiopia">
</div>
</div>
<footer id="footer">
<p>© 2024 Addis Ababa Hometown Page. All rights reserved.</p>
</footer>
</body>
</html>