Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

design

  • Loading branch information...
commit 6939a63914a4be580f314a29c4ba7024762b8e67 1 parent 0081551
@albanlv authored
Showing with 28 additions and 27 deletions.
  1. +1 −1  css/bootstrap.min.css
  2. +17 −1 css/main.css
  3. +10 −25 index.html
View
2  css/bootstrap.min.css
1 addition, 1 deletion not shown
View
18 css/main.css
@@ -3,7 +3,23 @@
/* ==========================================================================
Author's custom styles
========================================================================== */
-
+body {
+ padding-top:0px;
+ border-top: solid 10px #00aed1;
+}
+.hero-unit{
+ background: white;
+ line-height:40px;
+ padding:0px;
+ margin: 0px;
+}
+.hero-unit p {
+ margin-top:20px;
+ font-size: 24px;
+}
+.call{
+ margin-top: -80px;
+}
#ipad{
background-image: url('../img/iPad.png');
width: 924px;
View
35 index.html
@@ -29,34 +29,19 @@
<!-- This code is taken from http://twitter.github.com/bootstrap/examples/hero.html -->
- <div class="navbar navbar-inverse navbar-fixed-top">
- <div class="navbar-inner">
- <div class="container">
- <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- <span class="icon-bar"></span>
- </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>
- </ul>
- <form class="navbar-form pull-right">
- <input class="span2" type="text" placeholder="Email">
- <input class="span2" type="password" placeholder="Password">
- <button type="submit" class="btn">Sign in</button>
- </form>
- </div><!--/.nav-collapse -->
- </div>
- </div>
- </div>
-
<div class="container">
<!-- Main hero unit for a primary marketing message or call to action -->
+ <div class="hero-unit">
+ <h1>
+ Stormplan©
+ </h1>
+ <p>
+ La méthode professionnelle dédiée aux Ipad et Iphone,<br/>
+ pour gérer avec efficacité les sessions de travail en groupe.
+ </p>
+ <p><a class="btn btn-primary btn-large pull-right call">En savoir plus &raquo;</a></p>
+ </div>
<div id="ipad">
<div id="myCarousel" class="carousel slide">
<ol class="carousel-indicators">
Please sign in to comment.
Something went wrong with that request. Please try again.