mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-09 03:14:30 -04:00
Hillel Coren
commit
457a8d8078
@ -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()
|
||||
|
||||
@ -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');
|
||||
|
||||
@ -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>
|
||||
|
||||
@ -67,9 +67,10 @@ var contactForm = {
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<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"> <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>
|
||||
|
||||
@ -9,7 +9,6 @@
|
||||
<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
46
app/views/public/testimonials.blade.php
Normal 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's easy to start, I just took a few minutes and I was able to create a really professional invoice! Great user experience!!</p>— 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&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>— 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 & opensource tool for freelance/small business folk who need to do invoicing : <a href="https://t.co/3eGzB4waR2">https://t.co/3eGzB4waR2</a></p>— 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&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>— 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's pretty cool.</p>— 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&src=hash">#invoiceninja</a> !What a classy app ! Good UI and specially I loved that live PDF editing + open source ! hatsoff !</p>— 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>— 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
|
||||
File diff suppressed because one or more lines are too long
@ -1,3 +1,4 @@
|
||||
|
||||
body {
|
||||
font-family: Roboto, sans-serif;
|
||||
line-height: 1.6;
|
||||
@ -86,43 +87,113 @@ text-align: center;
|
||||
}
|
||||
.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,16 +788,148 @@ 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;
|
||||
@ -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;
|
||||
}
|
||||
padding-top: 0;
|
||||
}
|
||||
section.secure .card {
|
||||
padding: 15px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
padding: 15px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
section.secure .card p {
|
||||
padding-top: 0;
|
||||
padding-right: 15px;
|
||||
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;
|
||||
}
|
||||
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;
|
||||
@ -1062,32 +1328,3 @@ 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
1
public/fonts/.empty
Normal file
@ -0,0 +1 @@
|
||||
I'm a folder!
|
||||
Binary file not shown.
Binary file not shown.
|
Before Width: | Height: | Size: 22 KiB After Width: | Height: | Size: 22 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 96 KiB After Width: | Height: | Size: 88 KiB |
BIN
public/images/hero-bg-testi.jpg
Normal file
BIN
public/images/hero-bg-testi.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
public/images/icon-testi.png
Normal file
BIN
public/images/icon-testi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
BIN
public/images/icon-testi@2x.png
Normal file
BIN
public/images/icon-testi@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
219
public/js/bootstrap.js
vendored
Normal file
219
public/js/bootstrap.js
vendored
Normal 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
7
public/js/bootstrap.min.js
vendored
Normal 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)
|
||||
Loading…
x
Reference in New Issue
Block a user