diff --git a/app/views/public/features.blade.php b/app/views/public/features.blade.php index 175615e2403c..f20b7f4316bc 100644 --- a/app/views/public/features.blade.php +++ b/app/views/public/features.blade.php @@ -1,105 +1,54 @@ @extends('public.header') @section('content') -
-
+
-
-
-
-

THE FEATURES -

-
+
+

THE FEATURES

-
+
-
-

Open Source Platform

-

Set the code free! Here at Invoice Ninja, we’re all about being non-evil, and providing full code transparency is a central manifestation of this value. Our users started seeing the benefits of open source within days of our launch, when we rolled out v1.0.2, which included some key code improvements that our friends on GitHub sent our way.

+
+
+

Open Source Platform

+
+

Set the code free! Here at Invoice Ninja, we’re all about being non-evil, and providing full code transparency is a central manifestation of this value.

+

Our users started seeing the benefits of open source within days of our launch, when we rolled out v1.0.2, which included some key code improvements that our friends on GitHub sent our way. +

We firmly believe that being an open source product helps everyone involved. We’re looking forward to seeing what the developers out there can do to take Invoice Ninja into new realms of usefulness.

-
+ +
+
+ +
-
-
-
-
-
- -
-
-
-

Free Forever

-

Yeah, you read that correctly. You don’t have to pay us a cent to use our tools. We know how tough it is to make ends meet as a web-based business, and we’re bent on providing a top-notch product that will do everything you need it to do, without any subscription or opt-in fees. -

-

- Try Invoice Ninja out. You literally have nothing to lose. We’re confident that you’ll find the experience so positive that you’ll never need to turn elsewhere. -

-
-
-
-
-
-
-
-
-

Secure and Private

-

Invoice Ninja has been built from the ground up to keep your data safe. Only you have access to your login and accounting details, and we will never share your transaction data to any third party.

-

- Our website operates with 256-bit encryption, which is even more secure than most banking websites. Invoice Ninja uses the TLS 1.0 cryptographic protocol, AES_256_CBC string encryption, SHA1 message authentication and DHE_RSA key exchanges. We feel safe here and have invested heavily in measures to ensure that you do too. -

-
-
-
- -
-
-
-
-
-
-
-
-
-
- -
-
-
-

Live PDF Creation

-

With Invoice Ninja, we’ve done away with the need for cumbersome multi-click invoice previewing after each save. When you enter the details of your customer and/or invoice in our editor, you can instantly see the results in the pdf preview pane below. Want to see what your invoice would look like in a different layout style? The live pdf can show you four beautiful preset styles in real time too. -

-

- Just create, save, send, and you’re done! -

-
-
-
-
-
-
-
-
-

Online Payments

-

Invoice Ninja seamlessly integrates with all of the top internet payment processors and gateways so you can get paid for your work quickly and easily. Invoices crated with our tools aren’t just for bookkeeping purposes - they bring in the Benjamins.

-

- We also make it super easy to choose the right gateway for the specific needs of your business and are happy to help you to get started working with the gateway of your choice. What’s more, we’re constantly working on rolling out additional gateway integrations, so if you don’t see the one you use here, just let us know, and there’s a good chance we’ll add it for you. -

-
-
-
- -
-
-
-
-
+
+
+
+ +
+ +
+
+
+

FREE. Forever.

+
+

Set the code free! Here at Invoice Ninja, we’re all about being non-evil, and providing full code transparency is a central manifestation of this value.

+

Our users started seeing the benefits of open source within days of our launch, when we rolled out v1.0.2, which included some key code improvements that our friends on GitHub sent our way. +

+

We firmly believe that being an open source product helps everyone involved. We’re looking forward to seeing what the developers out there can do to take Invoice Ninja into new realms of usefulness.

+
+
+
+
+
diff --git a/app/views/public/splash.blade.php b/app/views/public/splash.blade.php index c12fff065313..a7b4a5ff2188 100755 --- a/app/views/public/splash.blade.php +++ b/app/views/public/splash.blade.php @@ -36,12 +36,12 @@
-
+
-
+

Free, Always

Invoicing with no monthly fee, because you have enough bills already! Free, now and forever! Quality invoicing to build your business and get paid.

@@ -49,7 +49,7 @@
-
+

Open-Source

Cloud-based, super secure, and user-developed. Open source platforms are a better way to do business (and save the world). Need we say more?

@@ -57,7 +57,7 @@
-
+

Live .PDF View

Create beautiful email-ready .PDF invoices created instantly as you type. Our ‘Save & send’ feature saves you time and impresses clients.

@@ -65,7 +65,7 @@
-
+

Online Payments

PayPal? Authorize.Net? Stripe? We support many payment technologies and if you need help or advice we’ll lend a hand (we’re pretty friendly).

