-
Notifications
You must be signed in to change notification settings - Fork 0
/
404.html
executable file
·156 lines (147 loc) · 6.78 KB
/
404.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=s, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i" rel="stylesheet">
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/all.js"></script>
<title>Namaste India</title>
<!-- Dropdown menu Source: w3schools.com -->
<script>
/* When the user clicks on the button,
toggle between hiding and showing the dropdown content */
function myFunction() {
document.getElementById("myDropdown").classList.toggle("show");
}
function filterFunction() {
var input, filter, ul, li, a, i;
input = document.getElementById("myInput");
filter = input.value.toUpperCase();
div = document.getElementById("myDropdown");
a = div.getElementsByTagName("a");
for (i = 0; i < a.length; i++) {
if (a[i].innerHTML.toUpperCase().indexOf(filter) > -1) {
a[i].style.display = "";
} else {
a[i].style.display = "none";
}
}
}
</script>
</head>
<body class="cf">
<!-- ***********************HEADER**************************-->
<header class="cf">
<nav class="cf">
<ul class="cf">
<li class="menu_icon"><div class="dropdown"><button onclick="myFunction()" class="dropbutton"><i class="fas fa-bars"></i></button>
<div id="myDropdown" class="dropdown-content">
<a href="index.html">Home</a>
<a href="story.html">Travel</a>
<a href="#">Heritage</a>
<a href="#">Food</a>
<a href="404.html">Culture</a>
<a href="contact.html">Contact</a>
</div></div></li>
<li class="logomenu"><a href="#"><img class="logo" src="images/logo2small.png" alt="logo image"></a></li>
<li class="menu"><a href="index.html">HOME</a></li>
<li class="menu"><a href="story.html">TRAVEL</a></li>
<li class="menu"><a href="#">HERITAGE</a></li>
<li class="menu"><a href="#">FOOD</a></li>
<li class="menu"><a href="#">CULTURE</a></li>
<li class="menu"><a href="contact.html">CONTACT</a></li>
<li class="menu"><form id="searching">
<input type="search">
</form>
</li>
<li class="search_icon"><a href=""><i class="fas fa-search"></i></a></li>
</ul>
</nav>
</header>
<div class="bg-contact-image cf">
<div class="highlight headline">
<h1>Oops!!!</h1>
<div>
<i>The magazine guru could not find the content you were looking for... </i>
<div class="small">Once upon a time, by <span class="yellow">NAMASTE INDIA</span></div>
</div>
<button onclick="location.href = 'index.html';" class="read" type="submit" name="Home" value="Home">BACK TO HOME</button>
</div>
</div>
<!-- *******************************section********************************-->
<div class=" wrapper cf">
<div class="col12 section floatleft cf">
<h2><span>Quick Links</span></h2>
<div class=" marginbottom col12 padding cf">
<div class="col6 section full floatleft cf">
<div class="col6 half padding floatleft"><img src="images/sand.jpg" alt="desert image" >
<div class="smallheading">Thar Desert, Rajasthan</div>
<div class="date">10<span class="super">th</span> March 2018, <i>Jaisalmer</i></div>
<div class="padding eqtext">
<p>Jaipur is a standout amongst the most socially rich legacy urban areas in India. Established in the year 1727, the city is named after Maharaja Jai Singh II who was the primary organizer of this city.
</p></div>
</div>
<div class="col6 half padding floatleft"><img src="images/scooter.jpg" alt="scooter image" >
<!-- <div class="black"></div> -->
<div class="smallheading">Adventures of the Scooty, Goa</div>
<div class="date">14<span class="super">th</span> March 2018, <i>Panji</i></div>
<div class="eqtext">
<p>The list of the best places to visit during your trip to Goa on the rented scooters available for the tourists. The guide to enhance yor trip to famous beaches and the local parties.
</p></div>
</div>
</div>
<div class="col6 section full floatleft cf">
<div class="col6 half padding floatleft"><img src="images/forest.jpg" alt="forest image" >
<!-- <div class="black"></div> -->
<div class="smallheading">Beauty of Himachal's Diversity</div>
<div class="date">26<span class="super">th</span> March 2018, <i>Manali</i></div>
<div class="eqtext">
<p>Himachal Pradesh is one of the states that lies in the Indian Himalayan Region, one of the richest reservoirs of biological diversity in the world. Famous for it's simplicity...
</p></div>
</div>
<div class="col6 half padding floatleft"><img src="images/boat2.jpg" alt="boat image" >
<!-- <div class="black"></div> -->
<div class="smallheading">The Legends of Ladakh</div>
<div class="date">17<span class="super">th</span> March 2018, <i>Jammu & Kashmir</i></div>
<div class="eqtext">
<p>Ladakh ("land of high passes") is a region in the Indian state of Jammu and Kashmir that currently extends from the Kunlun mountain range to the main Great Himalayas...
</p></div>
</div>
</div>
</div>
</div>
</div>
<!-- **********************FOOTER*************************** -->
<footer class="cf section2 floatleft">
<div class="wrapper">
<ul class="menunav padding2 cf">
<li><a href="index.html">HOME</a></li>
<li><a href="story.html">TRAVEL</a></li>
<li><a href="#">HERITAGE</a></li>
<li><a href="#">FOOD</a></li>
<li><a href="#">CULTURE</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
<div class="follow padding cf">
Follow Us
<div>
<span class="icons"><i class="fab fa-facebook-square"></i></span>
<span class="icons"><i class="fab fa-twitter"></i></span>
<span class="icons"><i class="fab fa-instagram"></i></span>
</div>
</div>
<div class="mailus padding cf">
<div class="mailtext">Mail Us Your Stories</div>
<div>7159 Kinght St</div>
<div>Vancouver, BC</div>
<div>Postal Code: V5P2W9</div>
</div>
<div class="copyright padding cf">
© ALL RIGHTS RESERVED, NAMASTE INDIA INC
</div>
</div>
</footer>
</body>
</html>