-
Notifications
You must be signed in to change notification settings - Fork 0
/
ChutingLiu_573webpage.html
72 lines (64 loc) · 4.1 KB
/
ChutingLiu_573webpage.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
60
61
62
63
64
65
66
67
68
69
70
71
72
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Welcome to Guangzhou!</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width"/>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link href= "stylesheet573.css" rel="stylesheet" type="text/css">
<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments)};
gtag('js', new Date());
gtag('config', 'UA-109178399-1');
</script>
</head>
<body>
<header>
<h1>Guangzhou -- My Hometown</h1>
</header>
<nav class="navi-flex-container">
<ul class="w3-bar">
<li><a href="ChutingLiu_573webpage.html" class="w3-bar-item w3-button w3-hide-small">General Introduction</a></li>
<li><a href="ChutingLiu_573_page3.html" class="w3-bar-item w3-button w3-hide-small">Attractions</a></li>
<li><a href="ChutingLiu_573_page2.html" class="w3-bar-item w3-button w3-hide-small">Food</a></li>
<a href="javascript:void(0)"
class="w3-bar-item w3-button w3-hide-large w3-hide-medium"
onclick="myFunction()"><i class="fa fa-bars fa-lg"></i> Menu</a>
</ul>
</nav>
<div id="demo" class="w3-bar-block w3-grey w3-hide w3-hide-large w3-hide-medium">
<a href="ChutingLiu_573webpage.html" class="w3-bar-item w3-button">General Introduction</a>
<a href="ChutingLiu_573_page3.html" class="w3-bar-item w3-button">Attractions</a>
<a href="ChutingLiu_573_page2.html" class="w3-bar-item w3-button">Food</a>
</div>
<section>
<div class="container">
<img class="flex-item1" src="gz1_copy.jpg" alt="Guangzhou Tower and Pearl River">
<div class="c1"><h2>Guangzhou, traditionally romanised as Canton, is the capital and most populous city of the province of Guangdong in southern China. Located on the Pearl River about 120 km (75 mi) north-northwest of Hong Kong and 145 km (90 mi) north of Macau, Guangzhou was a major terminus of the maritime Silk Road and continues to serve as a major port and transportation hub. </h2>
</div>
<div class="c2"><h2>Guangzhou is currently, the third most-populous city in mainland China, behind Beijing and Shanghai; holds sub-provincial administrative status; and is one of China's five National Central Cities. In 2015 the city's administrative area was estimated to have a population of 13,501,100 and forms part of one of the most populous metropolitan agglomerations on Earth. Some estimates place the population of the built-up area of the Pearl River Delta Mega City as high as 44 million without the Hong Kong SAR and 54 million including it. </h2>
</div>
<br>
<img class="flex-item2" src= "gz2_copy.jpg" alt="Traditional Street View">
<div class="c3"><h2>Guangzhou is identified as a Beta+ Global city. In recent years, there has been a rapidly increasing number of foreign residents and illegal immigrants from the Middle East, Eastern Europe and Southeast Asia, as well as from Africa. This has led to it being dubbed the "Capital of the Third World". The migrant population from other provinces of China in Guangzhou was 40 percent of the city's total population in 2008. Most of them are rural migrants, and they speak only Mandarin. </h2>
</div>
<div class="c4"><h2>Guangzhou was long the only Chinese port permitted for most foreign traders. The city proper fell to the British and was opened by the First Opium War. It lost trade to other ports such as Hong Kong and Shanghai, but continued to serve as a major entrepôt. In modern commerce, Guangzhou is best known for its annual Canton Fair, the oldest and largest trade fair in China. For the three consecutive years 2013–2015, Forbes ranked Guangzhou as the best commercial city on the Chinese mainland.</h2>
</div>
</div>
</section>
<script>
function myFunction() {
var x = document.getElementById("demo");
if (x.className.indexOf("w3-show") == -1) {
x.className += " w3-show";
} else {
x.className = x.className.replace(" w3-show", "");
}
}
</script>
<script src="https://use.fontawesome.com/76b18e051a.js"></script>
</body>
</html>