Testimonials page

app/controllers/HomeController.php

@@ -63,6 +63,10 @@ class HomeController extends BaseController {
 
 		return View::make('public.plans', $data);
 	}
+    public function showTestimonials()
+	{
+		return View::make('public.testimonials');
+	}
 
 
 	public function doContactUs()

app/routes.php

@@ -33,6 +33,7 @@ Route::post('/contact_submit', 'HomeController@doContactUs');
 Route::get('/faq', 'HomeController@showFaq');
 Route::get('/features', 'HomeController@showFeatures');
 Route::get('/secure_payment', 'HomeController@showSecurePayment');
+Route::get('/testimonials', 'HomeController@showTestimonials');
 
 Route::get('log_error', 'HomeController@logError');
 Route::get('invoice_now', 'HomeController@invoiceNow');

app/views/public/header.blade.php

@@ -8,8 +8,7 @@
 <link href="{{ asset('vendor/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/> 
 <link href="{{ asset('css/bootstrap.splash.css') }}" rel="stylesheet" type="text/css"/> 
 <link href="{{ asset('css/splash.css') }}" rel="stylesheet" type="text/css"/>   
--->  
-<link href="{{ asset('vendor/bootstrap/dist/css/bootstrap.min.css') }}" rel="stylesheet" type="text/css"/> 
+-->     
 
 <!--
 <link href="{{ asset('images/apple-touch-icon-114x114-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="114x114">
@@ -44,6 +43,9 @@
  .hero-faq {
     background-image: url({{ asset('/images/hero-bg-faq.jpg') }});
   }   
+  .hero-testi {
+    background-image: url({{ asset('/images/hero-bg-testi.jpg') }});
+  }   
 </style>
 
 @stop

app/views/public/testimonials.blade.php

@@ -0,0 +1,46 @@
+@extends('public.header') 
+
+@section('content')
+
+<section class="hero background hero-testi" data-speed="2" data-type="background">
+    <div class="container">
+        <div class="row">
+            <h1><img src="{{ asset('images/icon-testi.png') }}">TESTIMONIALS</h1>
+        </div>
+    </div>
+</section>
+<section class="testi">
+    <div class="container">
+        <div class="row">
+            <div class="col-md-8 col-md-offset-2 center">          
+                <p class="first">Since we launched Invoice Ninja in March of 2014, we've been overwhelmed by a deluge of user love. Here's a small taste of the glowing things people have to say about the great experiences the've been having with our free e-invoicing app!
+</p>
+            </div>
+        </div>
+    </div>
+</section>
+<section class="testi blue">
+    <div class="container center">
+        <div class="row">
+            <div class="col-md-12">
+                <blockquote class="twitter-tweet" data-conversation="none" lang="en-gb"><p><a href="https://twitter.com/invoiceninja">@invoiceninja</a> it&#39;s easy to start, I just took a few minutes and I was able to create a really professional invoice! Great user experience!!</p>&mdash; David Regis (@davRegis) <a href="https://twitter.com/davRegis/statuses/444261426577031169">March 13, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+                <blockquote class="twitter-tweet" lang="en-gb"><p><a href="https://twitter.com/search?q=%23invoiceNinja&amp;src=hash">#invoiceNinja</a> awesome web app fro creating invoices on the go. <a href="https://t.co/tW20gUbK7x">https://t.co/tW20gUbK7x</a></p>&mdash; Marwan Kathayer (@marwan876) <a href="https://twitter.com/marwan876/statuses/446637280133124097">March 20, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+                <blockquote class="twitter-tweet" lang="en-gb"><p>Quite nice free &amp; opensource tool for freelance/small business folk who need to do invoicing : <a href="https://t.co/3eGzB4waR2">https://t.co/3eGzB4waR2</a></p>&mdash; Billy Bofh (@billybofh) <a href="https://twitter.com/billybofh/statuses/446646803463938048">March 20, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+                <blockquote class="twitter-tweet" lang="en-gb"><p><a href="https://twitter.com/search?q=%23FREE&amp;src=hash">#FREE</a> is good, yo. Need a slick way to invoice your clients? <a href="https://t.co/NdvqcVa2GA">https://t.co/NdvqcVa2GA</a></p>&mdash; Oroku_Saki 忍 (@Oroku_Saki) <a href="https://twitter.com/Oroku_Saki/statuses/447020836231213056">March 21, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+                <blockquote class="twitter-tweet" lang="en-gb"><p><a href="https://twitter.com/DannPetty">@DannPetty</a> invoice ninja. It&#39;s pretty cool.</p>&mdash; Brennan Gleason (@B_Dot_Gleason) <a href="https://twitter.com/B_Dot_Gleason/statuses/461695299585449985">May 1, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+                <blockquote class="twitter-tweet" lang="en-gb"><p><a href="https://twitter.com/hillelcoren">@hillelcoren</a> :hey saw <a href="https://twitter.com/search?q=%23invoiceninja&amp;src=hash">#invoiceninja</a> !What a classy app ! Good UI and specially I loved that live PDF editing + open source ! hatsoff !</p>&mdash; Pratik Shah (@pratik07shah) <a href="https://twitter.com/pratik07shah/statuses/444020090338422784">March 13, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+                <blockquote class="twitter-tweet" lang="en-gb"><p>Amazed at feedback and implementations of criticisms by <a href="https://twitter.com/invoiceninja">@invoiceninja</a>!</p>&mdash; Grant Hodgeon (@photogrant) <a href="https://twitter.com/photogrant/statuses/473269558434746369">June 2, 2014</a></blockquote>
+<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script>
+            </div>
+        </div>
+    </div>
+</section>
+
+
+@stop

public/css/splash.css

@@ -1,3 +1,4 @@
+
 body {
     font-family: Roboto, sans-serif;
     line-height: 1.6;
@@ -291,7 +292,7 @@ section.features-splash,
 section.upper-footer {
     margin: 70px 0;
 }
-section.features, section.about, section.team, section.secure {
+section.features, section.about, section.team, section.secure, section.testi {
     margin: 0;
     padding: 100px 0;
 }
@@ -364,6 +365,15 @@ section.features .icon {
     float: left;
     line-height: 1;
 }
+    
+section.testi.blue {
+    background-size: auto;
+    background-repeat:no-repeat;
+    background-position:bottom;
+}
+
+.twitter-tweet {margin: 0 auto !important; margin-bottom: 30px !important;}
+    
 .icon.open {
     background: #32ba8d !important;
     border-color: #28ae82 !important;
@@ -427,7 +437,7 @@ section.features h2 {
 }
 section.blue {
     background-image: url('../images/bg-blue.jpg');
-    background-color: #cccccc;
+    background-color: #2387a9;
     background-size: cover;
     color: #fff;
     padding: 140px 0;
@@ -796,6 +806,13 @@ footer.footer form#mad_mimi_signup_form input {
     }
     
     /* Typo */
+    p {
+        font-size: 12px;
+    }
+    p.first {
+        font-size: 14px;
+        margin: 0;
+    }
     h1 {
         font-size: 30px;
     }
@@ -870,6 +887,7 @@ footer.footer form#mad_mimi_signup_form input {
         margin: 0;
     }
     
+    /* Sections */
     section.about .col-md-5 {
         padding-left: 15px !important;
     }
@@ -934,7 +952,7 @@ footer.footer form#mad_mimi_signup_form input {
     }
     
     
-    section.features, section.blue, section, section.secure, section.about, section.team, section.contact, section.faq {
+    section.features, section.blue, section, section.secure, section.about, section.team, section.contact, section.faq, section.testi {
         padding: 40px 0;
         margin: 0 !important;
     }