blog-details.html 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455
  1. <!DOCTYPE html>
  2. <html lang="zxx">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="description" content="Sona Template">
  6. <meta name="keywords" content="Sona, unica, creative, html">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  9. <title>Sona | Template</title>
  10. <!-- Google Font -->
  11. <link href="https://fonts.googleapis.com/css?family=Lora:400,700&display=swap" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Cabin:400,500,600,700&display=swap" rel="stylesheet">
  13. <!-- Css Styles -->
  14. <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
  15. <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
  16. <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
  17. <link rel="stylesheet" href="css/flaticon.css" type="text/css">
  18. <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
  19. <link rel="stylesheet" href="css/nice-select.css" type="text/css">
  20. <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
  21. <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
  22. <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
  23. <link rel="stylesheet" href="css/style.css" type="text/css">
  24. </head>
  25. <body>
  26. <!-- Page Preloder -->
  27. <div id="preloder">
  28. <div class="loader"></div>
  29. </div>
  30. <!-- Offcanvas Menu Section Begin -->
  31. <div class="offcanvas-menu-overlay"></div>
  32. <div class="canvas-open">
  33. <i class="icon_menu"></i>
  34. </div>
  35. <div class="offcanvas-menu-wrapper">
  36. <div class="canvas-close">
  37. <i class="icon_close"></i>
  38. </div>
  39. <div class="search-icon search-switch">
  40. <i class="icon_search"></i>
  41. </div>
  42. <div class="header-configure-area">
  43. <div class="language-option">
  44. <img src="img/flag.jpg" alt="">
  45. <span>EN <i class="fa fa-angle-down"></i></span>
  46. <div class="flag-dropdown">
  47. <ul>
  48. <li><a href="#">Zi</a></li>
  49. <li><a href="#">Fr</a></li>
  50. </ul>
  51. </div>
  52. </div>
  53. <a href="#" class="bk-btn">Booking Now</a>
  54. </div>
  55. <nav class="mainmenu mobile-menu">
  56. <ul>
  57. <li class="active"><a href="./index.html">Home</a></li>
  58. <li><a href="./rooms.html">Rooms</a></li>
  59. <li><a href="./about-us.html">About Us</a></li>
  60. <li><a href="./pages.html">Pages</a>
  61. <ul class="dropdown">
  62. <li><a href="./room-details.html">Room Details</a></li>
  63. <li><a href="./blog-details.html">Blog Details</a></li>
  64. <li><a href="#">Family Room</a></li>
  65. <li><a href="#">Premium Room</a></li>
  66. </ul>
  67. </li>
  68. <li><a href="./blog.html">News</a></li>
  69. <li><a href="./contact.html">Contact</a></li>
  70. </ul>
  71. </nav>
  72. <div id="mobile-menu-wrap"></div>
  73. <div class="top-social">
  74. <a href="#"><i class="fa fa-facebook"></i></a>
  75. <a href="#"><i class="fa fa-twitter"></i></a>
  76. <a href="#"><i class="fa fa-tripadvisor"></i></a>
  77. <a href="#"><i class="fa fa-instagram"></i></a>
  78. </div>
  79. <ul class="top-widget">
  80. <li><i class="fa fa-phone"></i> (12) 345 67890</li>
  81. <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
  82. </ul>
  83. </div>
  84. <!-- Offcanvas Menu Section End -->
  85. <!-- Header Section Begin -->
  86. <header class="header-section">
  87. <div class="top-nav">
  88. <div class="container">
  89. <div class="row">
  90. <div class="col-lg-6">
  91. <ul class="tn-left">
  92. <li><i class="fa fa-phone"></i> (12) 345 67890</li>
  93. <li><i class="fa fa-envelope"></i> info.colorlib@gmail.com</li>
  94. </ul>
  95. </div>
  96. <div class="col-lg-6">
  97. <div class="tn-right">
  98. <div class="top-social">
  99. <a href="#"><i class="fa fa-facebook"></i></a>
  100. <a href="#"><i class="fa fa-twitter"></i></a>
  101. <a href="#"><i class="fa fa-tripadvisor"></i></a>
  102. <a href="#"><i class="fa fa-instagram"></i></a>
  103. </div>
  104. <a href="#" class="bk-btn">Booking Now</a>
  105. <div class="language-option">
  106. <img src="img/flag.jpg" alt="">
  107. <span>EN <i class="fa fa-angle-down"></i></span>
  108. <div class="flag-dropdown">
  109. <ul>
  110. <li><a href="#">Zi</a></li>
  111. <li><a href="#">Fr</a></li>
  112. </ul>
  113. </div>
  114. </div>
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. <div class="menu-item">
  121. <div class="container">
  122. <div class="row">
  123. <div class="col-lg-2">
  124. <div class="logo">
  125. <a href="./index.html">
  126. <img src="img/logo.png" alt="">
  127. </a>
  128. </div>
  129. </div>
  130. <div class="col-lg-10">
  131. <div class="nav-menu">
  132. <nav class="mainmenu">
  133. <ul>
  134. <li><a href="./index.html">Home</a></li>
  135. <li><a href="./rooms.html">Rooms</a></li>
  136. <li><a href="./about-us.html">About Us</a></li>
  137. <li><a href="./pages.html">Pages</a>
  138. <ul class="dropdown">
  139. <li><a href="./room-details.html">Room Details</a></li>
  140. <li><a href="./blog-details.html">Blog Details</a></li>
  141. <li><a href="#">Family Room</a></li>
  142. <li><a href="#">Premium Room</a></li>
  143. </ul>
  144. </li>
  145. <li class="active"><a href="./blog.html">News</a></li>
  146. <li><a href="./contact.html">Contact</a></li>
  147. </ul>
  148. </nav>
  149. <div class="nav-right search-switch">
  150. <i class="icon_search"></i>
  151. </div>
  152. </div>
  153. </div>
  154. </div>
  155. </div>
  156. </div>
  157. </header>
  158. <!-- Header End -->
  159. <!-- Blog Details Hero Section Begin -->
  160. <section class="blog-details-hero set-bg" data-setbg="img/blog/blog-details/blog-details-hero.jpg">
  161. <div class="container">
  162. <div class="row">
  163. <div class="col-lg-10 offset-lg-1">
  164. <div class="bd-hero-text">
  165. <span>Travel Trip & Camping</span>
  166. <h2>Cdc Issues Health Alert Notice For Travelers To Usa From Hon</h2>
  167. <ul>
  168. <li class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</li>
  169. <li><i class="icon_profile"></i> Kerry Jones</li>
  170. </ul>
  171. </div>
  172. </div>
  173. </div>
  174. </div>
  175. </section>
  176. <!-- Blog Details Hero End -->
  177. <!-- Blog Details Section Begin -->
  178. <section class="blog-details-section">
  179. <div class="container">
  180. <div class="row">
  181. <div class="col-lg-10 offset-lg-1">
  182. <div class="blog-details-text">
  183. <div class="bd-title">
  184. <p>Thinking about overseas adventure travel? Have you put any thought into the best places
  185. to go when it comes to overseas adventure travel? Nepal is one of the most popular
  186. places of all, when you visit this magical country you will have the best adventures
  187. right there at your doorstep. Only overseas adventure travel in Nepal will give you
  188. these kinds of opportunities so if this is not on your list of possible places to visit
  189. yet then now is the time to put it on there!</p>
  190. <p>In Nepal your overseas adventure travel is going to be fascinating. You will get to see
  191. the Himalayan Mountains and experience all that the rich Nepalese culture has to offer.
  192. They are an amazing people who have managed to hang on to their own culture and beliefs
  193. longer than most other countries. When overseas adventure travel takes you to Nepal you
  194. will have the chance to see all of the fantastic and one of a kind lakes and forests and
  195. you can even spend days or weeks camping out in their forests with a specialized guide.
  196. And the waterfalls in Nepal are to die for, you will never see anything more gorgeous in
  197. your life as their waterfalls! This should be at the top of your overseas adventure
  198. travel destination list for sure!</p>
  199. </div>
  200. <div class="bd-pic">
  201. <div class="bp-item">
  202. <img src="img/blog/blog-details/blog-details-1.jpg" alt="">
  203. </div>
  204. <div class="bp-item">
  205. <img src="img/blog/blog-details/blog-details-2.jpg" alt="">
  206. </div>
  207. <div class="bp-item">
  208. <img src="img/blog/blog-details/blog-details-3.jpg" alt="">
  209. </div>
  210. </div>
  211. <div class="bd-more-text">
  212. <div class="bm-item">
  213. <h4>If you live in New York City</h4>
  214. <p>You know all about the traffic there. Getting places is often next to impossible,
  215. even with the gazillion yellow cabs. If you’re like me you often look with envy at
  216. those shiny limousines with their unformed drivers and wish you could sit in one.
  217. Well, you can. New York limo service is more affordable than you think, whether it’s
  218. for Newark airport transportation, LaGuardia airport transportation, or to drive
  219. wherever you wish to go.</p>
  220. </div>
  221. <div class="bm-item">
  222. <h4>Every time I hail a cab in New York City</h4>
  223. <p>I hope I’ll be lucky enough to get one that’s halfway decent and that the driver
  224. actually speaks English. I have spent many anxious moments wondering if I ever get
  225. to my destination. Or whether I’d get ripped off. Even if all goes well, I can’t say
  226. I can remember many rides in New York cabs that were very pleasant. And given how
  227. much they cost by now, going with a limo makes ever more sense.</p>
  228. </div>
  229. </div>
  230. <div class="tag-share">
  231. <div class="tags">
  232. <a href="#">Travel Trip</a>
  233. <a href="#">Camping</a>
  234. <a href="#">Event</a>
  235. </div>
  236. <div class="social-share">
  237. <span>Share:</span>
  238. <a href="#"><i class="fa fa-facebook"></i></a>
  239. <a href="#"><i class="fa fa-twitter"></i></a>
  240. <a href="#"><i class="fa fa-tripadvisor"></i></a>
  241. <a href="#"><i class="fa fa-instagram"></i></a>
  242. <a href="#"><i class="fa fa-youtube-play"></i></a>
  243. </div>
  244. </div>
  245. <div class="comment-option">
  246. <h4>2 Comments</h4>
  247. <div class="single-comment-item first-comment">
  248. <div class="sc-author">
  249. <img src="img/blog/blog-details/avatar/avatar-1.jpg" alt="">
  250. </div>
  251. <div class="sc-text">
  252. <span>27 Aug 2019</span>
  253. <h5>Brandon Kelley</h5>
  254. <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
  255. adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et
  256. dolore magnam.</p>
  257. <a href="#" class="comment-btn">Like</a>
  258. <a href="#" class="comment-btn">Reply</a>
  259. </div>
  260. </div>
  261. <div class="single-comment-item reply-comment">
  262. <div class="sc-author">
  263. <img src="img/blog/blog-details/avatar/avatar-2.jpg" alt="">
  264. </div>
  265. <div class="sc-text">
  266. <span>27 Aug 2019</span>
  267. <h5>Brandon Kelley</h5>
  268. <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
  269. adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et
  270. dolore magnam.</p>
  271. <a href="#" class="comment-btn like-btn">Like</a>
  272. <a href="#" class="comment-btn reply-btn">Reply</a>
  273. </div>
  274. </div>
  275. <div class="single-comment-item second-comment ">
  276. <div class="sc-author">
  277. <img src="img/blog/blog-details/avatar/avatar-3.jpg" alt="">
  278. </div>
  279. <div class="sc-text">
  280. <span>27 Aug 2019</span>
  281. <h5>Brandon Kelley</h5>
  282. <p>Neque porro qui squam est, qui dolorem ipsum quia dolor sit amet, consectetur,
  283. adipisci velit, sed quia non numquam eius modi tempora. incidunt ut labore et
  284. dolore magnam.</p>
  285. <a href="#" class="comment-btn">Like</a>
  286. <a href="#" class="comment-btn">Reply</a>
  287. </div>
  288. </div>
  289. </div>
  290. <div class="leave-comment">
  291. <h4>Leave A Comment</h4>
  292. <form action="#" class="comment-form">
  293. <div class="row">
  294. <div class="col-lg-6">
  295. <input type="text" placeholder="Name">
  296. </div>
  297. <div class="col-lg-6">
  298. <input type="text" placeholder="Email">
  299. </div>
  300. <div class="col-lg-12 text-center">
  301. <input type="text" placeholder="Website">
  302. <textarea placeholder="Messages"></textarea>
  303. <button type="submit" class="site-btn">Send Message</button>
  304. </div>
  305. </div>
  306. </form>
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </section>
  313. <!-- Blog Details Section End -->
  314. <!-- Recommend Blog Section Begin -->
  315. <section class="recommend-blog-section spad">
  316. <div class="container">
  317. <div class="row">
  318. <div class="col-lg-12">
  319. <div class="section-title">
  320. <h2>Recommended</h2>
  321. </div>
  322. </div>
  323. </div>
  324. <div class="row">
  325. <div class="col-md-4">
  326. <div class="blog-item set-bg" data-setbg="img/blog/blog-1.jpg">
  327. <div class="bi-text">
  328. <span class="b-tag">Travel Trip</span>
  329. <h4><a href="#">Tremblant In Canada</a></h4>
  330. <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
  331. </div>
  332. </div>
  333. </div>
  334. <div class="col-md-4">
  335. <div class="blog-item set-bg" data-setbg="img/blog/blog-2.jpg">
  336. <div class="bi-text">
  337. <span class="b-tag">Camping</span>
  338. <h4><a href="#">Choosing A Static Caravan</a></h4>
  339. <div class="b-time"><i class="icon_clock_alt"></i> 15th April, 2019</div>
  340. </div>
  341. </div>
  342. </div>
  343. <div class="col-md-4">
  344. <div class="blog-item set-bg" data-setbg="img/blog/blog-3.jpg">
  345. <div class="bi-text">
  346. <span class="b-tag">Event</span>
  347. <h4><a href="#">Copper Canyon</a></h4>
  348. <div class="b-time"><i class="icon_clock_alt"></i> 21th April, 2019</div>
  349. </div>
  350. </div>
  351. </div>
  352. </div>
  353. </div>
  354. </section>
  355. <!-- Recommend Blog Section End -->
  356. <!-- Footer Section Begin -->
  357. <footer class="footer-section">
  358. <div class="container">
  359. <div class="footer-text">
  360. <div class="row">
  361. <div class="col-lg-4">
  362. <div class="ft-about">
  363. <div class="logo">
  364. <a href="#">
  365. <img src="img/footer-logo.png" alt="">
  366. </a>
  367. </div>
  368. <p>We inspire and reach millions of travelers<br /> across 90 local websites</p>
  369. <div class="fa-social">
  370. <a href="#"><i class="fa fa-facebook"></i></a>
  371. <a href="#"><i class="fa fa-twitter"></i></a>
  372. <a href="#"><i class="fa fa-tripadvisor"></i></a>
  373. <a href="#"><i class="fa fa-instagram"></i></a>
  374. <a href="#"><i class="fa fa-youtube-play"></i></a>
  375. </div>
  376. </div>
  377. </div>
  378. <div class="col-lg-3 offset-lg-1">
  379. <div class="ft-contact">
  380. <h6>Contact Us</h6>
  381. <ul>
  382. <li>(12) 345 67890</li>
  383. <li>info.colorlib@gmail.com</li>
  384. <li>856 Cordia Extension Apt. 356, Lake, United State</li>
  385. </ul>
  386. </div>
  387. </div>
  388. <div class="col-lg-3 offset-lg-1">
  389. <div class="ft-newslatter">
  390. <h6>New latest</h6>
  391. <p>Get the latest updates and offers.</p>
  392. <form action="#" class="fn-form">
  393. <input type="text" placeholder="Email">
  394. <button type="submit"><i class="fa fa-send"></i></button>
  395. </form>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. </div>
  401. <div class="copyright-option">
  402. <div class="container">
  403. <div class="row">
  404. <div class="col-lg-7">
  405. <ul>
  406. <li><a href="#">Contact</a></li>
  407. <li><a href="#">Terms of use</a></li>
  408. <li><a href="#">Privacy</a></li>
  409. <li><a href="#">Environmental Policy</a></li>
  410. </ul>
  411. </div>
  412. <div class="col-lg-5">
  413. <div class="co-text"><p><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
  414. Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a>
  415. <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p></div>
  416. </div>
  417. </div>
  418. </div>
  419. </div>
  420. </footer>
  421. <!-- Footer Section End -->
  422. <!-- Search model Begin -->
  423. <div class="search-model">
  424. <div class="h-100 d-flex align-items-center justify-content-center">
  425. <div class="search-close-switch"><i class="icon_close"></i></div>
  426. <form class="search-model-form">
  427. <input type="text" id="search-input" placeholder="Search here.....">
  428. </form>
  429. </div>
  430. </div>
  431. <!-- Search model end -->
  432. <!-- Js Plugins -->
  433. <script src="js/jquery-3.3.1.min.js"></script>
  434. <script src="js/bootstrap.min.js"></script>
  435. <script src="js/jquery.magnific-popup.min.js"></script>
  436. <script src="js/jquery.nice-select.min.js"></script>
  437. <script src="js/jquery-ui.min.js"></script>
  438. <script src="js/jquery.slicknav.js"></script>
  439. <script src="js/owl.carousel.min.js"></script>
  440. <script src="js/main.js"></script>
  441. </body>
  442. </html>