View file File name : blog-single-vimeo.html Content :<!DOCTYPE html> <html lang="en-US"> <!-- Mirrored from preview.locotheme.com/grandium-html/blog-single-vimeo.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 02 May 2019 05:54:53 GMT --> <head> <!-- Basic Page Head --> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Grandium - Responsive Hotel Template</title> <meta name="description" content="Responsive Hotel Template"> <meta name="author" content="Loco Theme - locotheme.com"> <meta name="keywords" content="hotel, hostel, motel, guesthouse, booking, accommodation, inn, spa, resort, travel, holiday, tourism, vacation, bootstrap, responsive"> <!-- Mobile Meta --> <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Favicons --> <link rel="shortcut icon" type="image/x-icon" href="assets/img/favicon.png"> <link rel="apple-touch-icon" href="assets/img/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="76x76" href="assets/img/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="120x120" href="assets/img/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="152x152" href="assets/img/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="167x167" href="assets/img/apple-touch-icon-167x167.png"> <link rel="apple-touch-icon" sizes="180x180" href="assets/img/apple-touch-icon-180x180.png"> <!-- Css --> <link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/font.awesome.min.css"> <link rel="stylesheet" type="text/css" href="assets/css/magnific.popup.css"> <link rel="stylesheet" type="text/css" href="assets/css/owl.carousel.css"> <link rel="stylesheet" type="text/css" href="assets/css/owl.theme.default.css"> <link rel="stylesheet" type="text/css" href="assets/css/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="assets/css/style.css"> <link rel="stylesheet" type="text/css" href="assets/css/responsive.css"> <!-- Google Fonts --> <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400italic,700,700italic,900,900italic&subset=latin,latin-ext" rel="stylesheet" type="text/css"> <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,900&subset=latin,latin-ext" rel="stylesheet" type="text/css"> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','../../www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-66631247-10', 'auto'); ga('send', 'pageview'); </script> </head> <body> <!-- Site Loading --> <div class="site-loading"> <img src="assets/img/loading.gif" alt="Loading"> </div> <!-- Site Loading End --> <!-- Site Back Top --> <div class="site-backtop" title="Back to top"> <i class="fa fa-angle-up"></i> </div> <!-- Site Back Top End --> <!-- Site Header --> <div class="site-header"> <!-- Header Top --> <div class="header-top"> <div class="wrapper"> <div class="header-contact"> <ul> <li>+1-800-123-45-67</li> <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> <div class="header-lang"> <ul> <li class="active"><a href="#">EN</a></li> <li><a href="#">FR</a></li> <li><a href="#">DE</a></li> </ul> </div> </div> </div> <!-- Header Top End --> <!-- Header Bottom --> <div class="header-bottom"> <div class="wrapper"> <div class="header-logo"> <a href="index.html"><img src="assets/img/logo.png" alt="The Grandium Hotel"></a> </div> <div class="header-nav"> <ul class="nav-left"> <li><a href="index.html">HOME</a></li> <li><a href="aboutus.html">ABOUT US</a></li> <li class="sub"><a href="rooms.html">ROOMS</a> <ul> <li><a href="rooms.html">ROOMS LISTING</a></li> <li><a href="rooms-detail.html">ROOMS DETAIL</a></li> </ul> </li> <li><a href="services.html">SERVICES</a></li> </ul> <ul class="nav-right"> <li><a href="gallery.html">GALLERY</a></li> <li><a href="booking.html">BOOKING</a></li> <li class="sub"><a href="blog.html">BLOG</a> <ul> <li><a href="blog.html">BLOG LISTING</a></li> <li><a href="blog-single.html">BLOG SINGLE PHOTO</a></li> <li><a href="blog-single-gallery.html">BLOG SINGLE GALLERY</a></li> <li><a href="blog-single-vimeo.html">BLOG SINGLE VIMEO</a></li> <li><a href="blog-single-youtube.html">BLOG SINGLE YOUTUBE</a></li> </ul> </li> <li><a href="contactus.html">CONTACT</a></li> </ul> </div> <div class="header-toggle"> <i class="fa fa-bars"></i> </div> </div> </div> <!-- Header Bottom End --> </div> <!-- Site Header End --> <!-- Site Main --> <div class="site-main"> <!-- Section Page Title --> <div class="section"> <div class="widget-page-title"> <div class="widget-background" data-background="assets/img/photo-title.jpg"></div> <div class="wrapper-inner"> <!-- Title --> <h5>BLOG</h5> <h1>The Ultimate Father's Day Gift: A Stay at The Grandium Hotel</h1> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque eget commodo orci. Integer varius nibh eu mattis porta. Pellentesque dictum sem eget cursus semper. Nullam quis blandit lorem. Morbi blandit orci urna, eu congue magna faucibus at. In bibendum in mauris nec ultrices. Nunc et magna velit.</p> <!-- Title End --> <!-- Breadcrumb --> <div class="widget-breadcrumb"> <ul> <li><a href="#">HOME</a></li> <li><a href="#">PAGES</a></li> <li><a href="#">BLOG</a></li> <li>BLOG SINGLE</li> </ul> </div> <!-- Breadcrumb End --> </div> </div> </div> <!-- Section Page Title End --> <!-- Section Blog Single --> <div class="section"> <div class="wrapper-inner"> <div class="row"> <div class="col-md-9"> <!-- Blog Single --> <div class="widget-blog-single"> <!-- Single Media --> <div class="single-media"> <div class="media-video video-full"> <iframe src="https://player.vimeo.com/video/39493181?title=0&byline=0&portrait=0&autoplay=0" width="500" height="281"></iframe> </div> </div> <!-- Single Media End --> <!-- Single Detail --> <div class="single-detail"> <div class="detail-head"> BY <a href="#">JOHN DOE</a> <i class="fa fa-clock-o"></i> 25 SEP 2015 <i class="fa fa-bars"></i> <a href="#">TRAVEL</a>, <a href="#">PORTRAIT</a>, <a href="#">WEDDING</a> <i class="fa fa-commenting-o"></i> <a href="#">3 COMMENT</a> </div> <div class="detail-content"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis semper leo eu aliquet ultricies. Proin sit amet porta lorem, nec bibendum augue. Phasellus vehicula augue eu bibendum varius. Fusce egestas urna ac ullamcorper pulvinar. Mauris a mauris accumsan felis auctor ultrices. Maecenas eu vehicula dolor. Nullam ac facilisis mi. Praesent efficitur rutrum accumsan. Vivamus aliquet eros vel suscipit pretium.</p> <p>Etiam congue mollis mi a mollis. Fusce quam enim, posuere et nibh nec, facilisis tempus odio. In blandit lectus dignissim ipsum suscipit, hendrerit hendrerit turpis accumsan. Aliquam auctor orci erat, vitae vehicula tellus dapibus sed. Mauris bibendum diam in ex dignissim, id cursus neque venenatis. Donec at libero vulputate, maximus mauris vel, maximus sem. Pellentesque dapibus pulvinar augue aliquam dictum. Morbi sit amet elementum ipsum. Cras venenatis turpis ac efficitur mattis. Proin venenatis euismod massa, vitae gravida mauris mattis ut. In placerat tristique nulla, sed commodo magna cursus ut. Nullam scelerisque imperdiet magna in dignissim. Vivamus vitae odio nec ipsum pellentesque dapibus at sed augue. Fusce vel luctus risus, non viverra sem. Nullam sit amet massa enim.</p> <p>Proin aliquam consectetur mi id vehicula. Nam cursus mauris lorem, ac mollis tortor ultricies a. Nam pulvinar nulla tellus, volutpat dignissim dui elementum mollis. Donec feugiat mi eu porta dignissim. Proin scelerisque nulla ex, sit amet fringilla nunc vulputate vel. Pellentesque sit amet vestibulum odio, in elementum risus. Duis ut mi sem. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Ut efficitur ante eu sem hendrerit facilisis. Aliquam non efficitur nulla. Curabitur ante felis, tincidunt a libero ac, mollis accumsan enim. Morbi hendrerit semper nunc, eget aliquam leo feugiat sed.</p> <p>Etiam eu sem in risus malesuada ultrices. Pellentesque ac lectus dictum nisl interdum rutrum eget vitae eros. Aenean porttitor nulla volutpat, gravida nisl eu, venenatis ante. Vestibulum consectetur sem non hendrerit porttitor. Morbi sodales egestas pellentesque. Ut nunc nulla, auctor in venenatis vitae, facilisis sit amet risus. Duis ut magna neque. Vestibulum vel lobortis lectus. In sit amet auctor massa, porttitor condimentum sem. Ut at sem quis mi volutpat elementum. Cras eu tellus varius, volutpat nibh ac, lacinia arcu.</p> </div> <div class="detail-tags"> <h5>TAGS</h5> <ul> <li><a href="#">#TRAVEL</a></li> <li><a href="#">#SERVICES</a></li> <li><a href="#">#EVENTS</a></li> <li><a href="#">#ROOMS</a></li> <li><a href="#">#POOL</a></li> <li><a href="#">#SPA</a></li> <li><a href="#">#ACCOMONDATION</a></li> </ul> </div> </div> <!-- Single Detail End --> <!-- Single Comments --> <div class="single-comments"> <div class="comments-list"> <h5>COMMENTS (4)</h5> <ul> <li class="comment"> <div class="comment-avatar"><img src="assets/img/user-1.jpg" alt="Author Name"></div> <div class="comment-info"> <div class="comment-user">MARILYN SUTTLE</div> <div class="comment-date">28 OCT 2016 AT 06:30 PM</div> <div class="comment-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac dolor sit amet diam vestibulum ullamcorper quis in ipsum.</div> <div class="comment-reply"><a href="#">REPLY</a></div> </div> <ul class="children"> <li class="comment"> <div class="comment-avatar"><img src="assets/img/user-2.jpg" alt="Author Name"></div> <div class="comment-info"> <div class="comment-user">JACK MASON</div> <div class="comment-date">21 OCT 2016 AT 06:30 PM</div> <div class="comment-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="comment-reply"><a href="#">REPLY</a></div> </div> </li> </ul> </li> <li class="comment"> <div class="comment-avatar"><img src="assets/img/user-3.jpg" alt="Author Name"></div> <div class="comment-info"> <div class="comment-user">MICHAEL FELDSTEIN</div> <div class="comment-date">16 OCT 2016 AT 06:30 PM</div> <div class="comment-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam ac dolor sit amet diam vestibulum ullamcorper quis in ipsum. Cras orci urna, ullamcorper lobortis laoreet eu, pulvinar sit amet leo. </div> <div class="comment-reply"><a href="#">REPLY</a></div> </div> </li> <li class="comment"> <div class="comment-avatar"><img src="assets/img/user-4.jpg" alt="Author Name"></div> <div class="comment-info"> <div class="comment-user">JOHN FEDERICO</div> <div class="comment-date">14 OCT 2016 AT 06:30 PM</div> <div class="comment-message">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</div> <div class="comment-reply"><a href="#">REPLY</a></div> </div> </li> </ul> </div> <div class="comments-form"> <h5>LEAVE A COMMENT</h5> <div class="data-form"> <form> <div class="row"> <div class="col-md-4 col-sm-6"> <input type="text" name="name" placeholder="ENTER YOUR NAME" required> </div> <div class="col-md-4 col-sm-6"> <input type="text" name="email" placeholder="ENTER YOUR EMAIL" required> </div> <div class="col-md-4 col-sm-12"> <input type="text" name="website" placeholder="ENTER YOUR WEBSITE"> </div> <div class="col-md-12"> <textarea name="message" cols="6" rows="8" placeholder="ENTER YOUR MESSAGE" required></textarea> </div> <div class="col-md-12"> <button type="submit" class="btn">SUBMIT MESSAGE</button> </div> </div> </form> </div> </div> </div> <!-- Single Comments End --> </div> <!-- Blog Single End --> </div> <div class="col-md-3"> <!-- Blog Sidebar --> <div class="widget-blog-sidebar"> <!-- Sidebar Search --> <div class="widget sidebar-search"> <h5>SEARCH</h5> <form> <input type="text" placeholder="ENTER KEYWORDS" required> <button type="submit"><i class="fa fa-search"></i></button> </form> </div> <!-- Sidebar Search End --> <!-- Sidebar Categories --> <div class="widget sidebar-categories"> <h5>CATEGORIES</h5> <nav> <ul> <li><a href="#">ACCOMONDATION</a></li> <li><a href="#">TRAVEL</a></li> <li><a href="#">SERVICES</a></li> <li><a href="#">EVENTS</a></li> <li><a href="#">ROOMS & SUITES</a></li> <li><a href="#">SPA & GYM</a></li> <li><a href="#">POOL & SWIM</a></li> </ul> </nav> </div> <!-- Sidebar Categories End --> <!-- Sidebar Events --> <div class="widget sidebar-events"> <h5>UPCOMING EVENTS</h5> <ul> <li><a href="#"><span><b>APRIL</b>25</span>Mothers Day Lunch at The Grandium</a></li> <li><a href="#"><span><b>MARCH</b>17</span>New Year's Brunch at The Grandium</a></li> <li><a href="#"><span><b>JANUARY</b>12</span>Family Christmas Lunch at The Grandium</a></li> </ul> </div> <!-- Sidebar Events End --> <!-- Sidebar Recent --> <div class="widget sidebar-recent"> <h5>RECENT POSTS</h5> <ul> <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue pharetra diam, eget vestibulum.<span><i class="fa fa-calendar"></i>25 APR 2016 - 18:30</span></a></li> <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue pharetra diam, eget vestibulum.<span><i class="fa fa-calendar"></i>17 APR 2016 - 18:30</span></a></li> <li><a href="#">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla congue pharetra diam, eget vestibulum.<span><i class="fa fa-calendar"></i>12 APR 2016 - 18:30</span></a></li> </ul> </div> <!-- Sidebar Recent End --> <!-- Sidebar Tags --> <div class="widget sidebar-tags"> <h5>TAGS</h5> <ul> <li><a href="#">#TRAVEL</a></li> <li><a href="#">#SERVICES</a></li> <li><a href="#">#EVENTS</a></li> <li><a href="#">#ROOMS</a></li> <li><a href="#">#POOL</a></li> <li><a href="#">#SPA</a></li> <li><a href="#">#ACCOMONDATION</a></li> </ul> </div> <!-- Sidebar Tags End --> <!-- Sidebar Archive --> <div class="widget sidebar-archive"> <h5>BLOG ARCHIVE</h5> <ul> <li><a href="#">MARCH 2016</a></li> <li><a href="#">FEBRUARY 2016</a></li> <li><a href="#">JANUARY 2016</a></li> <li><a href="#">DECEMBER 2015</a></li> <li><a href="#">NOVEMBER 2015</a></li> <li><a href="#">OCTOBER 2015</a></li> </ul> </div> <!-- Sidebar Archive End --> </div> <!-- Blog Sidebar End --> </div> </div> </div> </div> <!-- Section Blog Single End --> </div> <!-- Site Main End --> <!-- Site Footer --> <div class="site-footer"> <!-- Footer Top --> <div class="footer-top"> <div class="wrapper"> <div class="row"> <div class="col-lg-6"> <h5>SOCIAL MEDIA</h5> <h6>FOLLOW THE GRADIUM</h6> <div class="widget-social-icons"> <ul> <li><a href="#" target="_blank"><i class="fa fa-facebook"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-twitter"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-google-plus"></i></a></li> <li><a href="#" target="_blank"><i class="fa fa-instagram"></i></a></li> </ul> </div> </div> <div class="col-lg-6"> <h5>NEWSLETTER</h5> <h6>WE LOVE TO SHARE NEW OFFERS AND EXLUSIVE PROMOTIONS</h6> <div class="widget-newsletter"> <form> <input type="text" placeholder="ENTER YOUR E-MAIL ADDRESS" required> <button type="submit"><i class="fa fa-paper-plane"></i></button> </form> </div> </div> </div> </div> </div> <!-- Footer Top End --> <!-- Footer Bottom --> <div class="footer-bottom"> <div class="wrapper"> <div class="footer-logo"> <img src="assets/img/logo.png" alt="The Grandium Hotel"> </div> <div class="footer-copyright"> <p>COPYRIGHT © THE GRANDIUM HOTEL</p> </div> <div class="footer-contact"> <ul> <li><i class="fa fa-map-marker"></i> LONGRIDGE ROAD, EARLS COURT, LONDON</li> <li><i class="fa fa-phone"></i> +1-800-123-45-67</li> <li><a href="mailto:info@thegrandiumhotel.com"><i class="fa fa-paper-plane"></i> INFO@THEGRANDIUMHOTEL.COM</a></li> </ul> </div> <div class="footer-nav"> <ul> <li><a href="#">SITEMAP</a></li> <li><a href="#">PRIVACY POLICY</a></li> <li><a href="#">TERMS OF USE</a></li> </ul> </div> </div> </div> <!-- Footer Bottom End --> </div> <!-- Site Footer End --> <!-- Scripts --> <script src="assets/js/jquery.min.js"></script> <script src="assets/js/jquery-ui.min.js"></script> <script src="assets/js/jquery.fitvids.js"></script> <script src="assets/js/bootstrap.min.js"></script> <script src="assets/js/magnific.popup.min.js"></script> <script src="assets/js/imagesloaded.pkgd.js"></script> <script src="assets/js/isotope.pkgd.min.js"></script> <script src="assets/js/owl.carousel.min.js"></script> <script src="assets/js/booking.form.js"></script> <script src="assets/js/contact.form.js"></script> <!-- Map Scripts --> <script src="https://maps.google.com/maps/api/js?sensor=false&language=en"></script> <script src="assets/js/gmap3.min.js"></script> <!-- Custom Scripts --> <script src="assets/js/custom.js"></script> </body> <!-- Mirrored from preview.locotheme.com/grandium-html/blog-single-vimeo.html by HTTrack Website Copier/3.x [XR&CO'2014], Thu, 02 May 2019 05:54:53 GMT --> </html>