-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
130 lines (115 loc) · 5.58 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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
<!DOCTYPE html>
<html lang="en">
<head>
<title>TravelNow</title>
<meta name="description" content="A Concept Traveling Website.">
<meta name="author" content="Ayush Shukla">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!----------------------------------------------------LandingPage--------------------------------------------------->
<div id="wrapper">
<!------------logo------------>
<a id="logo" href="#wrapper">
<h1>TN</h1>
</a>
<!------------/logo------------>
<!------------Nav------------>
<nav>
<span>
<a href="#Home">Home</a>
<a href="#Travel">Travel</a>
<a href="#Contact">Contact</a>
</span>
</nav>
<!------------/Nav------------>
<!------------SearchIcon------------>
<div id="SearchIcon">
<a href="#Search">
<svg width="40.88" height="40.887" viewBox="0 0 40.88 40.887">
<path d="M40.324,35.349l-7.961-7.961a1.915,1.915,0,0,0-1.357-.559H29.7A16.6,16.6,0,1,0,26.829,29.7v1.3a1.915,1.915,0,0,0,.559,1.357l7.961,7.961a1.908,1.908,0,0,0,2.707,0l2.26-2.26A1.925,1.925,0,0,0,40.324,35.349Zm-23.715-8.52A10.221,10.221,0,1,1,26.829,16.609,10.215,10.215,0,0,1,16.609,26.829Z"/>
</svg>
</a>
</div>
<!------------/SearchIcon------------>
<!----------------------------------------------------slide1--------------------------------------------------->
<div class="slide" id="slide1">
<div id="blurBG"></div>
<div id="PlaceName">
<p>Hollywood</p>
</div>
<div id="main">
<span>13°c <div id="WeatherIcon"></div> </span>
<h1>Los Angeles</h1>
<article>
Los Angeles is a sprawling Southern California city and the center of the nation’s film and television
industry. Near its iconic Hollywood sign, studios such as Paramount Pictures, Universal and Warner Brothers
offer behind-the-scenes tours. On Hollywood Boulevard, TCL Chinese Theatre displays celebrities’ hand- and
footprints, the Walk of Fame honors thousands of luminaries and vendors sell maps to stars’ homes.
</article>
</div>
</div>
<!----------------------------------------------------/slide1--------------------------------------------------->
<!----------------------------------------------------slide2--------------------------------------------------->
<div class="slide" id="slide2">
<div id="blurBG"></div>
<div id="PlaceName">
<p>Cagwait</p>
</div>
<div id="main">
<span>22°c <div id="WeatherIcon"></div> </span>
<h1>Manila</h1>
<article>
Manila is the capital of the Philippines and the nation's center of education, business, and transportation.
Metro Manila is the most populous metropolitan region composing the city of Manila and surrounding cities like
Makati, Mandaluyong, Muntinlupa, Parañaque, Pasay, Pasig, Quezon City and Taguig.
Manila has a reputation as a congested, polluted concrete jungle, and is often overlooked as a mere stopover
for travellers aiming to reach other Philippine provinces or islands.
</article>
</div>
</div>
<!----------------------------------------------------/slide2--------------------------------------------------->
<!----------------------------------------------------slide3--------------------------------------------------->
<div class="slide" id="slide3">
<div id="blurBG"></div>
<div id="PlaceName">
<p>Times Square</p>
</div>
<div id="main">
<span>4°c <div id="WeatherIcon"></div> </span>
<h1>New York</h1>
<article>
New York City is the most populous city in the United States.
New York City has a population of approximately 8.2 million people. The New York Metropolitan Area, which
spans lower New York, northern New Jersey, and southwestern Connecticut, has a population of 18.7 million,
making it the largest metropolitan area in the U.S. As of 2014, it was one of the 15 largest metro areas in
the world.
</article>
</div>
</div>
<!----------------------------------------------------/slide3--------------------------------------------------->
<!----------------------------------------------------visit--------------------------------------------------->
<div id="visit">
<a href="#visit">PLAN YOUR TRIP</a>
</div>
<!----------------------------------------------------/visit--------------------------------------------------->
<!----------------------------------------------------PlacesNav--------------------------------------------------->
<div id="PlacesNav">
<span>
<a href="#slide1">Los Angeles</a>
<a href="#slide2">Manila</a>
<a href="#slide3">New York</a>
</span>
</div>
<!----------------------------------------------------/PlacesNav--------------------------------------------------->
<!----------------------------------------------------CodeBy--------------------------------------------------->
<div id="codeby">
<a target="_blank" href="https://icodeayush.github.io/">Code By <span>iCodeAyush</span></a>
</div>
<!----------------------------------------------------/CodeBy--------------------------------------------------->
</div>
<!----------------------------------------------------/LandingPage--------------------------------------------------->
</body>
</html>