Skip to content

Commit 7d101f7

Browse files
vishvikvishvik
authored
Add files via upload
1 parent 4ecc819 commit 7d101f7

File tree

5 files changed

+145
-0
lines changed

5 files changed

+145
-0
lines changed

‎PW1-VXR180006.html‎

Lines changed: 139 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,139 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<title>PW1-VXR180006</title>
5+
<meta charset="utf-8">
6+
<meta name="viewport" content="width=device-width, initial-scale=1">
7+
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/css/bootstrap.min.css">
8+
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.0/js/bootstrap.min.js"></script>
9+
<style>
10+
/* Remove the navbar's default margin-bottom and rounded borders */
11+
.navbar {
12+
margin-bottom: 0;
13+
border-radius: 0;
14+
}
15+
16+
.row.content {height: 1500px}
17+
18+
.sidenav {
19+
padding-top: 20px;
20+
background-color: #dbf5ebaf;
21+
height: 100%;
22+
}
23+
24+
html {
25+
scroll-behavior: smooth;
26+
}
27+
28+
.places{
29+
clear: left;
30+
}
31+
32+
img{
33+
float: left;
34+
width:350px;
35+
height:200px;
36+
margin-right:15px;
37+
}
38+
39+
footer {
40+
background-color: rgb(119, 118, 118);
41+
color: white;
42+
padding: 15px;
43+
}
44+
45+
@media screen and (max-width: 767px) {
46+
.sidenav {
47+
height: auto;
48+
padding: 15px;
49+
}
50+
.row.content {height:auto;}
51+
}
52+
</style>
53+
</head>
54+
<body>
55+
56+
<nav class="navbar navbar-inverse">
57+
<div class="container-fluid">
58+
<div class="navbar-header">
59+
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
60+
<span class="icon-bar"></span>
61+
<span class="icon-bar"></span>
62+
<span class="icon-bar"></span>
63+
</button>
64+
<a class="navbar-brand" href="#">
65+
<img src="bootstrap-solid.svg" style = "width:25px;height:25px;" class="d-inline-block align-top" alt="Logo">
66+
</a>
67+
</div>
68+
<div class="collapse navbar-collapse" id="myNavbar">
69+
<ul class="nav navbar-nav">
70+
<li class="active"><a href="#home">Home</a></li>
71+
<li><a href="#london">Cities</a></li>
72+
<li><a href="#contact">Contact Us</a></li>
73+
</ul>
74+
</div>
75+
</div>
76+
</nav>
77+
78+
<div class="container-fluid text-center">
79+
<div class="row content">
80+
<div class="col-sm-2 sidenav">
81+
<p><a href="#london">London</a></p>
82+
<p><a href="#paris">Paris</a></p>
83+
<p><a href="#tokyo">Tokyo</a></p>
84+
</div>
85+
<div class="col-sm-8 text-left" id="home">
86+
<h1>Country</h1>
87+
<p>A country is a region that is identified as a distinct entity in political geography. A country may be an independent sovereign state or part of a larger state, as a non-sovereign or formerly sovereign political division, or a geographic region associated with sets of previously independent or differently associated people with distinct political characteristics.
88+
Regardless of the physical geography, in the modern internationally accepted legal definition as defined by the League of Nations in 1937 and reaffirmed by the United Nations in 1945, a resident of a country is subject to the independent exercise of legal jurisdiction. There is no hard and fast definition of what regions are countries and which are not.
89+
Countries can refer both to sovereign states and to other political entities, while other times it can refer only to states. For example, the CIA World Factbook uses the word in its "Country name" field to refer to "a wide variety of dependencies, areas of special sovereignty, uninhabited islands, and other entities in addition to the traditional countries or independent states".</p>
90+
<hr>
91+
<h3>Cities:</h3>
92+
<div class = "places" id="london">
93+
<h4>London</h4>
94+
<p> <img src="img\london.jpg" alt="london">
95+
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
96+
</p><p>Standing on the River Thames, London has been a major settlement for two millennia, its history going back to it’s founding by the Romans, who named it Londinium.
97+
</p><p>The City of London, London's ancient core − an area of just 1.12 square miles (2.9 km2) and colloquially known as the Square Mile − retains boundaries that follow closely their medieval limits. The City of Westminster is also an Inner London borough holding city status. Greater London is governed by the Mayor of London and the London Assembly.
98+
</p><p>London is often considered as the world's leading global city and has been termed as the world's most powerful, most desirable, most influential, most visited, most expensive, innovative, sustainable, most investment friendly, most popular for work, and the most vegetarian friendly city in the world.
99+
</p><p>London exerts a considerable impact upon the arts, commerce, education, entertainment, fashion, finance, healthcare, media, professional services, research and development, tourism and transportation. London ranks 26 out of 300 major cities for economic performance. It is one of the largest financial centres and has either the fifth or sixth largest metropolitan area GDP.
100+
</p>
101+
</div>
102+
<div class = "places" id="paris"> <br>
103+
<h4>Paris</h4>
104+
<p> <img src="img\paris.jpg" alt="paris"> Paris is the capital and the most populous city of France. It has an area of 105 km² (41 mi²) and a population in 2013 of 2,229,621 within the city limits. Paris was founded in the 3rd century BC by a Celtic people called the Parisii, who gave the city its name.
105+
</p><p>By the 12th century, Paris was the largest city in the western world, a prosperous trading center, and the home of the University of Paris, one of the oldest universities in history. At 17th century is the capital of Europe's major power.
106+
</p><p>In the 18th century, it was the center stage of the French Revolution, and was an important center of finance, commerce, fashion, science, and the arts, a position it still retains today.</p>
107+
</p><p>The City of Paris is the centre and seat of government of the Île-de-France, or Paris Region, which has an estimated official 2019 population of 12,213,64, or about 18 percent of the population of France. The larger Paris metropolitan area had a population of 12,532,901 in 2015.
108+
</p><p>The Paris Region had a GDP of €681 billion (US$850 billion) in 2016, accounting for 31 percent of the GDP of France, and was the 5th largest region by GDP in the world. According to the Economist Intelligence Unit Worldwide Cost of Living Survey in 2018, Paris was the second-most expensive city in the world, behind Singapore and ahead of Zurich, Hong Kong, Oslo and Geneva.
109+
</div>
110+
<div class = "places" id="tokyo"> <br>
111+
<h4>Tokyo</h4>
112+
<p> <img src="img\tokyo.jpg" alt="tokyo"> Tokyo, officially Tokyo is one of the 47 prefectures of Japan, and is both the capital and most populous city of Japan. The Greater Tokyo Area is the most populous metropolitan area in the world.
113+
</p><p>The urban area houses the seat of the Emperor of Japan, of the Japanese government and of the National Diet. Tokyo forms part of the Kantō region on the southeastern side of Japan's main island, Honshu, and includes the Izu Islands and Ogasawara Islands. Tokyo was formerly named Edo when Shōgun Tokugawa Ieyasu made the city as his headquarters in 1603.
114+
</p><p>It became the capital after Emperor Meiji moved his seat to the city from Kyoto in 1868; at that time Edo was renamed Tokyo. Tokyo Metropolis formed in 1943 from the merger of the former Tokyo Prefecture and the city of Tokyo.
115+
</p><p>Tokyo is often referred to as a city but is officially known and governed as a "metropolitan prefecture", which differs from and combines elements of a city and a prefecture, a characteristic unique to Tokyo.
116+
</p>
117+
</div>
118+
</div>
119+
<div class="col-sm-2 sidenav">
120+
<p><h3>Other Famous Cities</h3></p>
121+
<div class="well">
122+
<p><a href = "https://en.wikipedia.org/wiki/Seoul" target="_blank" >Seoul, South Korea</a></p>
123+
<p><a href = "https://en.wikipedia.org/wiki/Istanbul" target="_blank" >Istanbul, Turkey</a></p>
124+
<p><a href = "https://en.wikipedia.org/wiki/Kuala_Lumpur" target="_blank" >Kuala Lumpur, Malaysia</a></p>
125+
<p><a href = "https://en.wikipedia.org/wiki/Singapore" target="_blank" >Singapore</a></p>
126+
<p><a href = "https://en.wikipedia.org/wiki/New_York_City" target="_blank" >New York, U.S.A</a></p>
127+
<p><a href = "https://en.wikipedia.org/wiki/Dubai" target="_blank" >Dubai, UAE</a></p>
128+
<p><a href = "https://en.wikipedia.org/wiki/Bangkok" target="_blank" >Bangkok, Thailand</a></p>
129+
</div>
130+
</div>
131+
</div>
132+
</div>
133+
134+
<footer class="container-fluid text-center" id="contact">
135+
<p>Contact: 800 W Campbell Rd, Richardson, TX 75080</p>
136+
<p>Phone: (972) 883-2111</p>
137+
</footer>
138+
</body>
139+
</html>

‎bootstrap-solid.svg‎

Lines changed: 6 additions & 0 deletions
Loading

‎img/london.jpg‎

8 KB
Loading

‎img/paris.jpg‎

18.3 KB
Loading

‎img/tokyo.jpg‎

9.75 KB
Loading

0 commit comments

Comments
 (0)