diff --git a/public/css/splash.css b/public/css/splash.css index 6ff7e0bb1b3a..13dde1ea3c06 100644 --- a/public/css/splash.css +++ b/public/css/splash.css @@ -1,6 +1,7 @@ body { font-family: Roboto, sans-serif; line-height: 1.6; + background-color: #fff; } .center-block { @@ -16,13 +17,17 @@ h1,h2,.btn { } h1 { - font-size: 45px; + font-size: 56px; text-transform: uppercase; } h2 { font-size: 25px; } +.headline { border-bottom: 1px solid #eee; padding-bottom: 10px; margin-bottom: 15px;} +.thin {font-weight: 300;} + +p.first {font-size: 17px;} a,a .cta h2,.socicon,.btn { -webkit-transition: all .3s ease-in-out; @@ -181,10 +186,15 @@ a .cta:hover span { background-size: cover; } -.hero2 h1 { +.hero h1 { color: #fff; margin: 0; } +.hero h1 img { + display: inline; + margin-right: 10px; + margin-top: -6px; +} .hero3 { text-align: center; @@ -216,53 +226,30 @@ a .cta:hover span { min-height: 500px; } -section.features,section.upper-footer { - margin: 60px 0; +section.features-splash, section.upper-footer { + margin: 70px 0; } +section.features { + margin: 0; + padding-top: 80px; +} + + + section.upper-footer.white-bg { margin: 0; padding: 60px 0; } -section.features .col-md-3 .box { +section.features-splash .box { padding: 20px; text-align: center; } -section.features .col-md-3.two .box .icon { - background: #32ba8d; - border-color: #28ae82; -} +/*Icons*/ -section.features .col-md-3.two h2 { - color: #32ba8d; -} - -section.features .col-md-3.three .box .icon { - background: #d2462d; - border-color: #c23b23; -} - -section.features .col-md-3.three h2 { - color: #d2462d; -} - -section.features .col-md-3.four .box .icon { - background: #fad129; - border-color: #f0c824; -} - -section.features .col-md-3.four h2 { - color: #f0c824; -} - -section.features h2 { - margin: 20px 0 15px; - color: #2599c0; -} - -section.features .col-md-3 .box .icon { +section.features-splash .icon { background: #2599c0; width: 94px; height: 94px; @@ -270,16 +257,65 @@ section.features .col-md-3 .box .icon { text-align: center; display: table; margin: 0 auto; - } -section.features .col-md-3 .box .icon .img-wrap { +section.features .icon { + background: #2599c0; + width: 35px; + height: 35px; + border: 4px solid #1d8db3; + text-align: center; + display: table; + float: left; +} + +.icon.open { + background: #32ba8d !important; + border-color: #28ae82 !important; +} + +section.features .icon.free img {width: 23px;} +section.features .icon.open img {width: 23px;} +section.blue .icon.free {background-color: #fff; border-color: #fff;} +section.features-splash .two .box h2 { + color: #32ba8d; +} + +.icon.pdf { + background: #d2462d !important; + border-color: #c23b23 !important; +} + +section.features-splash .three .box h2 { + color: #d2462d; +} + +.icon.pay { + background: #fad129 !important; + border-color: #f0c824 !important; +} + +section.features-splash .four .box h2 { + color: #f0c824; +} + +section.features-splash h2 { + margin: 20px 0 15px; + color: #2599c0; +} +section.features h2 { + display: inline-block; + margin-top: 5px; + padding-left: 15px; + color: #1a1818; +} +.icon .img-wrap { display: table-cell; vertical-align: middle; height: 100%; } -section.features .col-md-3 .box .icon img { +.icon img { vertical-align: middle; } @@ -305,6 +341,7 @@ section.blue h1 { margin-top: 30px; font-size: 65px; } +section.blue h2 {color: #fff;} section.blue a {color: #ffffff; text-decoration:underline;} section.blue p {margin-top: 15px;} diff --git a/public/images/Thumbs.db b/public/images/Thumbs.db index 9dbbd5809c63..250ce221db57 100644 Binary files a/public/images/Thumbs.db and b/public/images/Thumbs.db differ diff --git a/public/images/devices-2.png b/public/images/devices-2.png new file mode 100644 index 000000000000..8417be2672fa Binary files /dev/null and b/public/images/devices-2.png differ diff --git a/public/images/features1.jpg b/public/images/features1.jpg index 086a70844540..be3d9eb14458 100644 Binary files a/public/images/features1.jpg and b/public/images/features1.jpg differ diff --git a/public/images/hero-bg-3.jpg b/public/images/hero-bg-3.jpg index 0c14686dcd02..02ecf5175e56 100644 Binary files a/public/images/hero-bg-3.jpg and b/public/images/hero-bg-3.jpg differ diff --git a/public/images/icon-features.png b/public/images/icon-features.png new file mode 100644 index 000000000000..7bc9f5145141 Binary files /dev/null and b/public/images/icon-features.png differ diff --git a/public/images/icon-features@2x.png b/public/images/icon-features@2x.png new file mode 100644 index 000000000000..5d47242e3838 Binary files /dev/null and b/public/images/icon-features@2x.png differ diff --git a/public/images/icon-free2.png b/public/images/icon-free2.png new file mode 100644 index 000000000000..e06c1ea6aafb Binary files /dev/null and b/public/images/icon-free2.png differ