-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathtrecking.html
64 lines (56 loc) · 2.56 KB
/
trecking.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
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="apple-touch-icon" sizes="180x180" href="./IMAGES/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./IMAGES/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./IMAGES/favicon-16x16.png">
<link rel="manifest" href="./IMAGES/site.webmanifest">
<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>Amazing trecking India</title>
<link rel="stylesheet" href="../style/trecking.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap" rel="stylesheet">
<script src="https://code.jquery.com/jquery-3.6.4.min.js" integrity="sha256-oP6HI9z1XaZNBrJURtCoUT5SUnxFr8s3BzRl+cbzUq8=" crossorigin="anonymous"></script>
<script>
$(function(){
$("#header").load("../user_header.html");
$("#footer").load("../user_footer.html");
});
</script>
</head>
<body>
<header id="header"></header>
<div id="treckdetail">
<h1>About</h1>
<p class="des-act"> India offers an incredible diversity of trekking experiences, with many regions and routes to choose from. Some of the best trekking experiences can be found in the Ladakh region, situated in the Jammu and Kashmir region of India. </p>
<span id="moretext">
Other popular trekking destinations include the towering Himalayan peaks, vast expanses of grassland, and the steamy hills of the Western Ghats. If you're interested in trekking in India, you might consider checking out Indiahikes, which is the country's largest and safest trekking organization.
</span>
<a id="morelessbutton" href="#">Read more</a>
</div>
<section id="treckingpage">
<div id="treck-sortby">
<h3 class="sortbyDest">Sort by Destinations</h3>
<ul id="treck-filterDestinations">
</ul>
</ul>
<h1 id="treck-sortbydestination"></h1>
</div>
<div id="treck-data">
<div class="container">
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
<span class="dot"></span>
</div>
<!-- Data will be Appended here -->
</div>
</section>
<div id="treck-buttons"></div>
<footer id="footer"></footer>
</body>
<script src="../script/trecking.js"></script>
</html>