Mirrors/invoiceninja
1
0
Fork 0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-09-20 00:11:35 +02:00
Code Issues Releases Activity

new header style

Browse Source
This commit is contained in:
Razi KAntorp 2014-05-05 20:44:21 +02:00
parent fc15b438e0
commit dfd8546cf5
9 changed files with 107 additions and 29842 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -57,16 +57,9 @@ var contactForm = {
@section('content')
<section class="hero background hero4" data-speed="2" data-type="background">
<div class="caption-side"></div>
<section class="hero background hero4 center" data-speed="2" data-type="background">
<div class="container">
<div class="row" style="margin:0;">
<div class="caption-wrap">
<div class="caption">
<h1>Contact<span style="color:#ecd816"> us</span></h1>
</div>
</div>
</div>
</div>
</section>

20
app/views/public/features.blade.php
View File

@ -48,7 +48,25 @@
</div>
</div>
</section>
<section class="features features1">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="headline">
<div class="icon open"><span class="img-wrap"><img src="{{ asset('images/icon-opensource.png') }}"></span></div><h2>Open Source Platform</h2>
</div>
<p class="first">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.</p>
<p>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.
</p>
<p>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.</p>
</div>
<div class="col-md-7">
<img src="{{ asset('images/features1.jpg') }}">
</div>
</div>
</div>
</section>
<section class="upper-footer white-bg">
<div class="container">
<div class="row">

16
app/views/public/splash.blade.php
View File

@ -4,15 +4,13 @@
<section class="hero background hero1" data-speed="2" data-type="background">
<section class="hero background hero1 center" data-speed="2" data-type="background">
<div class="caption-side"></div>
<div class="container">
<div class="row" style="margin:0;">
<div class="caption-wrap">
<div class="caption">
<div class="row">
<h1>THE <span style="color:#2299c0">SIMPLE</span> &amp;
<span style="color:#edd71e">FREE</span> WAY TO INVOICE
<span style="color:#edd71e">FREE</span> WAY TO<br>INVOICE
CLIENTS</h1>
<p>It's that easy. Stop spending time on
complicated and expensive invoicing.<br>
@ -20,11 +18,7 @@
"color:#2299c0">get paid.</span></p>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="row">
<div class="col-md-3 center-block">
<a href="#">
<div class="cta">
@ -34,6 +28,8 @@
</div>
</div>
</div>
</section>
<section class="features-splash">

1443
public/built.css
View File

File diff suppressed because one or more lines are too long

28085
public/built.js
View File

File diff suppressed because one or more lines are too long

242
public/built.public.css
View File

File diff suppressed because one or more lines are too long

134
public/css/splash.css
View File

@ -19,7 +19,9 @@ h1,h2,.btn {
h1 {
font-size: 56px;
text-transform: uppercase;
color: #fff;
}
h1 img {margin-right: 10px;}
h2 {
font-size: 25px;
@ -132,70 +134,9 @@ a .cta:hover span {
font-size: 40px;
background: #f2c40a;
}
.hero .caption-side {
background: #fff;
width: 50%;
padding-right: 15px;
position: absolute;
left: 0;
height: 109px;
}
.hero .caption {
width: 61.5%;
background: #fff;
padding-right: 15px;
position: relative;
padding: 10px 35px 20px;
height: 109px;
border-left: 1px dotted #ccc;
text-align: left;
}
.hero1 .caption-side {
background: #fff;
width: 50%;
padding-right: 15px;
position: absolute;
left: 0;
height: 212px;
margin-top: 100px;
}
.hero1 .caption {
width: 61.5%;
background: #fff;
padding-right: 15px;
position: relative;
padding: 10px 35px 20px;
height: 212px;
border-left: 1px dotted #ccc;
margin-top: 100px;
}
.hero2 {
text-align: center;
padding: 225px 0;
background-repeat: no-repeat;
background-position: bottom center;
background-size: cover;
}
.hero h1 {
color: #fff;
margin: 0;
}
.hero h1 img {
display: inline;
margin-right: 10px;
margin-top: -6px;
}
.hero1 {padding: 130px 0;}
.hero h1 {margin: 0;}
.hero1 p {color: #fff; margin-bottom: 30px; margin-top: 20px;}
.hero3 {
text-align: center;
padding: 150px 0;
@ -223,7 +164,6 @@ a .cta:hover span {
background-position: center center;
background-attachment: static;
background-size: cover;
min-height: 500px;
}
section.features-splash, section.upper-footer {
@ -578,52 +518,6 @@ footer .social p {
margin: 0;
}
@media min-width 768px and max-width 1200px {
.hero .caption-side {
background: #fff;
width: 50%;
padding-right: 15px;
position: absolute;
left: 0;
height: 283px;
margin-top: 70px;
}
.hero .caption {
width: 61.3%;
background: #fff;
padding-right: 15px;
position: relative;
padding: 10px 35px 20px;
height: 283px;
border-left: 1px dotted #ccc;
margin-top: 70px;
}
}
@media min-width 768px and max-width 992px {
.features .col-md-3 {
width: 50%;
float: left;
margin-bottom: 10px;
}
.hero .caption-side {
display: none;
}
.hero .caption {
width: 100%;
background: #fff;
padding: 10px 35px 20px;
height: auto;
border-left: none;
margin-bottom: 10px;
text-align: center;
}
}
@media max-width 768px {
h1 {
@ -646,22 +540,8 @@ footer .social p {
float: none;
margin-top: 10px;
}
.hero .caption-side {
display: none;
}
.hero .caption {
width: 100%;
background: #fff;
padding: 10px 35px 20px;
height: auto;
border-left: none;
margin-top: 0;
margin-bottom: 10px;
text-align: center;
}
.hero2,.hero3,.hero4 {
padding: 50px 0;
}

BIN
public/images/Thumbs.db
View File

Binary file not shown.

BIN
public/images/hero-bg-1.jpg
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 185 KiB

After

Width:  |  Height:  |  Size: 132 KiB