-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
170 lines (118 loc) · 6.63 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
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
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>SRI LANKA</title>
<link rel="stylesheet" href="styles/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css">
</head>
<body>
<br>
<h1 class="header-main"><center>SRI LANKA</center></h1>
<br>
<p id="header-small"><center>Island Country In South Asia</center></p><br>
<img id="flag" src="images/flags.gif" alt="flag">
<br>
<h1 class="expero">Experience The Vibrant Culture <br>And Breathtaking Landscapes<br> Of Sri Lanka</h1>
<br>
<p id="comu">Join Our Community And Share Your Journey Through The Stunning <br>Vistas Of This Island Paradise</p>
<br><br>
<button id="com">Start Your Journey</button>
<br><br><br><br><br>
<div class="video-container">
<video id="myVideo" controls poster="images/thumbnail.png">
<source src="images/srilanka.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
<div class="play-button" id="playButton">▶</div>
</div>
<div class="gallery-section">
<h1>Gallery of Wonders</h1>
<p>Discover the beauty of Sri Lanka through our curated image collection.</p>
<div class="gallery-container">
<div class="gallery-item">
<img src="images/image1.jpg" alt="City view">
</div>
<div class="gallery-item">
<img src="images/image2.jpg" alt="Street view">
</div>
<div class="gallery-item">
<img src="images/image3.jpg" alt="Beach view">
</div>
</div>
</div>
<div class="why-choose-section">
<h1>Why Choose Us?</h1>
<p>Your Gateway to Adventure</p>
<div class="features-container">
<div class="feature-card">
<div class="icon">🌍</div>
<h2>Authentic Experiences</h2>
<p>Immerse yourself in local traditions and explore hidden gems.</p>
</div>
<div class="feature-card">
<div class="icon">🏞️</div>
<h2>Stunning Landscapes</h2>
<p>Breathtaking views from lush mountains to pristine beaches await you.</p>
</div>
<div class="feature-card">
<div class="icon">🏛️</div>
<h2>Cultural Richness</h2>
<p>Delve into the rich history and vibrant culture of Sri Lanka.</p>
</div>
</div>
</div>
<br><br><br><br>
<div class="testimonial-section">
<div class="quote-container">
<blockquote>
“An unforgettable experience that captured the essence of Sri Lanka!”
</blockquote>
<cite>Jane Doe, Travel Enthusiast</cite>
</div>
<div class="image-container">
<img src="images/beach.jpg" alt="Scenic beach view">
</div>
</div>
<h2>Point of Details</h2> <table> <tr> <th>Category</th> <th>Value</th> <th>Details</th> <th>Additional Information</th> </tr> <tr> <td>Official Name</td> <td>Democratic Socialist Republic of Sri Lanka</td> <td></td> <td></td> </tr> <tr> <td>Capital</td> <td>Sri Jayawardenepura Kotte</td> <td>(administrative), Colombo (commercial)</td> <td></td> </tr> <tr> <td>Area</td> <td>65,610 sq km</td> <td>(25,332 sq miles)</td> <td></td> </tr> <tr> <td>Population</td> <td>Approximately 22 million</td> <td>(2023 estimate)</td> <td></td> </tr> <tr> <td>Languages</td> <td>Sinhalese, Tamil, English</td> <td>(link language)</td> <td></td> </tr> <tr> <td>Currency</td> <td>Sri Lankan Rupee (LKR)</td> <td></td> <td></td> </tr> <tr> <td>Climate</td> <td>Tropical climate, two monsoon seasons (May to September and December to February)</td> <td></td> <td></td> </tr> <tr> <td>Major Religions</td> <td>Buddhism</td> <td>70%</td> <td></td> </tr> <tr> <td></td> <td>Hinduism</td> <td>12.6%</td> <td></td> </tr> <tr> <td></td> <td>Islam</td> <td>9.7%</td> <td></td> </tr> <tr> <td></td> <td>Christianity</td> <td>7.6%</td> <td></td> </tr> <tr> <td>Independence Day</td> <td>February 4, 1948</td> <td></td> <td></td> </tr> <tr> <td>Government Type </td> <td>Unitary presidential constitutional republic</td> <td></td> <td></td> </tr> <tr> <td>Major Industries</td> <td>Textiles, tea, rubber, tourism, agriculture, fisheries, software development</td> <td></td> <td></td> </tr> <tr> <td>UNESCO World Heritage Sites</td> <td>8 sites, including the Ancient City of Sigiriya, Sacred City of Kandy, and Old Town of Galle</td> <td></td> <td></td> </tr> <tr> <td>Natural Resources</td> <td>Gemstones, graphite, mineral sands</td> <td></td> <td>Limestone, clay, hydropower</td> </tr> <tr> <td>Cultural Festivals</td> <td>Vesak, Sinhala and Tamil New Year, Christmas</td> <td></td> <td></td> </tr> </table>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><hr>
<footer>
<div class="footer-container">
<div class="footer-left">
<h2>Sri Lanka Tours</h2>
<p>Address: 123 Island Road, Colombo, Sri Lanka</p>
<p>Phone: 1800 456 7890</p>
<p>Email: <a href="mailto:[email protected]">[email protected]</a></p>
<div class="social-icons">
<a href="#" class="social-icon">FB</a>
<a href="#" class="social-icon">IG</a>
<a href="#" class="social-icon">X</a>
<a href="#" class="social-icon">LI</a>
<a href="#" class="social-icon">YT</a>
</div>
</div>
<div class="footer-right">
<ul>
<li><a href="#">Travel Tips</a></li>
<li><a href="#">Local Cuisine</a></li>
<li><a href="#">Cultural Insights</a></li>
<li><a href="#">Adventure Activities</a></li>
<li><a href="#">Wildlife Encounters</a></li>
<li><a href="#">Historical Sites</a></li>
<li><a href="#">Beach Getaways</a></li>
<li><a href="#">Travel Guides</a></li>
</ul>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© 2024 Sri Lanka Escapes. All rights reserved.</p>
<div class="footer-links">
<a href="#">Privacy Policy</a> | <a href="#">Terms of Service</a>
</div>
</div>
</footer>
<script src="script.js"></script>
</body>
</html>