| <!DOCTYPE html>
|
| <html lang=zxx>
|
| <title>:: Wag Coin ::</title>
|
|
|
| <meta charset=UTF-8>
|
| <link href=img/logos/logo-shortcut.png rel="shortcut icon">
|
| <meta content="width=device-width,initial-scale=1,maximum-scale=1"name=viewport>
|
| <link href=css/bootstrap.min.css rel=stylesheet>
|
| <link href=css/font-awesome.css rel=stylesheet>
|
| <link href=css/icomoon.css rel=stylesheet>
|
| <link href=css/swiper.min.css rel=stylesheet>
|
| <link href=css/slider.css rel=stylesheet>
|
| <link href=css/animate.css rel=stylesheet>
|
| <link href=css/owl.carousel.css rel=stylesheet>
|
| <link href=css/slick.css rel=stylesheet>
|
| <link href=css/default.css rel=stylesheet>
|
| <link href=css/styles.css rel=stylesheet>
|
| <link href=css/responsive.css rel=stylesheet>
|
| <link href="https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400,500,600,700,800,900"rel=stylesheet>
|
|
|
| <header>
|
| <div class=nav-wrapper>
|
| <nav class="navbar navbar-custom navbar-default"data-offset-top=50 data-spy=affix>
|
| <div class=container-fluid>
|
| <div class=row> </div>
|
| <div class="col-lg-2">
|
| <div class="navbar-header navbar-header-custom">
|
| <button type=button aria-expanded=false class="collapsed menu-icon navbar-toggle"data-target=#bs-example-navbar-collapse-1 data-toggle=collapse><span class=icon-bar></span> <span class=icon-bar></span> <span class=icon-bar></span></button>
|
| <a href=index.html class=navbar-logo><img alt=logo src=img/logos/logo.png class=logo_light></a></div>
|
| </div>
|
| <div class="col-lg-10">
|
| <div class="collapse navbar-collapse"id=bs-example-navbar-collapse-1>
|
| <ul class="nav navbar-links-custom navbar-nav navbar-right">
|
| <li><a href=index.html>Buy Token</a>
|
| <li class=dropdown><a href="#business">Business Plan</a>
|
| <li class=dropdown><a href="#roadmap" >Roadmap</a>
|
| <li class=dropdown><a href="#services">Whitepaper</a>
|
| <li class=dropdown><a href="#team">Team</a>
|
| <li class=dropdown><a href="#">Referral 10%</a>
|
| <li class=dropdown><a href="#faq">FAQ</a>
|
| <li class=dropdown><a href="#blog">Blog</a>
|
| <li class=dropdown><a href="contact-us.html">Contact Us</a>
|
| </ul>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </nav>
|
| </div>
|
| </header>
|
| <div class="slider-part">
|
|
|
| <div class="slider-01">
|
| <div class="container">
|
| <p class="slider-top-title0">how american change way to make easy money in blockchain technology economy</p>
|
| <div class="row">
|
| <div class="col-lg-5 col-md-5 col-sm-5">
|
| <div class="right-topheader-btn">
|
|
|
| <h4>
|
| Web Agent Reward Plateform
|
| </h4>
|
|
|
| <div class="about-img slider-video"> <a style="cursor:pointer" class="video" data-video="https://www.youtube.com/embed/xSomPDhOAu4" data-toggle="modal" data-target="#videoModal"> <img src="img/about/about.png" alt="#"> </a> </div>
|
|
|
| <h4>
|
| Revolutionary Blockchain Cryptocurrency
|
| </h4>
|
|
|
|
|
|
|
| </div>
|
| </div>
|
|
|
| <div class="col-lg-1 col-md-1 col-sm-1">
|
| </div>
|
|
|
|
|
| <div class="col-lg-5 col-md-5 col-sm-5">
|
|
|
| <div class="slider-right-top">
|
| <div class="slider-middle-content">
|
| <h3>Crowdsale is Live</h3>
|
| <h2> +15% Bonus </h2>
|
|
|
| </div>
|
|
|
|
|
|
|
| <div class="timer-up-box">
|
| <h3> 1 WAG </h3>
|
| <h4>=$0.006</h4>
|
| <h5>Today</h5>
|
|
|
| </div>
|
| </div>
|
|
|
| <div id="clockdiv">
|
| <div>
|
| <span class="days">27</span>
|
| <div class="smalltext">Days</div>
|
| </div>
|
| <div>
|
| <span class="hours">11</span>
|
| <div class="smalltext">Hours</div>
|
| </div>
|
| <div>
|
| <span class="minutes">34</span>
|
| <div class="smalltext">Minutes</div>
|
| </div>
|
| <div>
|
| <span class="seconds">07</span>
|
| <div class="smalltext">Seconds</div>
|
| </div>
|
|
|
| <div class="invest-btn"><a href="#" class="button-md primary-button">Buy Tokens Now</a></div>
|
| </div>
|
|
|
| </div>
|
|
|
| </div>
|
|
|
| <div class="range-img">
|
| <img src="img/slider/range.png" alt="range-img">
|
| </div>
|
|
|
| </div>
|
| </div>
|
|
|
| <img src="img/slider/slider-1.jpg"> </div>
|
|
|
|
|
| <section id="about" class="about-section">
|
| <div class="container">
|
| <div class="row">
|
| <div class="col-lg-6">
|
| <div class="about-img"> <img src="img/about/about01.png" alt="#"> </div>
|
|
|
|
|
|
|
| </div>
|
| <div class="col-lg-6">
|
| <div class="about-content">
|
| <h2>All You Need To Know About Wag Coin!</h2>
|
| <p>Wag Coin is a global Blockchain cryptoeconomy currency with a Global Luxury Lifestyle platform. Be part of BancCoin ICO by being the first to hold BCCN tokens, and change the World.</p>
|
| <div class="mt-20"><a href="#" class="button-md primary-button">Read More</a></div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
| <section id="business" class="business-section">
|
| <div class="container">
|
| <div class="business-title">
|
| <h2>Business Plan</h2>
|
| </div>
|
| <div class="row">
|
| <div class="col-lg-7"> <div class="business-img"> <img src="img/business-plan.jpg" alt="business"></div> </div>
|
| <div class="col-lg-5">
|
| <div class="business-content">
|
| <p><img src="img/round.png" alt="round"> 1. Create Certain Amont of Deoenturising WAG Coin.</p>
|
| <p><img src="img/round.png" alt="round"> 2. We are akk agent in Wagent platform to get reward and save money.</p>
|
| <p><img src="img/round.png" alt="round"> 3. Build Exchange Platform.</p>
|
| <p><img src="img/round.png" alt="round"> 4. Create APP.</p>
|
| <p><img src="img/round.png" alt="round"> 5. Transfer Currency to Buy Property.</p>
|
| <p><img src="img/round.png" alt="round"> 6. Build Community.</p>
|
| <p><img src="img/round.png" alt="round"> 7. Refering System make $wAG.</p>
|
| <p><img src="img/round.png" alt="round"> 8. Rating Business Services Activity using Blockchain Tech.</p>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
| |
|
|
|
|
|
|
|
|
| <section id="roadmap" class="roadmap-section">
|
| <div class="container">
|
| <div class="page-header">
|
| <h1 id="timeline">Roadmap</h1>
|
| </div>
|
| <ul class="timeline">
|
|
|
| <li>
|
| <div class="direction-r fadeInRight wow" data-wow-delay=.2s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem ipsum.</span> <span class="time-wrapper"><span class="time">April 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum Nisi labore aute do aute culpa magna nulla voluptate exercitation deserunt proident.</div>
|
| </div>
|
| </li>
|
|
|
|
|
| <li>
|
| <div class="direction-l fadeInLeft wow" data-wow-delay=.4s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem ipsum Anim.</span> <span class="time-wrapper"><span class="time">May 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum In ut sit in dolor nisi ex magna eu anim anim tempor dolore aliquip enim cupidatat laborum dolore.</div>
|
| </div>
|
| </li>
|
|
|
|
|
| <li>
|
| <div class="direction-r fadeInRight wow" data-wow-delay=.6s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem Occaecat.</span> <span class="time-wrapper"><span class="time">July 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum Minim labore Ut cupidatat quis qui deserunt proident fugiat pariatur cillum cupidatat reprehenderit sit id dolor consectetur ut.</div>
|
| </div>
|
| </li>
|
|
|
|
|
| <li>
|
| <div class="direction-l fadeInLeft wow" data-wow-delay=.8s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem ipsum Anim.</span> <span class="time-wrapper"><span class="time">Aug 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum In ut sit in dolor nisi ex magna eu anim anim tempor dolore aliquip enim cupidatat laborum dolore.</div>
|
| </div>
|
| </li>
|
|
|
|
|
| <li>
|
| <div class="direction-r fadeInRight wow" data-wow-delay=1s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem Occaecat.</span> <span class="time-wrapper"><span class="time">Sep 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum Minim labore Ut cupidatat quis qui deserunt proident fugiat pariatur cillum cupidatat reprehenderit sit id dolor consectetur ut.</div>
|
| </div>
|
| </li>
|
|
|
|
|
| <li>
|
| <div class="direction-l fadeInLeft wow" data-wow-delay=1.2s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem ipsum Anim.</span> <span class="time-wrapper"><span class="time">Oct 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum In ut sit in dolor nisi ex magna eu anim anim tempor dolore aliquip enim cupidatat laborum dolore.</div>
|
| </div>
|
| </li>
|
|
|
|
|
| <li>
|
| <div class="direction-r fadeInRight wow" data-wow-delay=1.4s>
|
| <div class="flag-wrapper"> <span class="hexa"></span> <span class="flag">Lorem Occaecat.</span> <span class="time-wrapper"><span class="time">Nov 2018</span></span> </div>
|
| <div class="desc">Lorem ipsum Minim labore Ut cupidatat quis qui deserunt proident fugiat pariatur cillum cupidatat reprehenderit sit id dolor consectetur ut.</div>
|
| </div>
|
| </li>
|
| </ul>
|
| </div>
|
| </section>
|
|
|
|
|
|
|
|
|
|
|
| <section id="team">
|
| <div class="team">
|
| <div class="container">
|
| <div class="row">
|
| <div class="team-title">
|
| <h2>Our Team</h2>
|
| </div>
|
| </div>
|
| <div class="row text-center">
|
| <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
| <div class="team-inner-part"> <img class="img-rounded" alt="team-photo" src="https://images.pexels.com/photos/428331/pexels-photo-428331.jpeg?h=350&auto=compress&cs=tinysrgb" width="100%">
|
| <div class="team-member">
|
| <h4>John Doe</h4>
|
| <p>Web developer</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
| <div class="team-inner-part"> <img class="img-rounded" alt="team-photo" src="https://images.pexels.com/photos/428333/pexels-photo-428333.jpeg?h=350&auto=compress&cs=tinysrgb" width="100%">
|
| <div class="team-member">
|
| <h4>Jack Doe</h4>
|
| <p>Web designer</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
| <div class="team-inner-part"> <img class="img-rounded" alt="team-photo" src="https://images.pexels.com/photos/295821/pexels-photo-295821.jpeg?h=350&auto=compress&cs=tinysrgb" width="100%">
|
| <div class="team-member">
|
| <h4>James</h4>
|
| <p>CEO</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
| <div class="team-inner-part"> <img class="img-rounded" alt="team-photo" src="https://images.pexels.com/photos/428331/pexels-photo-428331.jpeg?h=350&auto=compress&cs=tinysrgb" width="100%">
|
| <div class="team-member">
|
| <h4>John Doe</h4>
|
| <p>Web developer</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
| <div class="team-inner-part"> <img class="img-rounded" alt="team-photo" src="https://images.pexels.com/photos/428333/pexels-photo-428333.jpeg?h=350&auto=compress&cs=tinysrgb" width="100%">
|
| <div class="team-member">
|
| <h4>Jack Doe</h4>
|
| <p>Web designer</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-4 col-sm-4 col-xs-12">
|
| <div class="team-inner-part"> <img class="img-rounded" alt="team-photo" src="https://images.pexels.com/photos/295821/pexels-photo-295821.jpeg?h=350&auto=compress&cs=tinysrgb" width="100%">
|
| <div class="team-member">
|
| <h4>James</h4>
|
| <p>CEO</p>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
|
|
|
|
| <section class="faq" id="faq">
|
| <div class="container">
|
| <h2>FAQ</h2>
|
| <div class="panel-group" id="accordion">
|
| <div class="panel panel-default">
|
| <div class="panel-heading">
|
| <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse1" class="panel-title expand">
|
| <div class="right-arrow pull-right">+</div>
|
| <a href="#">Business Acquisition Specialist - Sales(position : 12)</a> </h4>
|
| </div>
|
| <div id="collapse1" class="panel-collapse collapse">
|
| <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
| quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
| </div>
|
| </div>
|
| <div class="panel panel-default">
|
| <div class="panel-heading">
|
| <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse2" class="panel-title expand">
|
| <div class="right-arrow pull-right">+</div>
|
| <a href="#">.Net Developer(position : 2)</a> </h4>
|
| </div>
|
| <div id="collapse2" class="panel-collapse collapse">
|
| <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
| quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
| </div>
|
| </div>
|
| <div class="panel panel-default">
|
| <div class="panel-heading">
|
| <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse3" class="panel-title expand">
|
| <div class="right-arrow pull-right">+</div>
|
| <a href="#">Web Designer(position : 1)</a> </h4>
|
| </div>
|
| <div id="collapse3" class="panel-collapse collapse">
|
| <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
| quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
| </div>
|
| </div>
|
| <div class="panel panel-default">
|
| <div class="panel-heading">
|
| <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse4" class="panel-title expand">
|
| <div class="right-arrow pull-right">+</div>
|
| <a href="#">Web Designer(position : 1)</a> </h4>
|
| </div>
|
| <div id="collapse4" class="panel-collapse collapse">
|
| <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
| quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
| </div>
|
| </div>
|
| <div class="panel panel-default">
|
| <div class="panel-heading">
|
| <h4 data-toggle="collapse" data-parent="#accordion" href="#collapse5" class="panel-title expand">
|
| <div class="right-arrow pull-right">+</div>
|
| <a href="#">Web Designer(position : 1)</a> </h4>
|
| </div>
|
| <div id="collapse5" class="panel-collapse collapse">
|
| <div class="panel-body">Lorem ipsum dolor sit amet, consectetur adipisicing elit,
|
| sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
|
| quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
|
|
|
|
| <section class="blog-area" id="blog">
|
| <div class="container">
|
| <div class="row justify-content-center">
|
| <div class="col-lg-12 text-center">
|
| <div class="section-title">
|
| <h2>Our Blog</h2>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="row">
|
| <div class="col-lg-4 col-md-6">
|
| <div class="single-blog-post">
|
| <div class="thumb"> <img src="img/blog/blog-post-1.jpg" alt="blog post"> </div>
|
| <div class="content"> <a href="#">
|
| <h4>Onyx and Binary Options Trading</h4>
|
| </a>
|
| <p>Lorem ipsum dolor sit amet, duo vide etiam periculis ei, ius in lorem iuvaret. Cum nemro assum duo vide etiam periculis ei,duo
|
| vide etiam periculis ei,copiosae despite...</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-6">
|
| <div class="single-blog-post">
|
| <div class="thumb"> <img src="img/blog/blog-post-3.jpg" alt="blog post"> </div>
|
| <div class="content"> <a href="#">
|
| <h4>Onyx and Binary Options Trading</h4>
|
| </a>
|
| <p>Lorem ipsum dolor sit amet, duo vide etiam periculis ei, ius in lorem iuvaret. Cum nemro assum duo vide etiam
|
| periculis ei,duo vide etiam periculis ei,copiosae despite...</p>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="col-lg-4 col-md-6">
|
| <div class="single-blog-post">
|
| <div class="thumb"> <img src="img/blog/blog-post-2.jpg" alt="blog post"> </div>
|
| <div class="content"> <a href="#">
|
| <h4>Onyx and Binary Options Trading</h4>
|
| </a>
|
| <p>Lorem ipsum dolor sit amet, duo vide etiam periculis ei, ius in lorem iuvaret. Cum nemro assum duo vide etiam
|
| periculis ei,duo vide etiam periculis ei,copiosae despite...</p>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| </section>
|
| <footer>
|
| <div class=container>
|
| <div class=row>
|
| <div class="col-xs-12 col-sm-6 col-md-3"><img alt=logo src=img/logos/logo.png class=footer-logo>
|
| <div class="mt-20 footer-content">
|
| <p>Welcome to SpecThemes
|
| </div>
|
| <div class=footer-contact-list>
|
| <ul>
|
| <li><i class="fa fa-phone"></i>+123 456 789
|
| <li><i class="fa fa-map"></i>London, England Seram 113
|
| <li><i class="fa fa-envelope"></i>example@gmail.com
|
| </ul>
|
| </div>
|
| </div>
|
| <div class="col-xs-12 col-sm-6 col-md-3">
|
| <div class=footer-heading>
|
| <h3>Quick Links</h3>
|
| <ul>
|
| <li><a href=#>About Us</a>
|
| <li><a href=#>Our Services</a>
|
| <li><a href=#>Why Choose Us</a>
|
| <li><a href=#>Cryptocurrency</a>
|
| <li><a href=#>Wag Prices</a>
|
| </ul>
|
| </div>
|
| </div>
|
| <div class="col-xs-12 col-sm-6 col-md-3">
|
| <div class=footer-heading>
|
| <h3>Recourses</h3>
|
| <ul>
|
| <li><a href=#>Buy Wag</a>
|
| <li><a href=#>Getting Started</a>
|
| <li><a href=#>Why Choose Wag</a>
|
| <li><a href=#>Cryptocurrency</a>
|
| <li><a href=#>Partners</a>
|
| </ul>
|
| </div>
|
| </div>
|
| <div class="col-xs-12 col-sm-6 col-md-3">
|
| <div class=footer-heading>
|
| <h3>Newsletter</h3>
|
| </div>
|
| <form action=# class=footer-form>
|
| <div class=row>
|
| <div class=col-md-9>
|
| <input name=newsletter placeholder="Your email">
|
| </div>
|
| <div class="col-md-3 pl-0-md">
|
| <button type=submit><i class="fa fa-paper-plane"></i></button>
|
| </div>
|
| </div>
|
| </form>
|
| <div class="mt-20 footer-content">
|
| <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <div class="copyright-part text-center">© COPYRIGHT 2018. ALL RIGHTS RESERVED.</div>
|
| </footer>
|
| <a href="#" class=scroll-to-top><i class="fa fa-angle-up" aria-hidden="true"></i></a>
|
|
|
|
|
| <div class="modal fade" id="videoModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
|
| <div class="modal-dialog">
|
| <div class="modal-content">
|
| <div class="modal-body" style=" padding:5px;">
|
|
|
| <iframe width="100%" height="350" src="" frameborder="0" allowfullscreen></iframe>
|
| </div>
|
| </div>
|
| </div>
|
| </div>
|
| <script src=js/jquery.min.js></script><script src=js/bootstrap.min.js></script>
|
| <script src=js/owl.carousel.js></script><script src=js/wow.min.js></script>
|
| <script src=js/jquery.counterup.min.js></script><script src=js/waypoints.min.js></script>
|
| <script src=js/slick-plugin.js></script><script src=js/slick.js></script>
|
| <script src=js/swiper.min.js></script><script src=js/tabs.min.js></script>
|
| <script src=js/jquery.hover3d.min.js></script>
|
| <script src=js/jquery.mb.YTPlayer.min.js></script>
|
| <script src=js/isotope.pkgd.min.js></script>
|
| <script src=js/modernizr.js></script>
|
| <script src=js/map.js></script>
|
| <script src="js/plugin.js"></script>
|
| <script src="js/effect.js"></script>
|
| <script src=js/main.js></script>
|
|
|
|
|
| <script>
|
| function getTimeRemaining(endtime) {
|
| var t = Date.parse(endtime) - Date.parse(new Date());
|
| var seconds = Math.floor((t / 1000) % 60);
|
| var minutes = Math.floor((t / 1000 / 60) % 60);
|
| var hours = Math.floor((t / (1000 * 60 * 60)) % 24);
|
| var days = Math.floor(t / (1000 * 60 * 60 * 24));
|
| return {
|
| 'total': t,
|
| 'days': days,
|
| 'hours': hours,
|
| 'minutes': minutes,
|
| 'seconds': seconds
|
| };
|
| }
|
|
|
| function initializeClock(id, endtime) {
|
| var clock = document.getElementById(id);
|
| var daysSpan = clock.querySelector('.days');
|
| var hoursSpan = clock.querySelector('.hours');
|
| var minutesSpan = clock.querySelector('.minutes');
|
| var secondsSpan = clock.querySelector('.seconds');
|
|
|
| function updateClock() {
|
| var t = getTimeRemaining(endtime);
|
|
|
| daysSpan.innerHTML = t.days;
|
| hoursSpan.innerHTML = ('0' + t.hours).slice(-2);
|
| minutesSpan.innerHTML = ('0' + t.minutes).slice(-2);
|
| secondsSpan.innerHTML = ('0' + t.seconds).slice(-2);
|
|
|
| if (t.total <= 0) {
|
| clearInterval(timeinterval);
|
| }
|
| }
|
|
|
| updateClock();
|
| var timeinterval = setInterval(updateClock, 1000);
|
| }
|
|
|
| var deadline = new Date(Date.parse(new Date()) + 15 * 24 * 60 * 60 * 1000);
|
| initializeClock('clockdiv', deadline);
|
|
|
| </script>
|
|
|
| <script>
|
| $(function() {
|
| $(".video").click(function () {
|
| var theModal = $(this).data("target"),
|
| videoSRC = $(this).attr("data-video"),
|
| videoSRCauto = videoSRC + "?modestbranding=1&rel=0&controls=0&showinfo=0&html5=1&autoplay=1";
|
| $(theModal + ' iframe').attr('src', videoSRCauto);
|
| $(theModal + ' button.close').click(function () {
|
| $(theModal + ' iframe').attr('src', videoSRC);
|
| });
|
| });
|
| });
|
| </script> |