disuse/lollytin/tags.html

   1
   2                                                 <!DOCTYPE html>
   3 <html lang="en">
   4         <head>
   5                 <meta charset="utf-8">
   6                 <meta http-equiv="X-UA-Compatible" content="IE=edge">
   7                 <meta name="viewport" content="width=device-width, initial-scale=1">
   8                 <title></title>
   9                 <link rel="shortcut icon" type="image/x-icon" href="favicon.png" />
  10                 <link href="fonts/font-awesome-4.1.0/css/font-awesome.min.css" rel="stylesheet">
  11                 <link href="css/bootstrap-3.1.1.min.css" rel="stylesheet">
  12                 <link href="css/lollies.min.css" rel="stylesheet">
  13                 <link href="css/custom.css" rel="stylesheet">
  14                 <!--[if lt IE 9]>
  15                         <script src="js/html5shiv-3.7.0.js"></script>
  16                         <script src="js/respond-1.4.2.js"></script>
  17                 <![endif]-->
  18         </head>
  19         <body>
  20
  21                                                                 <header id="main-header">
  22                         <div class="container">
  23                                 <div class="row">
  24                                         <div class="col-md-3 spacer"></div>
  25                                         <div class="col-md-6">
  26                                                 <!-- LOGO -->
  27                                                 <div id="logo"><a href="/"><img src="http://placehold.it/720x200/149cd7/149cd7" /></a></div>
  28                                         </div>
  29                                         <div class="col-md-3 spacer"></div>
  30                                 </div>
  31                         </div>
  32                 </header>
  33
  34                 <nav id="main-nav">
  35                         <div class="container">
  36                                 <div class="row">
  37                                         <div class="col-md-12">
  38                                                 <!-- NAVIGATION -->
  39                                                 <div class="navbar navbar-default" role="navigation">
  40                                                         <div class="navbar-header">
  41                                                                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  42                                                                         <span class="sr-only">Toggle navigation</span>
  43                                                                         <span class="icon-bar"></span>
  44                                                                         <span class="icon-bar"></span>
  45                                                                         <span class="icon-bar"></span>
  46                                                                 </button>
  47                                                         </div>
  48                                                         <div class="navbar-collapse collapse">
  49                                                                 <ul class="nav navbar-nav nav-justified">
  50                                                                         <li class="active"><a href="#">Nav Item 1</a></li>
  51                                                                         <li><a href="#">Nav Item 2</a></li>
  52                                                                         <li><a href="#">Nav Item 3</a></li>
  53                                                                         <li><a href="#">Nav Item 4</a></li>
  54                                                                         <li><a href="#">Nav Item 5</a></li>
  55                                                                         <li class="dropdown">
  56                                                                                 <a href="#" class="dropdown-toggle" data-toggle="dropdown">Nav Item 6 <b class="caret"></b></a>
  57                                                                                 <ul class="dropdown-menu">
  58                                                                                         <li><a href="#">Action</a></li>
  59                                                                                         <li><a href="#">Another action</a></li>
  60                                                                                         <li><a href="#">Something else here</a></li>
  61                                                                                         <li class="divider"></li>
  62                                                                                         <li class="dropdown-header">Nav header</li>
  63                                                                                         <li><a href="#">Separated link</a></li>
  64                                                                                         <li><a href="#">One more separated link</a></li>
  65                                                                                 </ul>
  66                                                                         </li>
  67                                                                 </ul>
  68                                                         </div>
  69                                                 </div>
  70
  71                                         </div>
  72                                 </div>
  73                         </div>
  74                 </nav>          <div id="slider" class="slider-col">
  75                         <div class="container">
  76                                 <div class="row">
  77                                         <div class="col-md-12">
  78                                                 <div class="camera_slider">
  79                                                         <div data-src="http://placehold.it/1110x400/21b2eb/058dcd"></div>
  80                                                         <div data-src="http://placehold.it/1110x400/058dcd/21b2eb"></div>
  81                                                 </div>
  82                                         </div>
  83                                 </div>
  84                         </div>
  85                 </div>          <div class="service-block">
  86                         <div class="container">
  87                                 <div class="row">
  88                                         <div class="col-md-4 col-sm-4">
  89                                                 <div class="animate-paraslide animatedEntrance">
  90                                                         <a href="#">
  91                                                                 <img src="http://placehold.it/720x850/21b2eb/058dcd" />
  92                                                                 <div class="overlay">
  93                                                                         <h3>Caption</h3>
  94                                                                         <p>Lorizzle ipsizzle dolor sit amet, shiznit the bizzle sizzle.</p>
  95                                                                 </div>
  96                                                         </a>
  97                                                 </div>
  98                                         </div>
  99                                         <div class="col-md-4 col-sm-4">
 100                                                 <div class="animate-paraslide animatedEntrance">
 101                                                         <a href="#">
 102                                                                 <img src="http://placehold.it/720x850/21b2eb/058dcd" />
 103                                                                 <div class="overlay">
 104                                                                         <h3>Caption</h3>
 105                                                                         <p>Lorizzle ipsizzle dolor sit amet, shiznit the bizzle sizzle.</p>
 106                                                                 </div>
 107                                                         </a>
 108                                                 </div>
 109                                         </div>
 110                                         <div class="col-md-4 col-sm-4">
 111                                                 <div class="animate-paraslide animatedEntrance">
 112                                                         <a href="#">
 113                                                                 <img src="http://placehold.it/720x850/21b2eb/058dcd" />
 114                                                                 <div class="overlay">
 115                                                                         <h3>Caption</h3>
 116                                                                         <p>Lorizzle ipsizzle dolor sit amet, shiznit the bizzle sizzle.</p>
 117                                                                 </div>
 118                                                         </a>
 119                                                 </div>
 120                                         </div>
 121                                 </div>
 122                         </div>
 123                 </div>          <div class="form-block">
 124                         <div class="container">
 125                                 <div class="row">
 126                                         <div class="col-md-6 col-sm-6">
 127                                                 <img src="http://placehold.it/720x850/21b2eb/058dcd" />
 128                                         </div>
 129                                         <div class="col-md-6 col-sm-6">
 130                                                 <form method="post" id="custom_form" name="custom_form">
 131                                                         <div class="form-group">
 132                                                                 <label >Name</label>
 133                                                                 <input  type="text" id="name" name="name" class="form-control">
 134                                                         </div>
 135                                                         <div class="form-group">
 136                                                                 <label >Email</label>
 137                                                                 <input type="text" id="email" name="email" class="form-control" >
 138                                                         </div>
 139                                                         <div class="form-group">
 140                                                                 <label >Message</label>
 141                                                                 <textarea type="text" id="message" name="message" class="form-control"></textarea>
 142                                                         </div>
 143                                                         <div class="form-group">
 144                                                                 <label>Captcha (case sensitive)</label>
 145                                                                 <div id="spambox">
 146                                                                         <div class="spam"></div>
 147                                                                 </div>
 148                                                         </div>
 149                                                         <button type="submit" class="btn btn-default" id="submit">Submit</button>
 150                                                 </form>
 151                                         </div>
 152                                 </div>
 153                         </div>
 154                 </div>
 155
 156                                                                 <!-- SCRIPTS -->
 157                 <script src="js/jquery-1.7.2.min.js"></script>
 158                 <script src="js/bootstrap-3.1.1.min.js"></script>
 159                 <script src="plugins/backstretch/backstretch-2.0.4.min.js"></script>
 160                 <script src="plugins/camera-slider/camera-slider-1.3.4.min.js"></script>
 161                 <script src="plugins/camera-slider/easing-1.3.min.js"></script>
 162                 <script src="plugins/fancybox/fancybox-1.3.4.pack.js"></script>
 163                 <script src="plugins/fancybox/klass-1.0.min.js"></script>
 164                 <script src="plugins/fancybox/photoswipe-3.0.5.min.js"></script>
 165                 <script src="plugins/hover-animations/transform2d.min.js"></script>
 166                 <script src="plugins/hover-animations/hover-animations-1.0.min.js"></script>
 167                 <script src="plugins/match-height/match-height-0.5.1.min.js"></script>
 168                 <script src="plugins/validation/validation-2.2.min.js"></script>
 169                 <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
 170                 <script src="js/lollies.min.js"></script>
 171                 <script src="js/custom.js"></script>
 172         </body>
 173 </html>
 174