-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathscubadiving.html
80 lines (73 loc) · 2.86 KB
/
scubadiving.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
<!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>ScubaDiving in India</title>
<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">
<link rel="stylesheet" href="../style/scuba.css">
<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="scubadetail">
<h1>About</h1>
<p class="des-act">India is a great destination for scuba diving enthusiasts with multiple diving spots throughout the country.</p>
<span id="moretext">
Some of the best scuba diving spots in India include Netrani Island in Karnataka, Andaman and Nicobar Islands, Lakshadweep, Goa, and Pondicherry. Netrani Island in Karnataka is known for its beautiful reefs, while Andaman and Nicobar Islands offer stunning coral reefs and crystal clear waters. Lakshadweep is also a popular destination for scuba diving, with its blue transparent lagoons, coves with manta rays, turtles, and vibrant fish.
</span>
<!-- -->
<a id="morelessbutton" href="#">Read more</a>
</div>
<section id="scubapage">
<div id="scuba-sortby">
<ul id="scuba-filterDestinations">
<h3 class="sortbyDest">Sort by Destinations</h3>
</ul>
</ul>
<h1 id="scuba-sortbydestination"></h1>
</div>
<div id="scuba-data">
<!-- main card -->
<!-- single card -->
<!-- <div class="treck-activity">
<div class="treck-child-image">
<div><img src="" alt=""></div>
<div> -->
<!-- <ul class="treck-list">
<li>Rating <span>:</span></li>
<li>Destination<span>:</span> </li>
<li>Location<span>:</span> </li>
<li>Duration<span>:</span> </li>
<li>Price<span>:</span> </li>
</ul> -->
<!-- <table>
<tr><td>Rating :</td><td></td></tr>
<tr><td>Destination :</td><td></td></tr>
<tr><td>Location :</td><td></td></tr>
<tr><td>Duration :</td><td></td></tr>
<tr><td>Price :</td><td></td></tr>
</table>
</div>
</div>
<div class="child-description">
<h3>Description :</h3>
<p> </p>
</div>
</div> -->
</div>
</section>
<div id="scuba-buttons"></div>
<footer id="footer"></footer>
</body>
<script src="../script/scuba.js"></script>
</html>