custom css and content

css/custom.css

@@ -3,8 +3,11 @@
  */
 
 
+/*
+Typo
+*/
 
- body {
+body {
     font-size: 18px;
     font-family: 'Open Sans', sans-serif;
 
@@ -14,31 +17,63 @@ h1 {
     font-weight: bold;
 }
 
+p {
+    padding: 12px 0;
+}
+
+/*
+Left column
+*/
+
 .logo {
     font-family: Montserrat, sans-serif;
     color: #fff;
     font-weight: 700;
     font-size: 36px;
-    padding: 12px 0 0 24px;
+    padding: 24px 0 0 24px;
 }
 .full-image {   
     display: block;
     width: 50%;
-    background: url('https://c3.staticflickr.com/7/6179/6161622855_79fc6b53b8_b.jpg') no-repeat center center scroll;
+    background: url('http://lorempixel.com/1280/900/cats/3') no-repeat center center scroll;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
 }
 
+/*
+Right column
+*/
+
 .content {
     padding: 24px 48px;
 }
 
+.fork-button {
+    text-align: center;
+}
 
+/*
+Mailchimp form
+*/
 
-footer {
-    margin: 50px 0;
+#mc-form {
+    padding: 48px 0 24px;
+}
+
+.error {
+    font-weight: 400;
+    font-size: 16px;
+    color: red;
+}
+.valid {
+    font-weight: 400;
+    font-size: 16px;
+} 
+.mc-label {
+    font-weight: 400;
+    font-size: 16px;
 }
 
 /*
@@ -54,9 +89,16 @@ Responsive variables
 }
 
 @media(max-width:767px) {
+    .logo {
+        text-align: center;
+        padding-left: 0;
+    }
     .full-image {    
         width: 100%;
-        max-height: 300px;
+        max-height: 200px;
+    }
+    .content {
+        padding: 12px 24px;
     }
 
 }

index.html

@@ -9,7 +9,7 @@
   <meta name="description" content="Your on-demand developer expert">
   <meta name="author" content="Hackerloop, creative technologists">
 
-  <title>Good Commit</title>
+  <title>Startup landing</title>
 
   <!-- Bootstrap Core CSS -->
   <link href="css/bootstrap.min.css" rel="stylesheet">
@@ -33,40 +33,51 @@
           <div class="row">
             <!-- left column -->
             <div class="col-sm-6 full-image">
-              <p class="logo">GoodCommit</p>
+              <p class="logo">Startup landing kit</p>
             </div>
             <!-- right column -->
             <div class="col-sm-6 content">
-              <h1>Support technique à la demande pour startups</h1>
-              <p class=""> 
-                GoodCommit vous connecte à des développeurs experts pour vous aidez à fixer vos problèmes techniques. 
-              </p>
-              <form class="form-inline" role="form" id="mc-form">
-                <div class="form-group">
-                  <input type="email" class="form-control" id="mc-email" placeholder="Enter your email">
-                </div>
-                <button type="button" class="btn btn-success" type="submit">Be the first</button>
-                
-                <label for="mc-email"></label>
-              </form>
+              <h1>Easily deploy and customize landing pages on Github</h1>
+            </br>
+          </br>
+          <p class=""> 
+            We create this landing page template to enable you testing your new startup idea in few minutes. 
+          </p>
+          <p>
+            Just create a github account, fork this repository, and that's it: you have a running landing page available on yourusername.github.io/bootstrap-landing-pages
+          </p>
+          <iframe src="http://ghbtns.com/github-btn.html?user=Hackerloop&repo=bootstrap-landing-pages&type=fork&size=large"
+          allowtransparency="true" frameborder="0" scrolling="0" width="170" height="30"></iframe>
+          <p>
+            Through the github editor, you can easily edit the wording, add your mailchimp form url and optimizely id.
+          </p>
+          <form class="form-inline" role="form" id="mc-form">
+            <div class="form-group">
+              <input type="email" class="form-control" id="mc-email" placeholder="Enter your email">
             </div>
-          </div>
+            <button class="btn btn-success" type="submit">Be the first</button>
+            <label class='mc-label'for="mc-email"></label>
+          </form>
+
+
         </div>
+      </div>
+    </div>
 
-        <!-- /.container -->
+    <!-- /.container -->
 
-        <!-- jQuery Version 1.11.0 -->
-        <script src="js/jquery-1.11.0.js"></script>
-        <!-- Bootstrap Core JavaScript -->
-        <script src="js/bootstrap.min.js"></script>
-        <script src="js/jquery.ajaxchimp.js"></script>
-        <script type="text/javascript">
-        $('#mc-form').ajaxChimp({
-          url: 'http://kanavape.us9.list-manage.com/subscribe/post?u=3c1a0b110567e53c7cacaeac7&amp;id=f9f2fbd91e'
-        });
-        </script>
-        <script type="text/javascript" src="js/global.js"></script>
+    <!-- jQuery Version 1.11.0 -->
+    <script src="js/jquery-1.11.0.js"></script>
+    <!-- Bootstrap Core JavaScript -->
+    <script src="js/bootstrap.min.js"></script>
+    <script src="js/jquery.ajaxchimp.js"></script>
+    <script type="text/javascript">
+    $('#mc-form').ajaxChimp({
+      url: 'http://hackerloop.us4.list-manage.com/subscribe/post?u=12b41fbdeef049e91e5115ef0&amp;id=e5a5fd635d'
+    });
+    </script>
+    <script type="text/javascript" src="js/global.js"></script>
 
-      </body>
+  </body>
 
-      </html>
+  </html>