git.roojs.org Git - bootswatch/blob - mPurpose/page-coming-soon.html

   1 <!DOCTYPE html>
   2 <!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
   3 <!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
   4 <!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
   5 <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
   6     <head>
   7         <meta charset="utf-8">
   8         <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
   9         <title>mPurpose - Multipurpose Feature Rich Bootstrap Template</title>
  10         <meta name="description" content="">
  11         <meta name="viewport" content="width=device-width">
  12
  13         <link rel="stylesheet" href="css/bootstrap.min.css">
  14         <link rel="stylesheet" href="css/coming-soon-social.css">
  15         <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,600,800' rel='stylesheet' type='text/css'>
  16                 <link rel="stylesheet" href="css/main.css">
  17
  18         <script src="js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  19     </head>
  20     <body>
  21         <!--[if lt IE 7]>
  22             <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  23         <![endif]-->
  24
  25
  26
  27         <img alt="full screen background image" src="img/launch-bg.jpg" class="full-screen-background" />
  28         <div class="coming-soon-top">
  29                 <div class="container">
  30                         <div class="row">
  31                                 <div class="col-md-12">
  32                                         <div class="logo-wrapper">
  33                                                 <a href="page-coming-soon.html"><img src="img/mPurpose-logo.png" alt="Multipurpose Twitter Bootstrap Template"></a>
  34                                         </div>
  35                                 </div>
  36                         </div>
  37                 </div>
  38                 </div>
  39                 <div class="coming-soon-content">
  40                         <h3>We are working on a new awesome website.<br/><b>It's coming soon!</b></h3>
  41
  42                         <div class="coming-soon-subscribe container">
  43                 <div class="row">
  44                     <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3">
  45                         <div class="input-group">
  46                             <input type="text" class="form-control input-lg" placeholder="Please enter your email">
  47                             <span class="input-group-btn">
  48                                 <button class="btn btn-lg" type="button">Subscribe</button>
  49                             </span>
  50                         </div>
  51                         <p>Subscribe to be one of the first to know when we are live!</p>
  52                     </div>
  53                     <div class="col-lg-4 col-lg-offset-4 col-sm-6 col-sm-offset-3">
  54                                         <div class="coming-soon-social">
  55                                                 <a href="#" data-toggle="tooltip" data-original-title="Join Us!" data-placement="top" class="show-tooltip"><i class="icon-facebook"></i></a>
  56                                                 <a href="#" data-toggle="tooltip" data-original-title="Join Us!" data-placement="top" class="show-tooltip"><i class="icon-github"></i></a>
  57                                                 <a href="#" data-toggle="tooltip" data-original-title="Join Us!" data-placement="top" class="show-tooltip"><i class="icon-tumblr"></i></a>
  58                                         </div>
  59                     </div>
  60                 </div>
  61                         </div>
  62                 </div>
  63
  64         <!-- Javascripts -->
  65         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  66         <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
  67                 <script src="js/bootstrap.min.js"></script>
  68
  69         <script>
  70                 $('.show-tooltip').tooltip();
  71         </script>
  72
  73     </body>
  74 </html>