Cutlery/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2025-07-09 03:14:30 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #131 from raziraz/master

Browse Source 
New menu and mobile menu
This commit is contained in:
Hillel Coren 2014-06-15 21:50:11 +03:00
commit 457a8d8078
17 changed files with 1015 additions and 231 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/controllers/HomeController.php
View File

@ -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()

1
app/routes.php
View File

@ -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');

54
app/views/plans.blade.php
View File

@ -1,7 +1,7 @@
<div class="container">
<div class="row">
<div class="plans-table col-md-9">
<div class="col-md-4 desc hide-mobile">
<div class="col-md-4 desc hidden-phone">
<div class="cell"></div>
<div class="cell">Number of clients per account</div>
<div class="cell">Unlimited client invoices</div>
@ -20,36 +20,36 @@
</div>
<div class="free col-md-4">
<div class="cell">Free</div>
<div class="cell"><div class="hide-desktop">Number of clients per account</div><span>500</span></div>
<div class="cell"><div class="hide-desktop">Unlimited client invoices</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Add your company logo</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Live .PDF invoice creation</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">4 beatiful invoice templates</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Accept credit card payments</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Quotes/pro-forma invoices</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hide-desktop">Custom fields and invoice colors</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hide-desktop">Dynamic chart builder</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hide-desktop">Priority email support</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hide-desktop">Remove "Created by Invoice Ninja"</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hide-desktop">Latest and greatest features</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell price"><div class="hide-desktop">Pricing</div><p>Free<span> /Always!</span></p></div>
<div class="cell"><div class="hidden-desktop">Number of clients per account</div><span>500</span></div>
<div class="cell"><div class="hidden-desktop">Unlimited client invoices</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Add your company logo</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Live .PDF invoice creation</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">4 beatiful invoice templates</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Accept credit card payments</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Quotes/pro-forma invoices</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hidden-desktop">Custom fields and invoice colors</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hidden-desktop">Dynamic chart builder</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hidden-desktop">Priority email support</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hidden-desktop">Remove "Created by Invoice Ninja"</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell"><div class="hidden-desktop">Latest and greatest features</div><span class="glyphicon glyphicon-remove"></div>
<div class="cell price"><div class="hidden-desktop">Pricing</div><p>Free<span> /Always!</span></p></div>
</div>
<div class="pro col-md-4">
<div class="cell">Pro Plan<span class="glyphicon glyphicon-star"></div>
<div class="cell"><div class="hide-desktop">Number of clients per account</div><span style="color: #2299c0; font-size: 16px;">5,000</span></div>
<div class="cell"><div class="hide-desktop">Unlimited client invoices</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Add your company logo</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Live .PDF invoice creation</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">4 beatiful invoice templates</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Accept credit card payments</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Quotes/pro-forma invoices</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Custom invoice fields and colors</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Dynamic chart builder</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Priority email support</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Remove "Created by Invoice Ninja"</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hide-desktop">Latest and greatest features</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell price"><div class="hide-desktop">Pricing</div><p>$50<span> /Year</span></p></div>
<div class="cell"><div class="hidden-desktop">Number of clients per account</div><span style="color: #2299c0; font-size: 16px;">5,000</span></div>
<div class="cell"><div class="hidden-desktop">Unlimited client invoices</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Add your company logo</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Live .PDF invoice creation</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">4 beatiful invoice templates</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Accept credit card payments</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Quotes/pro-forma invoices</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Custom invoice fields and colors</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Dynamic chart builder</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Priority email support</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Remove "Created by Invoice Ninja"</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell"><div class="hidden-desktop">Latest and greatest features</div><span class="glyphicon glyphicon-ok"></div>
<div class="cell price"><div class="hidden-desktop">Pricing</div><p>$50<span> /Year</span></p></div>
<!-- <div class="cell"><a href="#"><div class="cta"><h2 onclick="return getStarted()">GO PRO <span>+</span></h2></div> </a>-->
</div>
</div>

9
app/views/public/contact_us.blade.php
View File

