lollytin/ver2.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 class="service-block">
  75                         <div class="container">
  76                                 <div class="row">
  77                                         <div class="col-md-4 col-sm-4">
  78                                                 <div class="animate-paraslide animatedEntrance">
  79                                                         <a href="#">
  80                                                                 <img src="http://placehold.it/720x850/21b2eb/058dcd" />
  81                                                                 <div class="overlay">
  82                                                                         <h3>Caption</h3>
  83                                                                         <p>Lorizzle ipsizzle dolor sit amet, shiznit the bizzle sizzle.</p>
  84                                                                 </div>
  85                                                         </a>
  86                                                 </div>
  87                                         </div>
  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>
 111                         </div>
 112                 </div>          <div id="slider" class="slider-col">
 113                         <div class="container">
 114                                 <div class="row">
 115                                         <div class="col-md-12">
 116                                                 <div class="camera_slider">
 117                                                         <div data-src="http://placehold.it/1110x400/21b2eb/058dcd"></div>
 118                                                         <div data-src="http://placehold.it/1110x400/058dcd/21b2eb"></div>
 119                                                 </div>
 120                                         </div>
 121                                 </div>
 122                         </div>
 123                 </div>          <div class="footer-block">
 124                         <div class="container">
 125                                 <div class="row">
 126                                         <div class="col-md-6">
 127                                                 <h2>Praesent nisl diam</h2>
 128                                                 <p>Proin eu leo non metus vulputate viverra. Curabitur ac augue ante. Praesent nisl diam, iaculis eget ipsum at, blandit laoreet eros. Nam hendrerit, erat commodo varius consequat, dolor massa tempor massa, vel cursus enim neque pellentesque augue. Aenean ullamcorper et lacus at hendrerit. Phasellus id lectus luctus, congue quam id, tempor justo. Mauris sodales imperdiet nisi eget lacinia. Nulla vehicula eleifend nibh sed malesuada. Praesent eget tortor erat. Nullam a sapien sit amet enim tempor cursus. Sed vehicula nisl sed odio gravida aliquam. Sed metus lorem, vestibulum vel pulvinar vel, condimentum vitae risus. Curabitur in odio ut nisl convallis dapibus sollicitudin vitae orci. Aenean vel molestie massa. Nam vehicula porta arcu, at dapibus nulla pulvinar fermentum. Nam orci enim, elementum ac risus vestibulum, imperdiet placerat mi.</p>
 129                                         </div>
 130                                         <div class="col-md-6">
 131                                                 <div id="footer-map"></div>
 132                                         </div>
 133                                 </div>
 134                         </div>
 135                 </div>
 136                 <div class="copyright-block">
 137                         <div class="container">
 138                                 <div class="row">
 139                                         <div class="col-md-6 col-sm-6 col-xs-12 left">
 140                                                 &copy; 2014 Praesent nisl diam.
 141                                         </div>
 142                                         <div class="col-md-6 col-sm-6 right hidephone">
 143                                                 Proin | Metus | Vulputate | Curabitur
 144                                         </div>
 145                                 </div>
 146                         </div>
 147                 </div>
 148
 149                                                                 <!-- SCRIPTS -->
 150                 <script src="js/jquery-1.7.2.min.js"></script>
 151                 <script src="js/bootstrap-3.1.1.min.js"></script>
 152                 <script src="plugins/backstretch/backstretch-2.0.4.min.js"></script>
 153                 <script src="plugins/camera-slider/camera-slider-1.3.4.min.js"></script>
 154                 <script src="plugins/camera-slider/easing-1.3.min.js"></script>
 155                 <script src="plugins/fancybox/fancybox-1.3.4.pack.js"></script>
 156                 <script src="plugins/fancybox/klass-1.0.min.js"></script>
 157                 <script src="plugins/fancybox/photoswipe-3.0.5.min.js"></script>
 158                 <script src="plugins/hover-animations/transform2d.min.js"></script>
 159                 <script src="plugins/hover-animations/hover-animations-1.0.min.js"></script>
 160                 <script src="plugins/match-height/match-height-0.5.1.min.js"></script>
 161                 <script src="plugins/validation/validation-2.2.min.js"></script>
 162                 <script src="http://maps.google.com/maps/api/js?sensor=false"></script>
 163                 <script src="js/lollies.min.js"></script>
 164                 <script src="js/custom.js"></script>
 165         </body>
 166 </html>
 167