123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261 |
- <!DOCTYPE html>
- <html class="js">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Layla - Coming Soon Page</title>
- <!-- Stylesheets -->
- <link rel="stylesheet" href="css/bootstrap.min.css">
- <link rel="stylesheet" href="css/ionicons.min.css">
- <link rel="stylesheet" href="css/animate.css">
- <link rel="stylesheet" href="css/style.css">
- <!-- Google Fonts -->
- <link href='http://fonts.googleapis.com/css?family=Josefin+Sans:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic|Cinzel:400,700,900' rel='stylesheet' type='text/css'>
- </head>
- <body>
- <div id="preloader"></div>
- <section id="video-wrap">
- <div id="video"></div>
- <div class="container">
- <div class="row">
- <div class="col-md-12">
- <div class="logo text-center wow fadeInDown">
- <a href="#"><img src="assets/logo.png" alt="Layla"></a>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-md-7 wow fadeInLeft" style="z-index: 9999;">
- <div class="headline-wrap">
- <h1 class="headline">
- We Are Coming With Something
- <br>
- <span class="quotes">Amazing</span>
- <span class="quotes">Beautiful</span>
- <span class="quotes">Superb</span>
- <span class="quotes">Terrific</span>
- <span class="quotes">Awesome</span>
- <span class="quotes">Amazing</span>
- <span class="quotes">Amazing</span>
- <br>
- Subscribe and Stay UPDATED.
- </h1>
- <form role="form" id="subscribe-form" class="row">
- <div class="form-group col-xs-10">
- <input type="email" name="email" class="form-control mc-email" id="subscriber-email" placeholder="Email" required>
- </div>
- <div class="form-group col-xs-2 push-btn-left">
- <button id="subscribe-button" type="submit" class="btn btn-default mc-btn">
- <i class="ion-paper-airplane"></i>
- </button>
- </div>
- </form>
- <!-- SUCCESS OR ERROR MESSAGES -->
- <div id="subscription-response"></div>
- </div>
- </div>
- <div class="col-md-5 wow fadeInRight">
- <div class="clock row">
- <div class="col-xs-3 col-sm-3 col-md-6">
- <div class="countdown-time-value clock-item clock-days">
- <div class="wrap">
- <div class="inner">
- <div id="canvas-days" class="clock-canvas"></div>
- <div class="text">
- <p class="val">0</p>
- <p class="type-days type-time">DAYS</p>
- </div><!-- /.text -->
- </div><!-- /.inner -->
- </div><!-- /.wrap -->
- </div>
- </div><!-- /.clock-item -->
- <div class="col-xs-3 col-sm-3 col-md-6">
- <div class="clock-item clock-hours countdown-time-value">
- <div class="wrap">
- <div class="inner">
- <div id="canvas-hours" class="clock-canvas"></div>
- <div class="text">
- <p class="val">0</p>
- <p class="type-hours type-time">HOURS</p>
- </div><!-- /.text -->
- </div><!-- /.inner -->
- </div><!-- /.wrap -->
- </div>
- </div><!-- /.clock-item -->
- <div class="col-xs-3 col-sm-3 col-md-6">
- <div class="clock-item clock-minutes countdown-time-value">
- <div class="wrap">
- <div class="inner">
- <div id="canvas-minutes" class="clock-canvas"></div>
- <div class="text">
- <p class="val">0</p>
- <p class="type-minutes type-time">MINUTES</p>
- </div><!-- /.text -->
- </div><!-- /.inner -->
- </div><!-- /.wrap -->
- </div>
- </div><!-- /.clock-item -->
- <div class="col-xs-3 col-sm-3 col-md-6">
- <div class="clock-item clock-seconds countdown-time-value">
- <div class="wrap">
- <div class="inner">
- <div id="canvas-seconds" class="clock-canvas"></div>
- <div class="text">
- <p class="val">0</p>
- <p class="type-seconds type-time">SECONDS</p>
- </div><!-- /.text -->
- </div><!-- /.inner -->
- </div><!-- /.wrap -->
- </div>
- </div><!-- /.clock-item -->
- </div>
- </div>
- </div>
- </div>
- <div class="arrow-down text-center">
- <a href="#nav-menu" class="wow bounce" data-wow-duration="4s" data-wow-delay="1s" data-wow-iteration="1000"><i class="ion-chevron-down"></i></a>
- </div>
- </section>
- <section>
- <nav id="nav-menu" class="navbar nav-layla" role="navigation">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".main-nav">
- <i class="ion-navicon"></i>
- </button>
- <a class="navbar-brand" href="#">LAYLA</a>
- </div>
- <div class="collapse navbar-collapse main-nav">
- <ul class="nav navbar-nav navbar-right">
- <li><a href="#wrap">Top</a><span class="hover-li"></span></li>
- <li><a href="#about">About</a><span class="hover-li"></span></li>
- <li><a href="#contact">Contact</a><span class="hover-li"></span></li>
- </ul>
- </div>
- </nav>
- </section>
- <section id="about">
- <div class="container">
- <div class="row">
- <div class="col-xs-12">
- <div class="title text-center wow zoomIn">
- <h1>ABOUT</h1>
- <span class="title line"></span>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-6 text-center wow fadeInLeft">
- <img src="assets/lady.jpg" alt="Jane Doe" class="img-responsive portrait">
- </div>
- <div class="col-sm-6 wow fadeInRight">
- <div class="about-text">
- <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus itaque quos sunt, possimus inventore quo expedita earum animi optio, dignissimos placeat quaerat voluptatum deserunt voluptatibus molestias iure adipisci totam quidem. </p>
- <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus itaque quos sunt, possimus inventore quo expedita earum animi optio, dignissimos placeat quaerat voluptatum deserunt voluptatibus molestias iure adipisci totam quidem. </p>
- <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus itaque quos sunt, possimus inventore quo expedita earum animi optio, dignissimos placeat quaerat voluptatum deserunt voluptatibus molestias iure adipisci totam quidem. </p>
- <div class="signature text-right">
- <img src="assets/signature.png" class="img-responsive" alt="Jane Doe">
- </div>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="contact">
- <div class="container">
- <div class="row">
- <div class="col-xs-12">
- <div class="title text-center wow zoomIn">
- <h1>CONTACT US</h1>
- <span class="title line"></span>
- </div>
- </div>
- </div>
- <div class="row">
- <div class="col-sm-6 wow fadeInLeft">
- <p>Send us your Query. Drop your Message</p>
- <form id="contact-form" method="post" class="form afsana-form" role="form">
- <div class="row">
- <div class="col-sm-12 form-group">
- <input class="form-control afsana-style" id="name" name="name" placeholder="Name" type="text" required autofocus />
- </div>
- <div class="col-sm-12 form-group">
- <input class="form-control afsana-style" id="email" name="email" placeholder="Email" type="email" required />
- </div>
- <div class="col-sm-12 form-group">
- <textarea class="form-control" id="message" name="message" placeholder="Message" rows="5"></textarea>
- </div>
- <div class="col-sm-12 form-group">
- <button class="btn btn-primary afsana-btn" type="submit">Submit <i class="ion-arrow-graph-up-right"></i></button>
- </div>
- </div>
- </form>
- </div>
- <div class="col-sm-6 wow fadeInRight">
- <p>Like us on Facebook and Stay updated.</p>
- <div class="facebook-box">
- <iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FTechNextit&width&height=258&colorscheme=dark&show_faces=true&header=false&stream=false&show_border=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:258px;" allowTransparency="true"></iframe>
- </div>
- <div class="social-icons">
- <ul>
- <li class="facebook wow fadeInUp" data-wow-delay="1.1s"><a href="#"><i class="ion-social-facebook"></i></a></li>
- <li class="twitter wow fadeInUp" data-wow-delay="1.2s"><a href="#"><i class="ion-social-twitter"></i></a></li>
- <li class="googleplus wow fadeInUp" data-wow-delay="1.3s"><a href="#"><i class="ion-social-googleplus"></i></a></li>
- <li class="github wow fadeInUp" data-wow-delay="1.5s"><a href="#"><i class="ion-social-github"></i></a></li>
- <li class="linkedin wow fadeInUp" data-wow-delay="1.6s"><a href="#"><i class="ion-social-linkedin"></i></a></li>
- <li class="youtube wow fadeInUp" data-wow-delay="1.7s"><a href="#"><i class="ion-social-youtube"></i></a></li>
- </ul>
- </div>
- </div>
- </div>
- </div>
- </section>
- <section id="footer">
- <div class="container">
- <div class="row">
- <div class="col-sm-8">
- <p class="copyright text-left">Copyright © 2014 Your Website Link. All rights reserved.</p>
- </div>
- <div class="col-sm-4">
- <p class="copyright text-right">Theme by <a href="https://themewagon.com/">ThemeWagon</a></p>
- </div>
- </div>
- </div>
- </section>
- <script src="js/modernizr.custom.js"></script>
- <script src="js/jquery.min.js"></script>
- <script src="js/bootstrap.min.js"></script>
- <script src="js/jquery.videoBG.js"></script>
- <script src="js/jquery.sticky-kit.min.js"></script>
- <script src="js/wow.min.js"></script>
- <script src="js/kinetic.js"></script>
- <script src="js/jquery.final-countdown.min.js"></script>
- <script src="js/script.js"></script>
- </body>
- </html>
|