-
Notifications
You must be signed in to change notification settings - Fork 8
/
blogs.html
301 lines (187 loc) · 11.1 KB
/
blogs.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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-S79Y2FRX1H"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-S79Y2FRX1H');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Meta Tags Start ------------------------------------------------------>
<meta http-equiv='content-language' content='en-US'>
<meta name="title" content="Blog - Visit Sri Lanka">
<meta name="description" content="Sri Lanka is an island nation located in the Indian Ocean, just off the southeastern coast of India.">
<meta name="keywords" content="">
<!-- Open Graph -->
<meta property="og:type" content="website">
<meta property="og:url" content="https://visitsrilanka.live/blogs.html">
<meta property="og:title" content="Blog - Visit Sri Lanka">
<meta property="og:description" content="Sri Lanka is an island nation located in the Indian Ocean, just off the southeastern coast of India.">
<meta property="og:image" content="/images/preview.webp">
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image">
<meta property="twitter:url" content="https://visitsrilanka.live/blogs.html">
<meta property="twitter:title" content="Blog - Visit Sri Lanka">
<meta property="twitter:description" content="Sri Lanka is an island nation located in the Indian Ocean, just off the southeastern coast of India.">
<meta property="twitter:image" content="/images/preview.webp">
<!-------------------------------------------------------- Meta Tags End -->
<title>Blog</title>
<!-- tab logo -->
<link rel="icon" type="image/x-icon" href="/images/tablogo.png">
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- blog font link -->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css'>
<!-- bootstrap cdn link -->
<link rel='stylesheet' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.5.0/css/bootstrap.min.css'>
<!-- custom css file link -->
<link rel="stylesheet" href="css/blog.css">
</head>
<body>
<div id="top"></div>
<!-- header section starts -->
<header class="header">
<a href="#" class="logo"> <i class="fas fa-hiking"></i> travel. </a>
<nav class="navbar">
<div id="nav-close" class="fas fa-times"></div>
<a href="index.html">home</a>
<a href="adventure.html">Adventure</a>
<a href="map.html">map</a>
<a href="blogs.html">blogs</a>
<a href="events.html">Events</a>
<a href="products.html">Products</a>
<a href="about.html">about us</a>
</nav>
<div class="icons">
<div id="menu-btn" class="fas fa-bars"></div>
<!-- <a href="#" class="fas fa-shopping-cart"></a> -->
<div id="search-btn" class="fas fa-search"></div>
</div>
</header>
<!-- header section ends -->
<!-- search form start -->
<div class="search-form">
<div id="close-search" class="fas fa-times"></div>
<form action="">
<input type="search" name="" placeholder="search here..." id="search-box">
<label for="search-box" class="fas fa-search"></label>
</form>
</div>
<!-- search form ends-->
<!-- ---------------------------banner -->
<div class="banner-area"></div>
<!-- ------------------blog html start--------------------------------------------- -->
<section class="light">
<div class="container py-2">
<div class="h1 text-center text-dark pb-4 " id="pageHeaderTitle">Welcome To Our Blog</div>
<article class="postcard light blue" id="lotus">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/lotustower.jpg" alt="Image Title" />
</a>
<div class="postcard__text t-dark" style="padding-right: 40px;">
<h1 class="postcard__title blue"><a href="#">Lotus Tower</a></h1>
<div class="postcard__subtitle small">
<time datetime="2022-12-25 12:00:00">
<i class="fas fa-calendar-alt mr-2"></i>Sun, December 25th 2022
</time>
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt">Lotus Tower also referred to as Colombo Lotus Tower, is a 350 m (1,150 ft) tall tower, located in Colombo, Sri Lanka.It has been called a symbolic landmark of Sri Lanka.As of 2019, the tower is the tallest self-supported structure in South Asia; the second tallest structure in South Asia after the guy-wire-supported INS Kattabomman in India; the 11th tallest tower in Asia and the 19th tallest tower in the world.The lotus-shaped tower is used for communication, observation and other leisure facilities.</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fa fa-compass" aria-hidden="true"></i> Direction</li>
<!-- <li class="tag__item"><i class="fas fa-clock mr-2"></i>55 mins.</li>
<li class="tag__item play blue">
<a href="#"><i class="fas fa-play mr-2"></i>Play Episode</a> -->
</li>
</ul>
</div>
</article>
<article class="postcard light red" id="museum">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/musium.jpg" alt="Image Title" />
</a>
<div class="postcard__text t-dark" style="padding-left: 45px;">
<h1 class="postcard__title red"><a href="#">Colombo National Museum</a></h1>
<div class="postcard__subtitle small">
<time datetime="2020-05-25 12:00:00">
<i class="fas fa-calendar-alt mr-2"></i>Sun, May 25th 2022
</time>
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt">The Colombo Museum as it was called at the beginning was established on 1st January 1877. It founder was Sir William Henry Gregory, the British Governor of Ceylon (Sri Lanka) at the time. <br>
The Royal Asiatic Society (CB) was instrumental in bringing to the notice of Gregory on his appointment as Governor in 1872 the need for a public museum with much difficulty the approval of the legislative council was obtained within a year. The Architect of the Public Works Department, J.G. Smither was able to prepare the plans for new structure on Italian architectural style. The construction was completed in 1876 and the Museum commenced it functions in the following year. <br>
<br>
The Authorities of the museum took various steps to display the cultural and natural heritage of the country for this purpose.
</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fa fa-compass" aria-hidden="true"></i> Direction</li>
<!-- <li class="tag__item"><i class="fas fa-clock mr-2"></i>55 mins.</li>
<li class="tag__item play red">
<a href="#"><i class="fas fa-play mr-2"></i>Play Episode</a>
</li> -->
</ul>
</div>
</article>
<article class="postcard light green" id="gangarama">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/gangarama.jpg" alt="Image Title" />
</a>
<div class="postcard__text t-dark" style="padding-right: 40px;">
<h1 class="postcard__title green"><a href="#">Gangaramaya Temple</a></h1>
<div class="postcard__subtitle small">
<time datetime="2020-05-25 12:00:00">
<i class="fas fa-calendar-alt mr-2"></i>Sun, December 25th 2022
</time>
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt">Gangaramaya Temple is one of the most well-known Buddhist temples in Colombo. It's exceptionally beautiful with the Beira Lake on one side and statues & carvings paving the way inside. The main sanctuary has a huge Buddha statue. <br>
The temple's architecture demonstrates an eclectic mix of Sri Lankan, Thai, Indian, and Chinese architecture.
This Buddhist temple includes several imposing buildings and is situated not far from the placid waters of Beira Lake on a plot of land that was originally a small hermitage on a piece of marshy land. It has the main features of a Vihara (temple), the Cetiya (Pagada) the Bodhitree, the Vihara Mandiraya, the Seema malaka (assembly hall for monks) and the Relic Chamber. In addition, a museum, a library, a residential hall, a three storeyed Pirivena, educational halls and an alms hall are also on the premises.
Most notable for tourists is the architecture of Seema Malaka, which was built with donations from a Muslim sponsor to the design of Geoffrey Bawa.</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fa fa-compass" aria-hidden="true"></i> Direction</li>
<!-- <li class="tag__item"><i class="fas fa-clock mr-2"></i>55 mins.</li>
<li class="tag__item play green">
<a href="#"><i class="fas fa-play mr-2"></i>Play Episode</a>
</li> -->
</ul>
</div>
</article>
<article class="postcard light yellow" id="square">
<a class="postcard__img_link" href="#">
<img class="postcard__img" src="images/independance.webp" alt="Image Title" />
</a>
<div class="postcard__text t-dark" style="padding-left: 50px;">
<h1 class="postcard__title yellow"><a href="#">Independence Square</a></h1>
<div class="postcard__subtitle small">
<time datetime="2020-05-25 12:00:00">
<i class="fas fa-calendar-alt mr-2"></i>Sun, December 25th 2022
</time>
</div>
<div class="postcard__bar"></div>
<div class="postcard__preview-txt">Independence Memorial Hall (also known as Independence Commemoration Hall) is a national monument in Sri Lanka built for commemoration of the independence of Sri Lanka from the British rule with the restoration of full governing responsibility[2] to a Ceylonese-elected legislature on 4 February 1948. It is located in Independence Square (formerly Torrington Square) in the Cinnamon Gardens, Colombo. It also houses the Independence Memorial Museum. <br>
The monument was built at the location where the formal ceremony marking the start of self-rule, with the opening of the first parliament by Prince Henry, Duke of Gloucester occurred at a special podium on 4 February 1948. <br>
Located at the head of the monument is the statue of the first prime minister of the country Rt. Hon. Don Stephen Senanayake "The Father of the Nation". Most of the annual National Independence Day celebrations have been held here.</div>
<ul class="postcard__tagbox">
<li class="tag__item"><i class="fa fa-compass" aria-hidden="true"></i> Direction</li>
<!-- <li class="tag__item"><i class="fas fa-clock mr-2"></i>55 mins.</li>
<li class="tag__item play yellow">
<a href="#"><i class="fas fa-play mr-2"></i>Play Episode</a>
</li> -->
</ul>
</div>
</article>
</div>
</section>
<a href="#top" class="to-top">
<i class="fas fa-chevron-up"></i>
</a>
<!-- custom js file link -->
<script src="js/allscript.js"></script>
</body>
</html>