-
We’re a small team of highly skilled digital
+
+
+
+
+
-
-
+
+
How do I get started using
+ Invoice Ninja?
+
+
+
Just click on the big, yellow “Invoice Now”
+ button on our homepage!
+
-
-
-
Do you offer customer
- support?
-
-
-
We sure do. Support is super important to us.
+
+
-
-
-
Is Invoice Ninja really
- free? For how long?
-
-
-
Yes, our basic app is 100% free. Forever and ever. For real. We
+
+
+
Is Invoice Ninja really
+ free? For how long?
+
+
+
Yes, our basic app is 100% free. Forever and ever. For real. We
also offer a paid Pro version of Invoice Ninja (you can learn all about
its awesome features here , but it's
important to us that the free version have all of the key features people
- need to do business.
-
+ need to do business.
+
-
-
+
+
How is Invoice Ninja able
to offer this all for free? How are you making any
- money?
-
-
-
We’re mostly in this line of work because we believe it’s high time that
+ money?
+
+
+
We’re mostly in this line of work because we believe it’s high time that
a good electronic invoicing tool be available for free. There isn’t much money
in it - yet. We do offer a paid Pro
version of the app that we've souped up with premium features. And when our users open up new
@@ -87,45 +82,44 @@
start running credit card charges through Invoice Ninja, or if scores of users go
Pro , there’s a decent chance we'll
recover our investment.
-
-
-
+
+
Really? So does that mean
you’re not collecting information about me so you can
sell me stuff or so that some other company can spam me
- according to my interests?
-
-
-
No way. We’re not mining your data, and we’re
+ according to my interests?
+
+
+
No way. We’re not mining your data, and we’re
not selling you out. That wouldn’t be very ninja of
- us, would it?
-
+ us, would it?
+
-
-
-
But don’t you have access
- to my merchant and banking accounts?
-
-
-
Actually, we don’t. When you link an account at
+
+
+
But don’t you have access
+ to my merchant and banking accounts
+
+
+
Actually, we don’t. When you link an account at
a third party financial institution with your
Invoice Ninja account, you’re essentially giving
our app permission to send money to you and nothing
more. This is all managed by the tech teams at your
financial service providers, who go to great
lengths to ensure their integrations can’t be
- exploited or abused.
-
+ exploited or abused.
+
-
-
+
+
Given that Invoice Ninja
is an open source app, how can I be sure that my
- financial information is safe with you?
-
-
-
There’s a big difference between “open source”
+ financial information is safe with you?
+
+
+
There’s a big difference between “open source”
and “open data.” Anyone who wants to use the code
that drives Invoice Ninja to create their own
products or to make improvements to ours can do so.
@@ -136,15 +130,15 @@
who has full access to what you're doing with our
product. For more details on the security of our
servers and how we handle our users’ information,
- please read the next question.
-
+ please read the next question.
+
-
-
-
So just how secure is this
- app?
-
-
+
+
+
So just how secure is this
+ app?
+
+
Extremely. Data uploaded by our users runs
through connections with 256-bit encryption, which
is twice as many encryption bits that most bank
@@ -153,52 +147,63 @@
message authentication and DHE_RSA key exchanges.
It’s fancy stuff that we put in place to make sure
no one can gain access to your information except
- you.
-
+ you.
+
-
-
+
- @stop
\ No newline at end of file
+
+
+
+
+@stop
\ No newline at end of file
diff --git a/app/views/public/header.blade.php b/app/views/public/header.blade.php
index 4ee29664d9..d8f9b25be2 100644
--- a/app/views/public/header.blade.php
+++ b/app/views/public/header.blade.php
@@ -7,17 +7,18 @@
-
+
+-->
-
+-->
+
+
+
@stop
@@ -88,21 +95,46 @@
$('#startForm').submit();
return false;
}
-
-
-
-
+
+
-
-
- {{ link_to('https://www.invoiceninja.com/features', 'Features' ) }}
-
- {{ link_to('https://www.invoiceninja.com/about', 'About Us' ) }}
- {{ link_to('https://www.invoiceninja.com/plans', 'Plans' ) }}
- {{ link_to('https://www.invoiceninja.com/contact', 'Contact Us' ) }}
+
+ b a j c Q d , {{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}
- {{ link_to('login', Auth::check() ? 'My Account' : 'Login' ) }}
+ {{ link_to('https://www.invoiceninja.com/about', 'About Us' ) }}
+ {{ link_to('https://www.invoiceninja.com/contact', 'Contact Us' ) }}
+
+
+
+
+
+
+
+
+
+ {{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}
+ {{ link_to('https://www.invoiceninja.com/about', 'About Us' ) }}
+ {{ link_to('https://www.invoiceninja.com/contact', 'Contact Us' ) }}
+ {{ link_to('https://www.invoiceninja.com/features', 'Features' ) }}
+ {{ link_to('https://www.invoiceninja.com/faq', 'FAQ' ) }}
+ {{ link_to('https://www.invoiceninja.com/plans', 'Plans' ) }}
+
@@ -177,14 +209,6 @@
-
-
-
-
-
-
-
-
@@ -448,11 +472,15 @@
+
+.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;
@@ -238,7 +310,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;
}
@@ -281,6 +353,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;
@@ -311,6 +387,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;
@@ -374,7 +459,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;
@@ -423,10 +508,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;
@@ -473,7 +554,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;
@@ -482,14 +563,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%;
@@ -511,6 +595,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;}
@@ -530,26 +617,46 @@ section.faq a.expander {
font-weight: 700;
margin-bottom: 10px;
}
+section.faq .content{display:none;}
section.faq .question {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
section.faq .contact-box {
- padding: 20px;
- text-align: center;
- color: #fff;
- background: #2299c0;
+ margin-top: 30px;
+ padding: 40px;
+ color: #4f4747;
+ background: #fad129;
}
section.faq .contact-box h2 {
- margin: 30px 0 15px;
- color: #fff;
+ text-transform: uppercase;
+ display: block;
+ float: left;
+ width: 60%;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 2px 0;
}
+section.faq .contact-box img {
+ float: left;
+ display: block;
+ margin-right: 20px;
+ margin-left: 30px;
+ height: 57px;
+}
+section.faq .contact-box .col-md-8 {
+ padding-left: 5px;
+}
+section.faq .contact-box h2 {
+ border-right: 1px solid #e4bf28;
+}
+
section.faq .contact-box a {
color: #2e2b2b;
}
section.faq .contact-box p {
- margin-bottom: 30px;
+
}
.btn-primary {
color: #fff;
@@ -699,24 +806,238 @@ 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;
}
- section.about .col-md-5 {
- padding-left: 15px !important;
+ .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: 25px 0 18px;
+ 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;
+ }
+ section.faq .contact-box h2 {
+ float: none;
+ width: 100%;
+ margin: 10px 0;
+ }
+ section.faq .contact-box img {
+ float: none;
+ display: inline-block;
+ margin-right: 0;
+ margin-left: 0;
+ height: 57px;
+ }
+ section.faq .contact-box .col-md-8 {
+ padding-left: 15px;
+ }
+ section.faq .contact-box h2 {
+ border-right: none;
+ }
+ section.faq .contact-box p {
+ margin: 0;
+ }
+ section.plans .plans-table {
+ margin-top: 30px;
+ font-size: 12px;
+ }
+ .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%;
background: #fff;
@@ -752,28 +1073,24 @@ footer.footer form#mad_mimi_signup_form input {
}
- section.features, section.blue, section, section.secure, section.about, section.team, section.contact {
- 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;
}
@@ -823,11 +1140,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;
@@ -856,6 +1174,8 @@ float: none;
#feedbackForm {
margin-top: 15px;
}
+
+ /* Footer */
footer .navbar-inner {
float: none;
}
@@ -886,13 +1206,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;
@@ -1032,33 +1345,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;
- }
}
\ No newline at end of file
diff --git a/public/css/splash.css b/public/css/splash.css
index 00aa7e1984..1aa1a2d328 100644
--- a/public/css/splash.css
+++ b/public/css/splash.css
@@ -1,8 +1,10 @@
+
body {
font-family: Roboto, sans-serif;
line-height: 1.6;
background-color: #fff;
overflow-x: hidden;
+ color: #2e2b2b;
}
.center-block {
margin: 0 auto!;
@@ -15,7 +17,7 @@ h2,
font-family: Roboto, sans-serif;
font-weight: 900;
line-height: 1.1;
- color: #1a1818;
+ color: #2e2b2b;
}
h1 {
font-size: 56px;
@@ -84,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;
}
+
+.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;
@@ -220,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;
}
@@ -263,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;
@@ -293,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;
@@ -356,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;
@@ -405,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;
@@ -455,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;
@@ -464,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%;
@@ -493,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;}
@@ -512,26 +599,46 @@ section.faq a.expander {
font-weight: 700;
margin-bottom: 10px;
}
+section.faq .content{display:none;}
section.faq .question {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
section.faq .contact-box {
- padding: 20px;
- text-align: center;
- color: #fff;
- background: #2299c0;
+ margin-top: 30px;
+ padding: 40px;
+ color: #4f4747;
+ background: #fad129;
}
section.faq .contact-box h2 {
- margin: 30px 0 15px;
- color: #fff;
+ text-transform: uppercase;
+ display: block;
+ float: left;
+ width: 60%;
+ margin-top: 0;
+ margin-bottom: 0;
+ padding: 2px 0;
}
+section.faq .contact-box img {
+ float: left;
+ display: block;
+ margin-right: 20px;
+ margin-left: 30px;
+ height: 57px;
+}
+section.faq .contact-box .col-md-8 {
+ padding-left: 5px;
+}
+section.faq .contact-box h2 {
+ border-right: 1px solid #e4bf28;
+}
+
section.faq .contact-box a {
color: #2e2b2b;
}
section.faq .contact-box p {
- margin-bottom: 30px;
+
}
.btn-primary {
color: #fff;
@@ -681,24 +788,238 @@ 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;
}
- section.about .col-md-5 {
- padding-left: 15px !important;
+ .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: 25px 0 18px;
+ 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;
+ }
+ section.faq .contact-box h2 {
+ float: none;
+ width: 100%;
+ margin: 10px 0;
+ }
+ section.faq .contact-box img {
+ float: none;
+ display: inline-block;
+ margin-right: 0;
+ margin-left: 0;
+ height: 57px;
+ }
+ section.faq .contact-box .col-md-8 {
+ padding-left: 15px;
+ }
+ section.faq .contact-box h2 {
+ border-right: none;
+ }
+ section.faq .contact-box p {
+ margin: 0;
+ }
+ section.plans .plans-table {
+ margin-top: 30px;
+ font-size: 12px;
+ }
+ .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%;
background: #fff;
@@ -734,28 +1055,24 @@ footer.footer form#mad_mimi_signup_form input {
}
- section.features, section.blue, section, section.secure, section.about, section.team, section.contact {
- 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;
}
@@ -805,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;
@@ -838,6 +1156,8 @@ float: none;
#feedbackForm {
margin-top: 15px;
}
+
+ /* Footer */
footer .navbar-inner {
float: none;
}
@@ -868,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;
@@ -1014,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;
- }
}
\ No newline at end of file
diff --git a/public/fonts/.empty b/public/fonts/.empty
new file mode 100644
index 0000000000..da1585c347
--- /dev/null
+++ b/public/fonts/.empty
@@ -0,0 +1 @@
+I'm a folder!
\ No newline at end of file
diff --git a/public/images/Thumbs.db b/public/images/Thumbs.db
index 08591460ee..45e8252579 100644
Binary files a/public/images/Thumbs.db and b/public/images/Thumbs.db differ
diff --git a/public/images/bg-blue.jpg b/public/images/bg-blue.jpg
index 814569b886..9b1a2f44ba 100644
Binary files a/public/images/bg-blue.jpg and b/public/images/bg-blue.jpg differ
diff --git a/public/images/devices.png b/public/images/devices.png
index f1cc6ecec5..dc6c9ddb93 100644
Binary files a/public/images/devices.png and b/public/images/devices.png differ
diff --git a/public/images/hero-bg-faq.jpg b/public/images/hero-bg-faq.jpg
new file mode 100644
index 0000000000..587c371731
Binary files /dev/null and b/public/images/hero-bg-faq.jpg differ
diff --git a/public/images/hero-bg-testi.jpg b/public/images/hero-bg-testi.jpg
new file mode 100644
index 0000000000..7d665f20d4
Binary files /dev/null and b/public/images/hero-bg-testi.jpg differ
diff --git a/public/images/hero-faq@2x.png b/public/images/hero-faq@2x.png
new file mode 100644
index 0000000000..4b14ee425b
Binary files /dev/null and b/public/images/hero-faq@2x.png differ
diff --git a/public/images/icon-faq.png b/public/images/icon-faq.png
new file mode 100644
index 0000000000..ac9e27c0c8
Binary files /dev/null and b/public/images/icon-faq.png differ
diff --git a/public/images/icon-testi.png b/public/images/icon-testi.png
new file mode 100644
index 0000000000..46ba97d3c9
Binary files /dev/null and b/public/images/icon-testi.png differ
diff --git a/public/images/icon-testi@2x.png b/public/images/icon-testi@2x.png
new file mode 100644
index 0000000000..b596f47ebc
Binary files /dev/null and b/public/images/icon-testi@2x.png differ
diff --git a/public/js/bootstrap.js b/public/js/bootstrap.js
new file mode 100644
index 0000000000..074e2fef6b
--- /dev/null
+++ b/public/js/bootstrap.js
@@ -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);
diff --git a/public/js/bootstrap.min.js b/public/js/bootstrap.min.js
new file mode 100644
index 0000000000..c461ce6c45
--- /dev/null
+++ b/public/js/bootstrap.min.js
@@ -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)
\ No newline at end of file
 }}){kind=icon}
+  }}){kind=logo}
+  }})
About Invoice Ninja }})
+
+
+
- 
- 
- 
+ 
- 
+ 
- 
- 
-