Permalink
Browse files

ipad gallery

  • Loading branch information...
1 parent 388ec16 commit 78759f597b713b7b563d1fb7abc8f5ba98d21828 @albanlv committed Apr 12, 2013
Showing with 44 additions and 19 deletions.
  1. +1 −1 css/bootstrap.min.css
  2. +10 −1 css/main.css
  3. +33 −17 index.html
View
@@ -4,7 +4,16 @@
Author's custom styles
========================================================================== */
-
+#ipad{
+ background-image: url('../img/iPad.png');
+ width: 924px;
+ height: 728px;
+}
+.ipad-inside{
+ width: 715px;
+ height: 535px;
+ margin: 95px 0 0 105px;
+}
View
@@ -37,24 +37,12 @@
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
- <a class="brand" href="#">Project name</a>
+ <a class="brand" href="#">Stormplan</a>
<div class="nav-collapse collapse">
<ul class="nav">
<li class="active"><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
- <li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
- <ul class="dropdown-menu">
- <li><a href="#">Action</a></li>
- <li><a href="#">Another action</a></li>
- <li><a href="#">Something else here</a></li>
- <li class="divider"></li>
- <li class="nav-header">Nav header</li>
- <li><a href="#">Separated link</a></li>
- <li><a href="#">One more separated link</a></li>
- </ul>
- </li>
</ul>
<form class="navbar-form pull-right">
<input class="span2" type="text" placeholder="Email">
@@ -69,10 +57,32 @@
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
- <div class="hero-unit">
- <h1>Hello, world!</h1>
- <p>This is a template for a simple marketing or informational website. It includes a large callout called the hero unit and three supporting pieces of content. Use it as a starting point to create something more unique.</p>
- <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
+ <div id="ipad">
+ <div id="myCarousel" class="carousel slide">
+ <ol class="carousel-indicators">
+ <li data-target="#myCarousel" data-slide-to="0" class="active">
+ </li>
+ <li data-target="#myCarousel" data-slide-to="1">
+ </li>
+ <li data-target="#myCarousel" data-slide-to="2">
+ </li>
+ </ol>
+ <!-- Carousel items -->
+ <div class="carousel-inner">
+ <div class="active item">
+ <img class="ipad-inside" src="file:///home/alf/Documents/repos/strom/img/ipad-inside.png">
+ </div>
+ <div class="item">
+ <img class="ipad-inside" src="file:///home/alf/Documents/repos/strom/img/ipad-inside.png">
+ </div>
+ <div class="item">
+ <img class="ipad-inside" src="file:///home/alf/Documents/repos/strom/img/ipad-inside.png">
+ </div>
+ </div>
+ <!-- Carousel nav -->
+ <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
+ <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
+ </div>
</div>
<!-- Example row of columns -->
@@ -110,6 +120,12 @@
<script src="js/main.js"></script>
<script>
+ $(document).ready(function(){
+ $('.carousel').carousel('pause');
+ });
+ </script>
+
+ <script>
var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';

0 comments on commit 78759f5

Please sign in to comment.