-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathoutsideIndia.html
More file actions
164 lines (160 loc) · 6.72 KB
/
outsideIndia.html
File metadata and controls
164 lines (160 loc) · 6.72 KB
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
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OutSideIndia</title>
<link href="https://fonts.googleapis.com/css?family=Rancho&effect=shadow-multiple" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Tangerine">
<style>
*{
margin:0px;
padding:0px;
}
section{
width:100%;
height:100vh;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
text-align:center;
position:relative;
}
.into{
background-image:url(images/backroundo.jpg);
}
.home{
padding:5px 15px;
background-color:#000;
font-size:150%;
position:absolute;
left:0%;
top:0%;
border-radius:15px;
}
.home a{
color:#fff;
text-decoration: none;
font-size:150%;
}
.into h1{
font-family:'Rancho',sans-serif;
font-size:300%;
margin-top:15px;
}
.one{
background-color:#F5EDCE;
}
.two{
background-color:#EAFDFC;
}
.three{
background-color:#FAECD6;
}
.four{
background-color:#EEEEEE;
}
.five{
background-color:#F7F5EB;
}
.places h1{
position:absolute;
top:3%;
text-align:left;
font-size:300%;
font-family:'Tangerine',sans-serif;
text-shadow: 5px 5px 5px #aaa;
}
.places img{
width:30%;
border-radius:30px;
position:absolute;
top:20%;
left:10%;
}
.text{
width:40%;
float:rigth;
line-height:1.5em;
position:absolute;
left:50%;
top:25%;
font-size:125%;
}
.text h3{
font-size:150%;
}
.text a{
color:white;
padding:10px,20px;
border-radius:5px;
background-color:skyblue;
}
.places a{
text-decoration:none;
}
</style>
</head>
<body>
<section class="into">
<div class="home">
<a href="index.html">Home</a>
</div>
<h1 class="font-effect-shadow-multiple">View Some of the best places Out Side India</h1>
</section>
<section class="one places">
<h1>1.Purple Island,Qatar</h1>
<img alt="imgofpurpleisland" src="images/PurpleIsland.jpg">
<div class="text">
<p>Located in the northeast of Qatar, Bin Ghannam Island, popularly known as Purple Island, is a must-visit spot. An hour<sup>'</sup>s drive from Doha, near Al Khor city, the island is famous for its natural beauty, exotic flora and fauna, and is ideal for a day trip for the whole family.
If you<sup>'</sup>re planning a visit, the best time to do so is between November to February as the weather is just the right shade of cool at this time of year.</p>
<h3 class="font-effect-3d">Want to know more watch video :</h3>
<a href="https://youtu.be/kcJr0z8Qf44">Click Here!</a>
</div>
</section>
<section class="two places">
<h1>2.Paris,France</h1>
<img alt="Imageofparis" src="images/paris2.jpg">
<div class="text">
<p> Europe's most enchanting city, Paris is known for its many monuments, especially the Eiffel Tower, Notre-Dame Cathedral, Arc de Triomphe, Opéra Garnier, Les Invalides, etc.
We'd recommend visiting between October and April if your main objective is to avoid crowds. For the warmest temperatures, October and April are the best times to visit Paris sans crowds.
</p>
<h3 class="font-effect-3d">Want to know more watch video</h3>
<a href="https://youtu.be/AQ6GmpMu5L8">Click Here!</a>
</div>
</section>
<section class="three places">
<h1>3.Hong Kong,China</h1>
<img alt="imageofhongkong" src="images/hongkon.jpg">
<div class="text">
<p> Hong Kong is one of the most heavily populous regions in the world and the city with the most number of skyscrapers in the world. A major port and shopping hub, Hong Kong is the land of an iconic skyline, delectable cuisine, and protected lush nature reserves.
Places to visit Victoria Harbour,DisneyLand,StarFerry,AvenueOfStars.The best time to visit Hong Kong is during autumn and early winter, specifically from late September to late December
</p>
<h3 class="font-effect-3d">Want to know more watch video</h3>
<a href="https://youtu.be/72__Mdioty8">Click Here!</a>
</div>
</section>
<section class="four places">
<h1>4.Dubai,UAE</h1>
<img alt="imageofdubai" src="images/Dubai.jpg">
<div class="text">
<p>Dubai has grown to be one of the most recognisable destinations worldwide with its lavish architecture, incredible skylines and giant shopping malls.Top palces to visit Burj Al-Arab, Burj Khalifa, Palm Jumeirah.
November to February is considered to be the best time to visit this emirate, as temperatures are pleasant and there's a buzz in the air with a range of events and activities from the Dubai Shopping and Food Festivals to the Dubai World Cup.</p>
<h3 class="font-effect-3d">Want to know more watch video</h3>
<a href="https://youtu.be/KJ2il8oTpKY">Click Here!</a>
</div>
</section>
<section class="five places">
<h1>5.Macau,China</h1>
<img alt="imageofmacau" src="images/macau.jpg">
<div class="text">
<p>Tourism is a major industry in Macau. It is famous for the blend of Portuguese and Chinese cultures and its gambling industry, which includes Casino Lisboa, Macau, Sands Macau, The Venetian Macao, and Wynn Macau.
Macau enjoys pleasant weather from October to December and this is the ideal time for you to visit the city. Spring time (March to April) is also a great time to travel to Macau.
</p>
<h3 class="font-effect-3d">Want to know more watch video</h3>
<a href="https://youtu.be/J2qWNPR3P9g">Click Here!</a>
</div>
</section>
</body>
</html>