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
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 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>
|