Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

ipad gallery

  • Loading branch information...
commit 78759f597b713b7b563d1fb7abc8f5ba98d21828 1 parent 388ec16
Alban Leveau-Vallier authored April 11, 2013
2  css/bootstrap.min.css
1 addition, 1 deletion not shown
11  css/main.css
@@ -4,7 +4,16 @@
4 4
    Author's custom styles
5 5
    ========================================================================== */
6 6
 
7  
-
  7
+#ipad{
  8
+  background-image: url('../img/iPad.png');
  9
+  width: 924px;
  10
+  height: 728px;
  11
+}
  12
+.ipad-inside{
  13
+  width: 715px;
  14
+  height: 535px;
  15
+  margin: 95px 0 0 105px;
  16
+}
8 17
 
9 18
 
10 19
 
50  index.html
@@ -37,24 +37,12 @@
37 37
                         <span class="icon-bar"></span>
38 38
                         <span class="icon-bar"></span>
39 39
                     </a>
40  
-                    <a class="brand" href="#">Project name</a>
  40
+                    <a class="brand" href="#">Stormplan</a>
41 41
                     <div class="nav-collapse collapse">
42 42
                         <ul class="nav">
43 43
                             <li class="active"><a href="#">Home</a></li>
44 44
                             <li><a href="#about">About</a></li>
45 45
                             <li><a href="#contact">Contact</a></li>
46  
-                            <li class="dropdown">
47  
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
48  
-                                <ul class="dropdown-menu">
49  
-                                    <li><a href="#">Action</a></li>
50  
-                                    <li><a href="#">Another action</a></li>
51  
-                                    <li><a href="#">Something else here</a></li>
52  
-                                    <li class="divider"></li>
53  
-                                    <li class="nav-header">Nav header</li>
54  
-                                    <li><a href="#">Separated link</a></li>
55  
-                                    <li><a href="#">One more separated link</a></li>
56  
-                                </ul>
57  
-                            </li>
58 46
                         </ul>
59 47
                         <form class="navbar-form pull-right">
60 48
                             <input class="span2" type="text" placeholder="Email">
@@ -69,10 +57,32 @@
69 57
         <div class="container">
70 58
 
71 59
             <!-- Main hero unit for a primary marketing message or call to action -->
72  
-            <div class="hero-unit">
73  
-                <h1>Hello, world!</h1>
74  
-                <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>
75  
-                <p><a class="btn btn-primary btn-large">Learn more &raquo;</a></p>
  60
+            <div id="ipad">
  61
+                  <div id="myCarousel" class="carousel slide">
  62
+  			<ol class="carousel-indicators">
  63
+   			 <li data-target="#myCarousel" data-slide-to="0" class="active">
  64
+                         </li>
  65
+    			 <li data-target="#myCarousel" data-slide-to="1">
  66
+                         </li>
  67
+    			 <li data-target="#myCarousel" data-slide-to="2">
  68
+                         </li>
  69
+  			</ol>
  70
+  			<!-- Carousel items -->
  71
+  			<div class="carousel-inner">
  72
+    			  <div class="active item">
  73
+                           <img class="ipad-inside" src="file:///home/alf/Documents/repos/strom/img/ipad-inside.png">
  74
+                  </div>
  75
+    			  <div class="item">
  76
+                           <img class="ipad-inside" src="file:///home/alf/Documents/repos/strom/img/ipad-inside.png">
  77
+                  </div>
  78
+    			  <div class="item">
  79
+                           <img class="ipad-inside" src="file:///home/alf/Documents/repos/strom/img/ipad-inside.png">
  80
+                  </div>
  81
+  			</div>
  82
+  			<!-- Carousel nav -->
  83
+  			<a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
  84
+  			<a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
  85
+		  </div>
76 86
             </div>
77 87
 
78 88
             <!-- Example row of columns -->
@@ -110,6 +120,12 @@
110 120
         <script src="js/main.js"></script>
111 121
 
112 122
         <script>
  123
+    	  $(document).ready(function(){
  124
+      		$('.carousel').carousel('pause');
  125
+       	  });
  126
+  	</script>
  127
+
  128
+        <script>
113 129
             var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
114 130
             (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
115 131
             g.src=('https:'==location.protocol?'//ssl':'//www')+'.google-analytics.com/ga.js';

0 notes on commit 78759f5

Please sign in to comment.
Something went wrong with that request. Please try again.