@ -67,9 +67,10 @@ var contactForm = {
<div class="row">
<div class="col-md-7">
<h2>Questions, special requests, or just want to say hi?</h2>
<p>Fill in the form below and we'll get back to you as soon as possible. Hope to hear from you!</p>
<div class="headline">
<h2>Questions, special requests, or just want to say hi?</h2>
<p>Fill in the form below and we'll get back to you as soon as possible. Hope to hear from you!</p>
</div>
{{ Form::open(['url' => 'contact_submit', 'class' => 'feedbackForm']) }}
<div class="form-group">
<input type="text" class="form-control" id="name" name="name" placeholder="Name">
@ -96,7 +97,7 @@ var contactForm = {
<h2>Other ways to reach us</h2>
<p><span class="glyphicon glyphicon-send"></span><a href="mailto:contact@invoiceninja.com">contact@invoiceninja.com</a></p>
<p><span class="glyphicon glyphicon-comment"></span><a href="http://www.invoiceninja.org" target="_blank">Google Group</a></p>
<p><span class="github"></span><div style="padding-top:10px"> &nbsp;&nbsp;<a href="https://github.com/hillelcoren/invoice-ninja" target="_blank">GitHub Project</a></div></p>
<p><span class="socicon">Q</span><a href="https://github.com/hillelcoren/invoice-ninja" target="_blank">GitHub Project</a></div></p>
</div>
</div>

61
app/views/public/header.blade.php
View File

@ -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('images/apple-touch-icon-114x114-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="114x114">
<link href="{{ asset('images/apple-touch-icon-72x72-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="72x72">
@ -19,6 +18,7 @@
<script src="{{ asset('js/simpleexpand.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/valign.js') }}" type="text/javascript"></script>
<script src="{{ asset('js/bootstrap.min.js') }}" type="text/javascript"></script>
<style>
.hero {
@ -42,6 +42,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
@ -93,19 +96,45 @@
return false;
}
</script>
<div class="navbar" style="margin-bottom:0px">
<div class="navbar-top navbar hidden-phone" style="margin-bottom:0px">
<div class="container">
<div class="navbar-inner">
<a class="brand" href="https://www.invoiceninja.com/"><img src="{{ asset('images/invoiceninja-logo.png') }}"></a>
<ul class="navbar-list">
<li>{{ link_to('https://www.invoiceninja.com/features', 'Features' ) }}</li>
<!-- <li>{{ link_to('https://www.invoiceninja.com/faq', 'FAQ' ) }}</li> -->
<li>{{ link_to('https://www.invoiceninja.com/about', 'About Us' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/plans', 'Plans' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/contact', 'Contact Us' ) }}</li>
<ul>
<li><a href="https://www.facebook.com/invoiceninja" target="_blank"><span class="socicon">b</span></a></li>
<li><a href="https://twitter.com/invoiceninja" target="_blank"><span class="socicon">a</span></a></li>
<li><a href="https://www.linkedin.com/company/invoice-ninja"><span class="socicon">j</span></a></li>
<li><a href="https://plus.google.com/104031016152831072143" target="_blank"><span class="socicon">c</span></a></li>
<li><a href="https://github.com/hillelcoren/invoice-ninja"><span class="socicon">Q</span></a></li>
<li><a href="https://www.pinterest.com/invoiceninja" target="_blank"><span class="socicon">d</span></a></li>
<li><a href="http://blog.invoiceninja.com/feed/rss2" target="_blank"><span class="socicon">,</span></a></li>
<li>{{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}</li>
<li>{{ link_to('login', Auth::check() ? 'My Account' : 'Login' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/about', 'About Us' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/contact', 'Contact Us' ) }}</li>
</ul>
</div>
</div>
</div>
<div class="navbar" style="margin-bottom:0px">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="https://www.invoiceninja.com/"><img src="{{ asset('images/invoiceninja-logo.png') }}"></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="hidden-desktop">{{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}</li>
<li class="hidden-desktop">{{ link_to('https://www.invoiceninja.com/about', 'About Us' ) }}</li>
<li class="hidden-desktop">{{ link_to('https://www.invoiceninja.com/contact', 'Contact Us' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/features', 'Features' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/faq', 'FAQ' ) }}</li>
<li>{{ link_to('https://www.invoiceninja.com/plans', 'Plans' ) }}</li>
<li><span class="glyphicon glyphicon-user"></span>
{{ link_to('login', Auth::check() ? 'My Account' : 'Login' ) }}</li>
</ul>
</div>
</div>
@ -180,14 +209,6 @@
</ul>
</div>
<div class="col-md-4">
<h3><span class="glyphicon glyphicon-share-alt"></span>Connect with Us</h3>
<div class="social">

46
app/views/public/testimonials.blade.php Normal file
View File

@ -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

427
public/built.public.css
View File

File diff suppressed because one or more lines are too long

417
public/css/splash.css
View File

@ -1,3 +1,4 @@
body {
font-family: Roboto, sans-serif;
line-height: 1.6;
@ -85,44 +86,114 @@ text-align: center;
color: #bfbfbf;
}
.form-control.with-icon {padding-left: 50px !important;}
/* Responsive actions */
.hidden-desktop {
display: none !important;
}
/* Navigation */
.navbar {
background: #211f1f;
padding: 30px 0;
padding: 40px 0;
border: none;
border-radius: 0;
}
ul.navbar-list {
.navbar-brand {
padding: 0;
line-height: 1;
height: auto;
}
ul.navbar-nav {
float: right;
list-style-type: none;
height: 26px;
margin: 0;
padding: 0;
}
ul.navbar-list li {
ul.navbar-nav li {
display: inline;
font-family: Roboto, sans-serif;
font-weight: 700;
margin: 40px 0;
font-weight: 900;
text-transform: uppercase;
height: 26px;
line-height: 26px;
}
ul.navbar-list li a {
ul.navbar-nav li a {
color: #fff;
padding-left: 20px;
margin-left: 20px;
border-left: 1px solid #4f4b4b;
margin-left: 45px;
}
ul.navbar-list li:last-child a {
ul.navbar-nav .glyphicon {
color: #ebbe09;
}
ul.navbar-list li:first-child a {
ul.navbar-nav li:last-child a {
color: #ebbe09;
margin-left: 5px;
}
ul.navbar-nav li:last-child {
border-left: 1px solid #4f4b4b;
padding-left: 45px;
margin-left: 45px;
}
ul.navbar-nav li:first-child a {
border-left: none;
margin: 0;
padding: 0;
padding-left: 0;
}
ul.navbar-list li a:hover {
ul.navbar-nav li a:hover {
color: #ebbe09;
text-decoration: none;
}
<!-- Bootstrap resets -->
.navbar-nav>li {
float: right;
}
.navbar-nav>li>a {
padding: 0;
display: inline-block;
}
.nav>li>a:hover, .nav>li>a:focus {
background-color: transparent;
}
.navbar-top {
padding: 5px 0 0 0;
background: #fff;
}
.navbar-top ul {
float: right;
margin: 0;
}
.navbar-top ul li {
display: inline-block;
font-size: 12px;
text-transform: uppercase;
margin-left: 30px;
height: 40px;
line-height: 40px;
vertical-align: middle;
}
.navbar-top ul li .socicon {
text-transform: none;
margin-top: 1px;
}
.navbar-top ul li a .socicon {
font-size: 16px;
color: #a6a5a5;
display: inline-block;
}
.navbar-top ul li a .socicon:hover {
color: #ebbe09;
}
.navbar-top ul li a {
color: #736b6b;
}
.navbar-top ul li a:hover {
color: #2e2b2b;
}
a .cta h2 {
width: 100%;
height: 63px;
@ -221,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;
}
@ -264,6 +335,10 @@ float: right;
section.features1 .col-md-7 img, section.features3 .col-md-7 img {
margin-left: 40px;
}
.upper-footer {
background-color: #f8f8f8;
border-top: 1px solid #e6e6e6;
}
section.upper-footer.white-bg {
margin: 0;
@ -294,6 +369,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;
@ -357,7 +441,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;
@ -406,10 +490,6 @@ section.team .col-md-3 h2 {
section.about .screendump {
height: 220px;
}
section.about .col-md-5 {
padding-right: 15px;
padding-left: 43px;
}
section.about.white-bg .col-md-5 {
padding-right: 43px;
padding-left: 15px;
@ -456,7 +536,7 @@ section.team .img-team {
z-index: 1000; position: relative;
}
section.team .img-team img {}
section.contact .address .glyphicon {
section.contact .address .glyphicon, section.contact .address .socicon {
background: #edd71e;
height: 40px;
width: 40px;
@ -465,14 +545,17 @@ section.contact .address .glyphicon {
border-radius: 50px;
color: #1a1818;
margin-right: 15px;
display: inline-block;
}
section.contact .address p {
margin-bottom: 20px;
margin-top: 20px;
}
section.contact .address span.push {
margin-left: 55px;
line-height: 25px;
}
section.contact .form-control, section.secure .form-control, footer.footer .form-control {
display: block;
width: 100%;
@ -494,6 +577,9 @@ section.contact .form-control, section.secure .form-control, footer.footer .form
section.contact textarea.form-control {
height: auto;
}
section.contact form {
margin-top: 30px;
}
section.secure label { text-transform: uppercase; font-size: 12px; font-weight: 800; margin-bottom: 10px; display: block;}
@ -702,20 +788,152 @@ footer.footer form#mad_mimi_signup_form input {
color: #b7b7b6;
}
/* Fonts */
.socicon {
font-family: 'socicon' !important;
}
@font-face {
font-family: socicon;
src: url(../fonts/socicon-webfont.eot);
src: url(../fonts/socicon-webfont.eot?#iefix) format(embedded-opentype), url(../fonts/socicon-webfont.woff) format(woff), url(../fonts/socicon-webfont.ttf) format(truetype), url(../fonts/socicon-webfont.svg#sociconregular) format(svg);
font-weight: 400;
font-style: normal;
}
@media (max-width: 768px) {
/* Responsive actions */
.hidden-desktop {
display: block !important;
}
.hidden-phone {
display: none !important;
}
/* Typo */
p {
font-size: 12px;
}
p.first {
font-size: 14px;
margin: 0;
}
h1 {
font-size: 30px;
}
h2 {
font-size: 20px;
}
.headline h2 {
margin-top: 0;
}
.headline {
border-bottom: none;
padding-bottom: 0;
margin-bottom: 15px;
}
section.team h2, section.plans h2 {
font-size: 20px;
margin: 0 0 15px;
}
/* Mobile navigation */
.navbar {
text-align: center;
padding: 0;
}
.navbar-header {
padding: 15px 0;
}
ul.navbar-nav {
width: 100%;
}
.navbar li.hidden-desktop {
font-weight: 400;
font-size: 11px;
}
ul.navbar-nav li {
float: none;
margin: 0;
height: 30px;
line-height: 30px;
font-size: 12px;
display: block !important;
}
ul.navbar-nav li a {
margin: 0;
display: inline;
width: 100%;
float: none;
padding: 0;
}
ul.navbar-nav li:first-child {
margin-top: 12px;
}
ul.navbar-nav li:first-child a {
margin: 0;
padding: 0;
}
ul.navbar-nav li:last-child {
border-left: none;
padding-left: 0;
margin-left: 0;
margin-bottom: 12px;
}
.navbar-collapse {
border-top: none;
box-shadow: none;
background: #282525;
}
.navbar-toggle {
border: 1px solid #ddd;
margin: 0;
}
.navbar-toggle .icon-bar {
background: #ddd;
}
ul.navbar-list {
float: none;
margin-top: 10px;
}
.navbar-brand {
margin-top: 6px;
}
.container>.navbar-header {
margin: 0;
}
/* Sections */
section.features, section.blue, section, section.secure, section.about, section.team, section.contact, section.faq, section.testi, section.plans {
padding: 40px 0;
margin: 0 !important;
}
section.features-splash .icon {
width: 50px;
height: 50px;
border: 4px solid #1d8db3;
}
section.features-splash .icon img {
width: 30px;
}
section.about .col-md-5 {
padding-left: 15px !important;
}
section.faq .question {
padding-bottom: 10px;
margin-bottom: 20px;
}
section.faq a.expander {
font-size: 14px;
}
section.faq .contact-box {
margin-top: 20px;
padding: 25px;
text-align: center;
margin-top: 20px;
padding: 25px;
text-align: center;
}
section.faq .contact-box h2 {
float: none;
@ -723,7 +941,7 @@ footer.footer form#mad_mimi_signup_form input {
margin: 10px 0;
}
section.faq .contact-box img {
float: none;
float: none;
display: inline-block;
margin-right: 0;
margin-left: 0;
@ -738,13 +956,69 @@ footer.footer form#mad_mimi_signup_form input {
section.faq .contact-box p {
margin: 0;
}
.navbar {
text-align: center;
padding: 25px 0 18px;
section.plans .plans-table {
margin-top: 30px;
font-size: 12px;
}
ul.navbar-list {
float: none;
margin-top: 10px;
.plans-table .free .cell {
border-left: 1px solid #dfe0e1;
border-right: 1px solid #dfe0e1;
}
.plans-table .free .cell:first-child {
border-left: 1px solid #9b9b9b;
border-right: 1px solid #9b9b9b;
}
section.plans .plans-table .cell {
display: block;
width: 100%;
}
section.plans .plans-table span {
display: inline-block !important;
}
section.plans .plans-table .hidden-desktop {
display: inline-block !important;
margin-bottom: 0;
margin-right: 10px;
}
section.plans .plans-table .cell {
height: auto;
padding: 14px 0;
}
section.plans .plans-table .free .cell {
padding-right: 0;
}
section.plans .plans-table .free .cell:first-child {
margin-right: 0;
}
section.plans .plans-table .cell .cta {
margin-bottom: 0 !important;
}
section.plans .plans-table .pro {
margin-top: 30px;
}
.plans-table .pro .cell:last-child, .plans-table .free .cell:last-child {
padding: 14px 0 0 0 !important;
}
.plans-table .pro .cell:last-child p {
margin: 0;
padding: 0;
}
section.about img {
margin-top: 20px;
}
section.team .img-team {
width: 60%;
min-width: 60%;
margin: 0 auto;
}
section.team .col-md-3:last-child p:last-child {
margin-bottom: 0;
}
/* Heros */
.hero1.background {
min-height: 100px;
}
.hero .caption {
width: 100%;
@ -781,28 +1055,24 @@ footer.footer form#mad_mimi_signup_form input {
}
section.features, section.blue, section, section.secure, section.about, section.team, section.contact, section.faq {
padding: 40px 0;
margin: 0 !important;
}
section.secure .info {
padding-top: 0;
}
section.secure .card {
padding: 15px;
margin-bottom: 40px;
}
section.secure .card p {
padding-top: 0;
padding-right: 15px;
line-height: 1;
}
section.blue h1 {
line-height: 1.2;
margin-bottom: 20px;
margin-top: 0;
font-size: 30px;
}
padding-top: 0;
}
section.secure .card {
padding: 15px;
margin-bottom: 40px;
}
section.secure .card p {
padding-top: 0;
padding-right: 15px;
line-height: 1;
}
section.blue h1 {
line-height: 1.2;
margin-bottom: 20px;
margin-top: 0;
font-size: 30px;
}
section.blue h1 span {
font-size: 20px;
}
@ -852,11 +1122,12 @@ float: none;
}
section.contact .address {
margin: 0;
text-align: center;
}
section.contact .address p {
text-align: center;
}
section.contact .address .glyphicon {
section.contact .address .glyphicon, section.contact .address .socicon {
display: block;
margin: 0 auto 7px;
float: none;
@ -885,6 +1156,8 @@ float: none;
#feedbackForm {
margin-top: 15px;
}
/* Footer */
footer .navbar-inner {
float: none;
}
@ -915,13 +1188,6 @@ div.fb_iframe_widget {
div.fb_iframe_widget > span {
vertical-align: top !important;
}
@font-face {
font-family: socicon;
src: url(/fonts/socicon-webfont.eot);
src: url(/fonts/socicon-webfont.eot?#iefix) format(embedded-opentype), url(/fonts/socicon-webfont.woff) format(woff), url(/fonts/socicon-webfont.ttf) format(truetype), url(/fonts/socicon-webfont.svg#sociconregular) format(svg);
font-weight: 400;
font-style: normal;
}
::selection {
color: #fff;
background: #2e2b2b;
@ -1061,33 +1327,4 @@ div.fb_iframe_widget > span {
}
.plans-table a .cta h2 span {
background: #1e84a5;
}
@media screen and (min-width: 769px) {
.hide-desktop {
display: none;
}
}
@media screen and (max-width: 769px) {
.hide-mobile {
display: none;
}
.plans-table .cell {
height: auto;
padding: 14px 0;
}
.plans-table .free .cell {
padding-right: 0;
}
.plans-table .free .cell:first-child {
margin-right: 0;
}
.plans-table .cell div:first-child {
margin-bottom: 5px;
}
.plans-table .cell .cta {
margin-bottom: 0 !important;
}
.plans-table .pro {
margin-top: 40px;
}
}

1
public/fonts/.empty Normal file
View File

@ -0,0 +1 @@
I'm a folder!

BIN
public/images/Thumbs.db
View File

Binary file not shown.

BIN
public/images/bg-blue.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 22 KiB

After

Width:  |  Height:  |  Size: 22 KiB

BIN
public/images/devices.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 96 KiB

After

Width:  |  Height:  |  Size: 88 KiB

BIN
public/images/hero-bg-testi.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 24 KiB

BIN
public/images/icon-testi.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.0 KiB

BIN
public/images/icon-testi@2x.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.1 KiB

219
public/js/bootstrap.js vendored Normal file
View File

@ -0,0 +1,219 @@
/* ========================================================================
* Bootstrap: collapse.js v3.1.1
* http://getbootstrap.com/javascript/#collapse
* ========================================================================
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
+function ($) {
'use strict';
// COLLAPSE PUBLIC CLASS DEFINITION
// ================================
var Collapse = function (element, options) {
this.$element = $(element)
this.options = $.extend({}, Collapse.DEFAULTS, options)
this.transitioning = null
if (this.options.parent) this.$parent = $(this.options.parent)
if (this.options.toggle) this.toggle()
}
Collapse.DEFAULTS = {
toggle: true
}
Collapse.prototype.dimension = function () {
var hasWidth = this.$element.hasClass('width')
return hasWidth ? 'width' : 'height'
}
Collapse.prototype.show = function () {
if (this.transitioning || this.$element.hasClass('in')) return
var startEvent = $.Event('show.bs.collapse')
this.$element.trigger(startEvent)
if (startEvent.isDefaultPrevented()) return
var actives = this.$parent && this.$parent.find('> .panel > .in')
if (actives && actives.length) {
var hasData = actives.data('bs.collapse')
if (hasData && hasData.transitioning) return
actives.collapse('hide')
hasData || actives.data('bs.collapse', null)
}
var dimension = this.dimension()
this.$element
.removeClass('collapse')
.addClass('collapsing')
[dimension](0)
this.transitioning = 1
var complete = function () {
this.$element
.removeClass('collapsing')
.addClass('collapse in')
[dimension]('auto')
this.transitioning = 0
this.$element.trigger('shown.bs.collapse')
}
if (!$.support.transition) return complete.call(this)
var scrollSize = $.camelCase(['scroll', dimension].join('-'))
this.$element
.one($.support.transition.end, $.proxy(complete, this))
.emulateTransitionEnd(350)
[dimension](this.$element[0][scrollSize])
}
Collapse.prototype.hide = function () {
if (this.transitioning || !this.$element.hasClass('in')) return
var startEvent = $.Event('hide.bs.collapse')
this.$element.trigger(startEvent)
if (startEvent.isDefaultPrevented()) return
var dimension = this.dimension()
this.$element
[dimension](this.$element[dimension]())
[0].offsetHeight
this.$element
.addClass('collapsing')
.removeClass('collapse')
.removeClass('in')
this.transitioning = 1
var complete = function () {
this.transitioning = 0
this.$element
.trigger('hidden.bs.collapse')
.removeClass('collapsing')
.addClass('collapse')
}
if (!$.support.transition) return complete.call(this)
this.$element
[dimension](0)
.one($.support.transition.end, $.proxy(complete, this))
.emulateTransitionEnd(350)
}
Collapse.prototype.toggle = function () {
this[this.$element.hasClass('in') ? 'hide' : 'show']()
}
// COLLAPSE PLUGIN DEFINITION
// ==========================
var old = $.fn.collapse
$.fn.collapse = function (option) {
return this.each(function () {
var $this = $(this)
var data = $this.data('bs.collapse')
var options = $.extend({}, Collapse.DEFAULTS, $this.data(), typeof option == 'object' && option)
if (!data && options.toggle && option == 'show') option = !option
if (!data) $this.data('bs.collapse', (data = new Collapse(this, options)))
if (typeof option == 'string') data[option]()
})
}
$.fn.collapse.Constructor = Collapse
// COLLAPSE NO CONFLICT
// ====================
$.fn.collapse.noConflict = function () {
$.fn.collapse = old
return this
}
// COLLAPSE DATA-API
// =================
$(document).on('click.bs.collapse.data-api', '[data-toggle=collapse]', function (e) {
var $this = $(this), href
var target = $this.attr('data-target')
|| e.preventDefault()
|| (href = $this.attr('href')) && href.replace(/.*(?=#[^\s]+$)/, '') //strip for ie7
var $target = $(target)
var data = $target.data('bs.collapse')
var option = data ? 'toggle' : $this.data()
var parent = $this.attr('data-parent')
var $parent = parent && $(parent)
if (!data || !data.transitioning) {
if ($parent) $parent.find('[data-toggle=collapse][data-parent="' + parent + '"]').not($this).addClass('collapsed')
$this[$target.hasClass('in') ? 'addClass' : 'removeClass']('collapsed')
}
$target.collapse(option)
})
}(jQuery);
/* ========================================================================
* Bootstrap: transition.js v3.1.1
* http://getbootstrap.com/javascript/#transitions
* ========================================================================
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
* ======================================================================== */
+function ($) {
'use strict';
// CSS TRANSITION SUPPORT (Shoutout: http://www.modernizr.com/)
// ============================================================
function transitionEnd() {
var el = document.createElement('bootstrap')
var transEndEventNames = {
'WebkitTransition' : 'webkitTransitionEnd',
'MozTransition' : 'transitionend',
'OTransition' : 'oTransitionEnd otransitionend',
'transition' : 'transitionend'
}
for (var name in transEndEventNames) {
if (el.style[name] !== undefined) {
return { end: transEndEventNames[name] }
}
}
return false // explicit for ie8 ( ._.)
}
// http://blog.alexmaccaw.com/css-transitions
$.fn.emulateTransitionEnd = function (duration) {
var called = false, $el = this
$(this).one($.support.transition.end, function () { called = true })
var callback = function () { if (!called) $($el).trigger($.support.transition.end) }
setTimeout(callback, duration)
return this
}
$(function () {
$.support.transition = transitionEnd()
})
}(jQuery);

7
public/js/bootstrap.min.js vendored Normal file
View File

@ -0,0 +1,7 @@
/*!
* Bootstrap v3.1.1 (http://getbootstrap.com)
* Copyright 2011-2014 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
+function(a){"use strict";var b=function(c,d){this.$element=a(c),this.options=a.extend({},b.DEFAULTS,d),this.transitioning=null,this.options.parent&&(this.$parent=a(this.options.parent)),this.options.toggle&&this.toggle()};b.DEFAULTS={toggle:!0},b.prototype.dimension=function(){var a=this.$element.hasClass("width");return a?"width":"height"},b.prototype.show=function(){if(this.transitioning||this.$element.hasClass("in"))return;var b=a.Event("show.bs.collapse");this.$element.trigger(b);if(b.isDefaultPrevented())return;var c=this.$parent&&this.$parent.find("> .panel > .in");if(c&&c.length){var d=c.data("bs.collapse");if(d&&d.transitioning)return;c.collapse("hide"),d||c.data("bs.collapse",null)}var e=this.dimension();this.$element.removeClass("collapse").addClass("collapsing")[e](0),this.transitioning=1;var f=function(){this.$element.removeClass("collapsing").addClass("collapse in")[e]("auto"),this.transitioning=0,this.$element.trigger("shown.bs.collapse")};if(!a.support.transition)return f.call(this);var g=a.camelCase(["scroll",e].join("-"));this.$element.one(a.support.transition.end,a.proxy(f,this)).emulateTransitionEnd(350)[e](this.$element[0][g])},b.prototype.hide=function(){if(this.transitioning||!this.$element.hasClass("in"))return;var b=a.Event("hide.bs.collapse");this.$element.trigger(b);if(b.isDefaultPrevented())return;var c=this.dimension();this.$element[c](this.$element[c]())[0].offsetHeight,this.$element.addClass("collapsing").removeClass("collapse").removeClass("in"),this.transitioning=1;var d=function(){this.transitioning=0,this.$element.trigger("hidden.bs.collapse").removeClass("collapsing").addClass("collapse")};if(!a.support.transition)return d.call(this);this.$element[c](0).one(a.support.transition.end,a.proxy(d,this)).emulateTransitionEnd(350)},b.prototype.toggle=function(){this[this.$element.hasClass("in")?"hide":"show"]()};var c=a.fn.collapse;a.fn.collapse=function(c){return this.each(function(){var d=a(this),e=d.data("bs.collapse"),f=a.extend({},b.DEFAULTS,d.data(),typeof c=="object"&&c);!e&&f.toggle&&c=="show"&&(c=!c),e||d.data("bs.collapse",e=new b(this,f)),typeof c=="string"&&e[c]()})},a.fn.collapse.Constructor=b,a.fn.collapse.noConflict=function(){return a.fn.collapse=c,this},a(document).on("click.bs.collapse.data-api","[data-toggle=collapse]",function(b){var c=a(this),d,e=c.attr("data-target")||b.preventDefault()||(d=c.attr("href"))&&d.replace(/.*(?=#[^\s]+$)/,""),f=a(e),g=f.data("bs.collapse"),h=g?"toggle":c.data(),i=c.attr("data-parent"),j=i&&a(i);if(!g||!g.transitioning)j&&j.find('[data-toggle=collapse][data-parent="'+i+'"]').not(c).addClass("collapsed"),c[f.hasClass("in")?"addClass":"removeClass"]("collapsed");f.collapse(h)})}(jQuery),+function(a){function b(){var a=document.createElement("bootstrap"),b={WebkitTransition:"webkitTransitionEnd",MozTransition:"transitionend",OTransition:"oTransitionEnd otransitionend",transition:"transitionend"};for(var c in b)if(a.style[c]!==undefined)return{end:b[c]};return!1}"use strict",a.fn.emulateTransitionEnd=function(b){var c=!1,d=this;a(this).one(a.support.transition.end,function(){c=!0});var e=function(){c||a(d).trigger(a.support.transition.end)};return setTimeout(e,b),this},a(function(){a.support.transition=b()})}(jQuery)