-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
43 lines (40 loc) · 2.25 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- HERO SECTION -->
<div id="header">
<h1>Visit Taipei</h1>
<h2>Enjoy the culture and architecture in this vibrant city of Taiwan.</h2>
</div>
<!-- ACTIVITIES SECTION -->
<div id="activity">
<h3 id="activities-header" class="bold">Top three activities to do at Taipei</h3>
<div id="container">
<div class="spots">
<img src="images/Chiang Kai-shek Memorial Hall.jpg" class="round">
<p class="bold">Enjoy the Architectural Landmark of Taipei City</p><p class="describe">Chiang Kai-shek Memorial Hall is a great place to spend your morning. The place is enriched with the beauty of traditional Chinese gardens. There are various activities taking place in the square.</p>
</div>
<div class="spots">
<img src="images/Jiufen Old Street.jpg" class="round">
<p class="bold">Visit Jiufen old street in northeast of Taiwan</p><p class="describe">You can spend a whole day to enjoy the local culture in the old street. Along the street there are shops vending the most famous country snack of Jiufen, yam dish and various local dishes.</p>
</div>
<div class="spots">
<img src="images/Nightmarket.jpg" class="round">
<p class="bold">Go for a local market to enjoy the food</p><p class="describe">Spend your night time enjoying the market activities. Night markets can pique your interest, with streets filled with aromas of spices and an assortment of goods.</p>
</div>
</div>
</div>
<!-- GUIDE SECTION -->
<div id="container-2">
<img src="images/self-pic.jpg" class="self-pic">
<div class="wrapper">
<h3>Your guide</h3>
<p class="italic" id="brief_intro">"I have lived at Taipei for over 25 years, so I can show you all of its best parts and hidden secrets."</p>
<h4>Shiuan</h4>
</div>
</div>
</body>
</html>