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

<!DOCTYPE html>
<html lang="en-us" class="no-js">
<head>
<meta charset="utf-8">
<title>Adminty - Premium Admin Template by Colorlib</title>
<meta name="description" content="Comming soon page - flat able">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="author" content="Codedthemes">
<!-- Favicon -->
<link rel="shortcut icon" href="img\favicon.ico">
<link rel="stylesheet" href="css\style-v2.css">
<!-- Modernizr runs quickly on page load for detecting features -->
<script src="js\modernizr.custom.js"></script>
</head>
<body>
<!-- Loading overlay -->
<div id="loading" class="dark-back">
<div class="loading-bar"></div>
<span class="loading-text opacity-0">So Excited ?</span>
</div>
<!-- Informations bar on top of the screen -->
<div class="info-bar bar-intro opacity-0">
<div class="row">
<div class="col-xs-12 col-sm-6 col-lg-6 info-bar-left">
<p>Grand Opening in <span id="countdown"></span></p>
</div>
<div class="col-xs-12 col-sm-6 col-lg-6 info-bar-right">
<a data-dialog="somedialog" class="action-btn trigger">Click Me !</a>
</div>
</div>
</div>
<!-- END - Informations bar on top of the screen -->
<!-- Slider Wrapper -->
<div id="slider" class="sl-slider-wrapper">
<div class="sl-slider">
<!-- SLIDE 1 / Home -->
<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">
<div class="sl-slide-inner">
<div class="content-slide">
<div class="container">
<img src="img\logo.png" alt="" class="brand-logo text-intro opacity-0">
<h1 class="text-intro opacity-0">Comming Soon</h1>
<p class="text-intro opacity-0">So Excited !!!<strong> Product Launch</strong> by Codedthemes.
<br> Top bar Time countdown - Chill your excitement.
</p>
<!-- Text or Icons, as you want :-) / Uncomment the part you need and comment or delete the other one -->
<!-- <p class="social-text text-intro opacity-0">
<a href="#" target="_blank">TWITTER</a> /
<a href="#" target="_blank">FACEBOOK</a> /
<a href="#" target="_blank">YOUTUBE</a>
</p> -->
<p class="social-icon text-intro opacity-0">
<a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
<a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
<a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
<a href="#" target="_blank"><i class="fa fa-dribbble"></i></a>
<a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
</p>
</div>
</div>
</div>
</div>
<!-- END - SLIDE 1 / Home -->
<!-- SLIDE 2 / About -->
<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">
<div class="sl-slide-inner">
<div class="content-slide">
<div class="container">
<h2>Our great Story</h2>
<div class="row about-part">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<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>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6">
<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>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END - SLIDE 2 / About -->
<!-- SLIDE 3 / Portfolio -->
<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">
<div class="sl-slide-inner">
<div class="content-slide">
<div class="container">
<h2>Our latest works</h2>
<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>
<!-- Projects -->
<div class="portfolio my-gallery" itemscope="" itemtype="http://schema.org/ImageGallery">
<!-- 1 / PICTURE -->
<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">
<a href="img\gallery-1.jpg" class="gallery-link small" data-image="img/gallery-1.jpg" itemprop="contentUrl" data-size="1920x1280">
<img src="img\gallery-1.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
</a>
<figcaption itemprop="caption description">
<div class="photo-details">
<h4>Get in the Game now <small>Amazing story in 1929</small></h4>
<i class="icon ion-plus-circled"></i>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</figcaption>
</figure>
<!-- 2 / PICTURE -->
<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">
<a href="img\gallery-2.jpg" class="gallery-link small" data-image="img/gallery-2.jpg" itemprop="contentUrl" data-size="1920x1280">
<img src="img\gallery-2.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
</a>
<figcaption itemprop="caption description">
<div class="photo-details">
<h4>Merveilles cachées <small>Découvrez notre projet</small></h4>
<i class="icon ion-plus-circled"></i>
<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>
</div>
</figcaption>
</figure>
<!-- 3 / PICTURE -->
<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">
<a href="img\gallery-3.jpg" class="gallery-link small" data-image="img/gallery-3.jpg" itemprop="contentUrl" data-size="1920x1280">
<img src="img\gallery-3.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
</a>
<figcaption itemprop="caption description">
<div class="photo-details">
<h4>Kreativität der Zukunft <small>Alle Geheimnisse sind hier</small></h4>
<i class="icon ion-plus-circled"></i>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</figcaption>
</figure>
<!-- 4 / PICTURE -->
<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">
<a href="img\gallery-4.jpg" class="gallery-link small" data-image="img/gallery-4.jpg" itemprop="contentUrl" data-size="1920x1280">
<img src="img\gallery-4.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
</a>
<figcaption itemprop="caption description">
<div class="photo-details">
<h4>Возьмите карандаш <small>лучшее написание</small></h4>
<i class="icon ion-plus-circled"></i>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</figcaption>
</figure>
<!-- 5 / PICTURE -->
<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">
<a href="img\gallery-5.jpg" class="gallery-link small" data-image="img/gallery-5.jpg" itemprop="contentUrl" data-size="1920x1280">
<img src="img\gallery-5.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
</a>
<figcaption itemprop="caption description">
<div class="photo-details">
<h4>Apprezzare il tempo <small>Sedersi su quella sedia</small></h4>
<i class="icon ion-plus-circled"></i>
<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>
</div>
</figcaption>
</figure>
<!-- 6 / PICTURE -->
<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">
<a href="img\gallery-6.jpg" class="gallery-link small" data-image="img/gallery-6.jpg" itemprop="contentUrl" data-size="1920x1280">
<img src="img\gallery-6.jpg" itemprop="thumbnail" alt="This is my work" class="img-responsive gallery-img small-square">
</a>
<figcaption itemprop="caption description">
<div class="photo-details">
<h4>山の頂上 <small>世界の最高の眺め</small></h4>
<i class="icon ion-plus-circled"></i>
<p>lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</figcaption>
</figure>
</div>
<!-- END - Projects -->
</div>
</div>
</div>
</div>
<!-- END - SLIDE 3 / Portfolio -->
<!-- SLIDE 4 / Services -->
<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">
<div class="sl-slide-inner">
<div class="content-slide">
<div class="container">
<h2>All new features</h2>
<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>
<div class="row services">
<!-- 1 / SERVICE -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
<div class="box-info-light">
<span class="icon"><i class="icon ion-lock-combination"></i></span>
<h3>High security</h3>
<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>
</div>
</div>
<!-- 2 / SERVICE -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
<div class="box-info-light">
<span class="icon icon-clock"><i class="icon ion-android-time"></i></span>
<h3>From 08:00 to 22:00</h3>
<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>
</div>
</div>
</div>
<div class="row services">
<!-- 3 / SERVICE -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
<div class="box-info-light">
<span class="icon"><i class="icon ion-chatbubbles"></i></span>
<h3>Friendly support</h3>
<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>
</div>
</div>
<!-- 4 / SERVICE -->
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 box-info">
<div class="box-info-light">
<span class="icon"><i class="icon ion-trophy"></i></span>
<h3>Design winner</h3>
<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>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END - SLIDE 4 / Services -->
<!-- SLIDE 5 / Contact -->
<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">
<div class="sl-slide-inner">
<div class="content-slide">
<div class="container">
<h2>Get in touch</h2>
<p class="resume">We are here to help you <strong>Tuesday through Saturday</strong>, from 9:00 AM to 10:00 PM.
<br> Fill the next online form to get in touch with our friendly support team!</p>
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-5 info-contact">
<h3>WAVE Service Department</h3>
<p>If you have any further suggestions, questions or comments, here are the best ways to connect with us!</p>
<br>
<p class="list-info">
<i class="icon ion-ios-telephone"></i> Phone : (+33) 66-1254-611
<br>
<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>
<br>
<i class="icon ion-ios-location"></i> Location : 66 Grand Central, NY 66564, USA
</p>
</div>
<div class="col-xs-12 col-sm-12 col-md-6 col-lg-6 col-lg-offset-1">
<!-- Contact Form -->
<form id="contact-form" name="contact-form" method="POST" data-name="Contact Form">
<div class="row">
<!-- Full name -->
<div class="col-xs-12 col-sm-12 col-lg-6">
<div class="form-group">
<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="">
</div>
</div>
<!-- E-mail -->
<div class="col-xs-12 col-sm-12 col-lg-6">
<div class="form-group">
<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="">
</div>
</div>
<!-- Subject -->
<div class="col-xs-12 col-sm-12 col-lg-12">
<div class="form-group">
<input type="text" id="subject" class="form form-control" placeholder="Regarding..." onfocus="this.placeholder = ''" onblur="this.placeholder = 'Regarding...'" name="subject" data-name="Subject">
</div>
</div>
<!-- Message -->
<div class="col-xs-12 col-sm-12 col-lg-12 no-padding">
<div class="form-group">
<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>
</div>
<span class="sub-text">* Required fields</span>
</div>
</div>
<!-- Button submit -->
<button type="submit" id="valid-form" class="btn btn-color">Send my Message</button>
</form>
<!-- END - Contact Form -->
<!-- Answer for the contact form is displayed in the next div, do not remove it. -->
<div id="block-answer">
<div id="answer"></div>
</div>
<!-- END - Answer for the contact form is displayed in the next div, do not remove it. -->
</div>
</div>
</div>
</div>
</div>
</div>
<!-- END - SLIDE 5 / Contact -->
</div>
<!-- END - sl-slider -->
<!-- Arrow nav -->
<nav id="nav-arrows" class="nav-arrows">
<span class="nav-arrow-prev">Previous</span>
<span class="nav-arrow-next">Next</span>
</nav>
<!-- END - Arrow nav -->
<!-- Bottom nav -->
<nav id="nav-multi-square" class="nav-multi-square nav-intro opacity-0">
<span class="nav-square-current nav-square">
<span><i class="fa fa-home"></i>Home</span>
</span>
<span class="nav-square">
<span><i class="fa fa-user-secret"></i>About</span>
</span>
<span class="nav-square">
<span><i class="fa fa-briefcase"></i>Portfolio</span>
</span>
<span class="nav-square">
<span><i class="fa fa-list-ol"></i>Services</span>
</span>
<span class="nav-square">
<span><i class="fa fa-commenting-o"></i>Contact</span>
</span>
</nav>
<!-- END - Bottom nav -->
</div>
<!-- END - Slider Wrapper -->
<!-- Newsletter Popup -->
<div id="somedialog" class="dialog">
<div class="dialog__overlay"></div>
<!-- dialog__content -->
<div class="dialog__content">
<div class="header-picture"></div>
<!-- dialog-inner -->
<!-- dialog-inner -->
<div class="dialog-inner">
<h4>Notify Popup Highlight</h4>
<p>Just write the pefect description for your launch product here.... <strong>Codedthemes Product launch in next XX weeks. Enjoy !!!</strong></p>
<!-- Newsletter Form -->
<div id="subscribe">
<form action="php/notify-me.php" id="notifyMe" method="POST">
<div class="form-group">
<div class="controls">
<!-- Field -->
<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">
<!-- Spinner top left during the submission -->
<i class="fa fa-spinner opacity-0"></i>
<!-- Button -->
<button class="btn btn-lg submit">Submit</button>
<div class="clear"></div>
</div>
</div>
</form>
<!-- Answer for the newsletter form is displayed in the next div, do not remove it. -->
<div class="block-message">
<div class="message">
<p class="notify-valid">
</div>
</div>
<!-- END - Answer for the newsletter form is displayed in the next div, do not remove it. -->
</div>
<!-- END - Newsletter Form -->
</div>
<!-- END - dialog-inner -->
<!-- END - dialog-inner -->
<!-- Cross for closing the Newsletter Popup -->
<button class="close-newsletter" data-dialog-close=""><i class="icon ion-android-close"></i></button>
</div>
<!-- END - dialog__content -->
</div>
<!-- END - Newsletter Popup -->
<!-- Root element of PhotoSwipe, the gallery. Must have class pswp. -->
<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
<!-- Background of PhotoSwipe.
It's a separate element as animating opacity is faster than rgba(). -->
<div class="pswp__bg"></div>
<!-- Slides wrapper with overflow:hidden. -->
<div class="pswp__scroll-wrap">
<!-- Container that holds slides.
PhotoSwipe keeps only 3 of them in the DOM to save memory.
Don't modify these 3 pswp__item elements, data is added later on. -->
<div class="pswp__container">
<div class="pswp__item"></div>
<div class="pswp__item"></div>
<div class="pswp__item"></div>
</div>
<!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
<div class="pswp__ui pswp__ui--hidden">
<div class="pswp__top-bar">
<!-- Controls are self-explanatory. Order can be changed. -->
<div class="pswp__counter"></div>
<button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
<button class="pswp__button pswp__button--share" title="Share"></button>
<button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
<button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
<!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
<!-- element will get class pswp__preloader - -active when preloader is running -->
<div class="pswp__preloader">
<div class="pswp__preloader__icn">
<div class="pswp__preloader__cut">
<div class="pswp__preloader__donut"></div>
</div>
</div>
</div>
</div>
<div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
<div class="pswp__share-tooltip"></div>
</div>
<button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
</button>
<button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
</button>
<div class="pswp__caption">
<div class="pswp__caption__center"></div>
</div>
</div>
</div>
</div>
<!-- END - Root element of PhotoSwipe, the gallery. Must have class pswp. -->
<!-- //////////////////////\\\\\\\\\\\\\\\\\\\\\\ -->
<!-- ********** List of jQuery Plugins ********** -->
<!-- \\\\\\\\\\\\\\\\\\\\\\////////////////////// -->
<!-- * Libraries jQuery, Easing and Bootstrap - Be careful to not remove them * -->
<script data-cfasync="false" src="..\..\..\..\..\cdn-cgi\scripts\5c5dd728\cloudflare-static\email-decode.min.js"></script><script src="js\jquery.min.js"></script>
<script src="js\jquery.easings.min.js"></script>
<script src="js\bootstrap.min.js"></script>
<!-- SlitSlider plugin -->
<script src="js\jquery.ba-cond.min.js"></script>
<script src="js\jquery.slitslider.js"></script>
<!-- Newsletter plugin -->
<script src="js\notifyMe.js"></script>
<!-- Contact form plugin -->
<script src="js\contact-me.js"></script>
<!-- Popup Newsletter Form -->
<script src="js\classie.js"></script>
<script src="js\dialogFx.js"></script>
<!-- PhotoSwipe Core JS file -->
<script src="js\photoswipe.js"></script>
<!-- PhotoSwipe UI JS file -->
<script src="js\photoswipe-ui-default.js"></script>
<!-- Custom Scrollbar plugin -->
<script src="js\jquery.mCustomScrollbar.js"></script>
<!-- Countdown plugin -->
<script src="js\jquery.countdown.js"></script>
<script>
$("#countdown")
// Year/Month/Day Hour:Minute:Second
.countdown("2018/10/24 15:30:30", function(event) {
$(this).html(
event.strftime('%D Days %Hh %Mm %Ss')
);
});
</script>
<!-- Main application scripts -->
<script src="js\main.js"></script>
</body>
</html>