Victoria Hall Booking for Events
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

472 lines
30 KiB

​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
  1. <!DOCTYPE html>
  2. <html lang="en-us" class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>Adminty - Premium Admin Template by Colorlib</title>
  6. <meta name="description" content="Comming soon page - flat able">
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  8. <meta name="author" content="Codedthemes">
  9. <!-- Favicon -->
  10. <link rel="shortcut icon" href="img\favicon.ico">
  11. <link rel="stylesheet" href="css\style-v2.css">
  12. <!-- Modernizr runs quickly on page load for detecting features -->
  13. <script src="js\modernizr.custom.js"></script>
  14. </head>
  15. <body>
  16. <!-- Loading overlay -->
  17. <div id="loading" class="dark-back">
  18. <div class="loading-bar"></div>
  19. <span class="loading-text opacity-0">So Excited ?</span>
  20. </div>
  21. <!-- Informations bar on top of the screen -->
  22. <div class="info-bar bar-intro opacity-0">
  23. <div class="row">
  24. <div class="col-xs-12 col-sm-6 col-lg-6 info-bar-left">
  25. <p>Grand Opening in <span id="countdown"></span></p>
  26. </div>
  27. <div class="col-xs-12 col-sm-6 col-lg-6 info-bar-right">
  28. <a data-dialog="somedialog" class="action-btn trigger">Click Me !</a>
  29. </div>
  30. </div>
  31. </div>
  32. <!-- END - Informations bar on top of the screen -->
  33. <!-- Slider Wrapper -->
  34. <div id="slider" class="sl-slider-wrapper">
  35. <div class="sl-slider">
  36. <!-- SLIDE 1 / Home -->
  37. <div class="sl-slide bg-1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
  38. <div class="sl-slide-inner">
  39. <div class="content-slide">
  40. <div class="container">
  41. <img src="img\logo.png" alt="" class="brand-logo text-intro opacity-0">
  42. <h1 class="text-intro opacity-0">Comming Soon</h1>
  43. <p class="text-intro opacity-0">So Excited !!!<strong> Product Launch</strong> by Codedthemes.
  44. <br> Top bar Time countdown - Chill your excitement.
  45. </p>
  46. <!-- Text or Icons, as you want :-) / Uncomment the part you need and comment or delete the other one -->
  47. <!-- <p class="social-text text-intro opacity-0">
  48. <a href="#" target="_blank">TWITTER</a> /
  49. <a href="#" target="_blank">FACEBOOK</a> /
  50. <a href="#" target="_blank">YOUTUBE</a>
  51. </p> -->
  52. <p class="social-icon text-intro opacity-0">
  53. <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
  54. <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
  55. <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
  56. <a href="#" target="_blank"><i class="fa fa-dribbble"></i></a>
  57. <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
  58. </p>
  59. </div>
  60. </div>
  61. </div>
  62. </div>
  63. <!-- END - SLIDE 1 / Home -->
  64. <!-- SLIDE 2 / About -->
  65. <div class="sl-slide bg-2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
  66. <div class="sl-slide-inner">
  67. <div class="content-slide">
  68. <div class="container">
  69. <h2>Our great Story</h2>
  70. <div class="row about-part">
  71. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  72. <p>Hi, I'm WAVE and I'm ready to boost your web project by my elegance, exclusive design and animations. I'm ready-to-use, just upload me on your server, add your pictures and edit my texts. Handmade, precisely built with the famous Bootstrap Framework. Salut, je suis WAVE et je suis prêt à booster votre projet web par mon élégance, mon design et mes animations exclusives. Je suis prêt à l'emploi, il suffit de me mettre sur votre serveur.</p>
  73. </div>
  74. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
  75. <p>Ajoutez vos photos et éditer mes textes. Fait à la main, précisément construit avec le célèbre Framework Bootstrap. Hola, soy WAVE y estoy listo para impulsar su proyecto web con mi estilo, mi diseño y mis animaciones exclusivas. Estoy listo, me acaba de poner en su servidor, añadir sus fotos y editar mis textos. Hecho a mano, precisamente, construido con el famoso Framework Bootstrap.</p>
  76. </div>
  77. </div>
  78. </div>
  79. </div>
  80. </div>
  81. </div>
  82. <!-- END - SLIDE 2 / About -->
  83. <!-- SLIDE 3 / Portfolio -->
  84. <div class="sl-slide bg-3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
  85. <div class="sl-slide-inner">
  86. <div class="content-slide">
  87. <div class="container">
  88. <h2>Our latest works</h2>
  89. <p class="resume">Showcase your work brillantly with this stunning gallery. Easy-to-use, you can add projects as much as you want. Fully responsive, your portfolio page is ideal to give the best feeling to your visitors and to catch their attention.</p>
  90. <!-- Projects -->
  91. <div class="portfolio my-gallery" itemscope="" itemtype="http://schema.org/ImageGallery">
  92. <!-- 1 / PICTURE -->
  93. <figure class="col-xs-12 col-sm-12 col-md-6 col-lg-4 annex-img split-section" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
  94. <a href="img\gallery-1.jpg" class="gallery-link small" data-image="img/gallery-1.jpg" itemprop="contentUrl" data-size="1920x1280">
  95. <img src="img\gallery-1.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
  96. </a>
  97. <figcaption itemprop="caption description">
  98. <div class="photo-details">
  99. <h4>Get in the Game now <small>Amazing story in 1929</small></h4>
  100. <i class="icon ion-plus-circled"></i>
  101. <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  102. </div>
  103. </figcaption>
  104. </figure>
  105. <!-- 2 / PICTURE -->
  106. <figure class="col-xs-12 col-sm-12 col-md-6 col-lg-4 annex-img split-section" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
  107. <a href="img\gallery-2.jpg" class="gallery-link small" data-image="img/gallery-2.jpg" itemprop="contentUrl" data-size="1920x1280">
  108. <img src="img\gallery-2.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
  109. </a>
  110. <figcaption itemprop="caption description">
  111. <div class="photo-details">
  112. <h4>Merveilles cachées <small>Découvrez notre projet</small></h4>
  113. <i class="icon ion-plus-circled"></i>
  114. <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.</p>
  115. </div>
  116. </figcaption>
  117. </figure>
  118. <!-- 3 / PICTURE -->
  119. <figure class="col-xs-12 col-sm-12 col-md-6 col-lg-4 annex-img split-section" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
  120. <a href="img\gallery-3.jpg" class="gallery-link small" data-image="img/gallery-3.jpg" itemprop="contentUrl" data-size="1920x1280">
  121. <img src="img\gallery-3.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
  122. </a>
  123. <figcaption itemprop="caption description">
  124. <div class="photo-details">
  125. <h4>Kreativität der Zukunft <small>Alle Geheimnisse sind hier</small></h4>
  126. <i class="icon ion-plus-circled"></i>
  127. <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  128. </div>
  129. </figcaption>
  130. </figure>
  131. <!-- 4 / PICTURE -->
  132. <figure class="col-xs-12 col-sm-12 col-md-6 col-lg-4 annex-img split-section" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
  133. <a href="img\gallery-4.jpg" class="gallery-link small" data-image="img/gallery-4.jpg" itemprop="contentUrl" data-size="1920x1280">
  134. <img src="img\gallery-4.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
  135. </a>
  136. <figcaption itemprop="caption description">
  137. <div class="photo-details">
  138. <h4>Возьмите карандаш <small>лучшее написание</small></h4>
  139. <i class="icon ion-plus-circled"></i>
  140. <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  141. </div>
  142. </figcaption>
  143. </figure>
  144. <!-- 5 / PICTURE -->
  145. <figure class="col-xs-12 col-sm-12 col-md-6 col-lg-4 annex-img split-section" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
  146. <a href="img\gallery-5.jpg" class="gallery-link small" data-image="img/gallery-5.jpg" itemprop="contentUrl" data-size="1920x1280">
  147. <img src="img\gallery-5.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
  148. </a>
  149. <figcaption itemprop="caption description">
  150. <div class="photo-details">
  151. <h4>Apprezzare il tempo <small>Sedersi su quella sedia</small></h4>
  152. <i class="icon ion-plus-circled"></i>
  153. <p>Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit.</p>
  154. </div>
  155. </figcaption>
  156. </figure>
  157. <!-- 6 / PICTURE -->
  158. <figure class="col-xs-12 col-sm-12 col-md-6 col-lg-4 annex-img split-section" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
  159. <a href="img\gallery-6.jpg" class="gallery-link small" data-image="img/gallery-6.jpg" itemprop="contentUrl" data-size="1920x1280">
  160. <img src="img\gallery-6.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
  161. </a>
  162. <figcaption itemprop="caption description">
  163. <div class="photo-details">
  164. <h4>山の頂上 <small>世界の最高の眺め</small></h4>
  165. <i class="icon ion-plus-circled"></i>
  166. <p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
  167. </div>
  168. </figcaption>
  169. </figure>
  170. </div>
  171. <!-- END - Projects -->
  172. </div>
  173. </div>
  174. </div>
  175. </div>
  176. <!-- END - SLIDE 3 / Portfolio -->
  177. <!-- SLIDE 4 / Services -->
  178. <div class="sl-slide bg-4" data-orientation="vertical" data-slice1-rotation="-5" data-slice2-rotation="25" data-slice1-scale="2" data-slice2-scale="1">
  179. <div class="sl-slide-inner">
  180. <div class="content-slide">
  181. <div class="container">
  182. <h2>All new features</h2>
  183. <p class="resume">The goal of a startup is to figure out the right thing to build the thing customers want and will pay for as quickly as possible. In other words, the Lean Startup is a new way of looking at the development of innovative new products that emphasizes fast iteration and customer insight, a huge vision, and great ambition, all at the same time.</p>
  184. <div class="row services">
  185. <!-- 1 / SERVICE -->
  186. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
  187. <div class="box-info-light">
  188. <span class="icon"><i class="icon ion-lock-combination"></i></span>
  189. <h3>High security</h3>
  190. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis cupidatat proident.</p>
  191. </div>
  192. </div>
  193. <!-- 2 / SERVICE -->
  194. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
  195. <div class="box-info-light">
  196. <span class="icon icon-clock"><i class="icon ion-android-time"></i></span>
  197. <h3>From 08:00 to 22:00</h3>
  198. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis cupidatat proident.</p>
  199. </div>
  200. </div>
  201. </div>
  202. <div class="row services">
  203. <!-- 3 / SERVICE -->
  204. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
  205. <div class="box-info-light">
  206. <span class="icon"><i class="icon ion-chatbubbles"></i></span>
  207. <h3>Friendly support</h3>
  208. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis cupidatat proident.</p>
  209. </div>
  210. </div>
  211. <!-- 4 / SERVICE -->
  212. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
  213. <div class="box-info-light">
  214. <span class="icon"><i class="icon ion-trophy"></i></span>
  215. <h3>Design winner</h3>
  216. <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis cupidatat proident.</p>
  217. </div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. <!-- END - SLIDE 4 / Services -->
  225. <!-- SLIDE 5 / Contact -->
  226. <div class="sl-slide bg-5" data-orientation="horizontal" data-slice1-rotation="-5" data-slice2-rotation="10" data-slice1-scale="2" data-slice2-scale="1">
  227. <div class="sl-slide-inner">
  228. <div class="content-slide">
  229. <div class="container">
  230. <h2>Get in touch</h2>
  231. <p class="resume">We are here to help you <strong>Tuesday through Saturday</strong>, from 9:00 AM to 10:00 PM.
  232. <br> Fill the next online form to get in touch with our friendly support team!</p>
  233. <div class="row">
  234. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-5 info-contact">
  235. <h3>WAVE Service Department</h3>
  236. <p>If you have any further suggestions, questions or comments, here are the best ways to connect with us!</p>
  237. <br>
  238. <p class="list-info">
  239. <i class="icon ion-ios-telephone"></i> Phone : (+33) 66-1254-611
  240. <br>
  241. <i class="icon ion-ios-email"></i> Email : <a href="..\..\..\..\..\cdn-cgi\l\email-protection.htm#641d0b1116490109050d0824011c05091408014a070b09" class="phone-mail-link"><span class="__cf_email__" data-cfemail="166177607356736e777b667a733875797b">[email&#160;protected]</span></a>
  242. <br>
  243. <i class="icon ion-ios-location"></i> Location : 66 Grand Central, NY 66564, USA
  244. </p>
  245. </div>
  246. <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-lg-offset-1">
  247. <!-- Contact Form -->
  248. <form id="contact-form" name="contact-form" method="POST" data-name="Contact Form">
  249. <div class="row">
  250. <!-- Full name -->
  251. <div class="col-xs-12 col-sm-12 col-lg-6">
  252. <div class="form-group">
  253. <input type="text" id="name" class="form form-control" placeholder="Your Name*" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Name*'" name="name" data-name="Name" required="">
  254. </div>
  255. </div>
  256. <!-- E-mail -->
  257. <div class="col-xs-12 col-sm-12 col-lg-6">
  258. <div class="form-group">
  259. <input type="email" id="email" class="form form-control" placeholder="Your Email*" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email*'" name="email-address" data-name="Email Address" required="">
  260. </div>
  261. </div>
  262. <!-- Subject -->
  263. <div class="col-xs-12 col-sm-12 col-lg-12">
  264. <div class="form-group">
  265. <input type="text" id="subject" class="form form-control" placeholder="Regarding..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Regarding...'" name="subject" data-name="Subject">
  266. </div>
  267. </div>
  268. <!-- Message -->
  269. <div class="col-xs-12 col-sm-12 col-lg-12 no-padding">
  270. <div class="form-group">
  271. <textarea id="text-area" class="form textarea form-control" placeholder="Your message here... 20 characters Min.*" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your message here... 20 characters Min.*'" name="message" data-name="Text Area" required=""></textarea>
  272. </div>
  273. <span class="sub-text">* Required fields</span>
  274. </div>
  275. </div>
  276. <!-- Button submit -->
  277. <button type="submit" id="valid-form" class="btn btn-color">Send my Message</button>
  278. </form>
  279. <!-- END - Contact Form -->
  280. <!-- Answer for the contact form is displayed in the next div, do not remove it. -->
  281. <div id="block-answer">
  282. <div id="answer"></div>
  283. </div>
  284. <!-- END - Answer for the contact form is displayed in the next div, do not remove it. -->
  285. </div>
  286. </div>
  287. </div>
  288. </div>
  289. </div>
  290. </div>
  291. <!-- END - SLIDE 5 / Contact -->
  292. </div>
  293. <!-- END - sl-slider -->
  294. <!-- Arrow nav -->
  295. <nav id="nav-arrows" class="nav-arrows">
  296. <span class="nav-arrow-prev">Previous</span>
  297. <span class="nav-arrow-next">Next</span>
  298. </nav>
  299. <!-- END - Arrow nav -->
  300. <!-- Bottom nav -->
  301. <nav id="nav-multi-square" class="nav-multi-square nav-intro opacity-0">
  302. <span class="nav-square-current nav-square">
  303. <span><i class="fa fa-home"></i>Home</span>
  304. </span>
  305. <span class="nav-square">
  306. <span><i class="fa fa-user-secret"></i>About</span>
  307. </span>
  308. <span class="nav-square">
  309. <span><i class="fa fa-briefcase"></i>Portfolio</span>
  310. </span>
  311. <span class="nav-square">
  312. <span><i class="fa fa-list-ol"></i>Services</span>
  313. </span>
  314. <span class="nav-square">
  315. <span><i class="fa fa-commenting-o"></i>Contact</span>
  316. </span>
  317. </nav>
  318. <!-- END - Bottom nav -->
  319. </div>
  320. <!-- END - Slider Wrapper -->
  321. <!-- Newsletter Popup -->
  322. <div id="somedialog" class="dialog">
  323. <div class="dialog__overlay"></div>
  324. <!-- dialog__content -->
  325. <div class="dialog__content">
  326. <div class="header-picture"></div>
  327. <!-- dialog-inner -->
  328. <!-- dialog-inner -->
  329. <div class="dialog-inner">
  330. <h4>Notify Popup Highlight</h4>
  331. <p>Just write the pefect description for your launch product here.... <strong>Codedthemes Product launch in next XX weeks. Enjoy !!!</strong></p>
  332. <!-- Newsletter Form -->
  333. <div id="subscribe">
  334. <form action="php/notify-me.php" id="notifyMe" method="POST">
  335. <div class="form-group">
  336. <div class="controls">
  337. <!-- Field -->
  338. <input type="text" id="mail-sub" name="email" placeholder="Click here to write your email" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Your Email Address'" class="form-control email srequiredField">
  339. <!-- Spinner top left during the submission -->
  340. <i class="fa fa-spinner opacity-0"></i>
  341. <!-- Button -->
  342. <button class="btn btn-lg submit">Submit</button>
  343. <div class="clear"></div>
  344. </div>
  345. </div>
  346. </form>
  347. <!-- Answer for the newsletter form is displayed in the next div, do not remove it. -->
  348. <div class="block-message">
  349. <div class="message">
  350. <p class="notify-valid">
  351. </div>
  352. </div>
  353. <!-- END - Answer for the newsletter form is displayed in the next div, do not remove it. -->
  354. </div>
  355. <!-- END - Newsletter Form -->
  356. </div>
  357. <!-- END - dialog-inner -->
  358. <!-- END - dialog-inner -->
  359. <!-- Cross for closing the Newsletter Popup -->
  360. <button class="close-newsletter" data-dialog-close=""><i class="icon ion-android-close"></i></button>
  361. </div>
  362. <!-- END - dialog__content -->
  363. </div>
  364. <!-- END - Newsletter Popup -->
  365. <!-- Root element of PhotoSwipe, the gallery. Must have class pswp. -->
  366. <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
  367. <!-- Background of PhotoSwipe.
  368. It's a separate element as animating opacity is faster than rgba(). -->
  369. <div class="pswp__bg"></div>
  370. <!-- Slides wrapper with overflow:hidden. -->
  371. <div class="pswp__scroll-wrap">
  372. <!-- Container that holds slides.
  373. PhotoSwipe keeps only 3 of them in the DOM to save memory.
  374. Don't modify these 3 pswp__item elements, data is added later on. -->
  375. <div class="pswp__container">
  376. <div class="pswp__item"></div>
  377. <div class="pswp__item"></div>
  378. <div class="pswp__item"></div>
  379. </div>
  380. <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
  381. <div class="pswp__ui pswp__ui--hidden">
  382. <div class="pswp__top-bar">
  383. <!-- Controls are self-explanatory. Order can be changed. -->
  384. <div class="pswp__counter"></div>
  385. <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
  386. <button class="pswp__button pswp__button--share" title="Share"></button>
  387. <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
  388. <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
  389. <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
  390. <!-- element will get class pswp__preloader - -active when preloader is running -->
  391. <div class="pswp__preloader">
  392. <div class="pswp__preloader__icn">
  393. <div class="pswp__preloader__cut">
  394. <div class="pswp__preloader__donut"></div>
  395. </div>
  396. </div>
  397. </div>
  398. </div>
  399. <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
  400. <div class="pswp__share-tooltip"></div>
  401. </div>
  402. <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
  403. </button>
  404. <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
  405. </button>
  406. <div class="pswp__caption">
  407. <div class="pswp__caption__center"></div>
  408. </div>
  409. </div>
  410. </div>
  411. </div>
  412. <!-- END - Root element of PhotoSwipe, the gallery. Must have class pswp. -->
  413. <!-- //////////////////////\\\\\\\\\\\\\\\\\\\\\\ -->
  414. <!-- ********** List of jQuery Plugins ********** -->
  415. <!-- \\\\\\\\\\\\\\\\\\\\\\////////////////////// -->
  416. <!-- * Libraries jQuery, Easing and Bootstrap - Be careful to not remove them * -->
  417. <script data-cfasync="false" src="..\..\..\..\..\cdn-cgi\scripts\5c5dd728\cloudflare-static\email-decode.min.js"></script><script src="js\jquery.min.js"></script>
  418. <script src="js\jquery.easings.min.js"></script>
  419. <script src="js\bootstrap.min.js"></script>
  420. <!-- SlitSlider plugin -->
  421. <script src="js\jquery.ba-cond.min.js"></script>
  422. <script src="js\jquery.slitslider.js"></script>
  423. <!-- Newsletter plugin -->
  424. <script src="js\notifyMe.js"></script>
  425. <!-- Contact form plugin -->
  426. <script src="js\contact-me.js"></script>
  427. <!-- Popup Newsletter Form -->
  428. <script src="js\classie.js"></script>
  429. <script src="js\dialogFx.js"></script>
  430. <!-- PhotoSwipe Core JS file -->
  431. <script src="js\photoswipe.js"></script>
  432. <!-- PhotoSwipe UI JS file -->
  433. <script src="js\photoswipe-ui-default.js"></script>
  434. <!-- Custom Scrollbar plugin -->
  435. <script src="js\jquery.mCustomScrollbar.js"></script>
  436. <!-- Countdown plugin -->
  437. <script src="js\jquery.countdown.js"></script>
  438. <script>
  439. $("#countdown")
  440. // Year/Month/Day Hour:Minute:Second
  441. .countdown("2018/10/24 15:30:30", function(event) {
  442. $(this).html(
  443. event.strftime('%D Days %Hh %Mm %Ss')
  444. );
  445. });
  446. </script>
  447. <!-- Main application scripts -->
  448. <script src="js\main.js"></script>
  449. </body>
  450. </html>