1
0
mirror of https://github.com/invoiceninja/invoiceninja.git synced 2024-11-12 14:12:44 +01:00

Merge pull request #120 from raziraz/master

About page, Secure payment page, footer
This commit is contained in:
Hillel Coren 2014-05-13 23:23:49 +03:00
commit 89b638b620
30 changed files with 459 additions and 32135 deletions

View File

@ -10,17 +10,18 @@
</section>
</section>
<section class="about center">
<section class="about">
<div class="container">
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="col-md-5 valign">
<div class="headline">
<h2>What is Invoice Ninja?</h2>
<p>Invoice Ninja is a free, <a href="https://github.com/hillelcoren/invoice-ninja"
target="_blank">open-source</a> solution for invoicing and billing
customers. With Invoice Ninja, you can easily build and send beautiful invoices
from any device that has access to the web. Your clients can print your invoices,
download them as pdf files, and even pay you online from within the system. </p>
</div>
<p class="first">Invoice Ninja is a free, open-source solution for invoicing and billing customers. With Invoice Ninja, you can easily build and send beautiful invoices from any device that has access to the web. Your clients can print your invoices, download them as pdf files, and even pay you online from within the system.</p>
</div>
<div class="col-md-7">
<img src="{{ asset('images/devices3.png') }}">
</div>
</div>
</section>
@ -36,47 +37,56 @@
</div>
<div class="row">
<div class="col-md-3">
<img src="images/shalomstark.jpg" alt="Shalom Stark" class="img-circle">
<h2>SHALOM STARK</h2>
<p class="blue-text">Co-Founder, CEO</p>
<p>Shalom has specialized in small business development for nearly 10 years. In addition to InvoiceNinja.com Shalom is CEO of a leading tour agency in Israel.</p>
<p><span class="social"><a href="https://twitter.com/shalomstark" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
<div class="img-team">
<img src="images/shalomstark.jpg" alt="Shalom Stark">
</div>
<h2>Shalom Stark</h2>
<p>Co-Founder, CEO</p>
<p class="social blue"><a href="https://twitter.com/shalomstark" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a>
<a href="http://shalomisraeltours.com/" target="_blank"><img src="images/website.svg" alt="Website"></a>
</p>
<p class="blue-text" style="margin-bottom: 2px;"><a href="http://shalomisraeltours.com/" target="_blank">shalomisraeltours.com</a></p>
<p>Shalom has specialized in small business development for nearly 10 years. In addition to InvoiceNinja.com Shalom is CEO of a leading tour agency in Israel.</p>
</div>
<div class="col-md-3">
<img src="images/hillelcoren.jpg" alt="Hillel Coren" class="img-circle">
<h2>HILLEL COREN</h2>
<p class="blue-text">Co-Founder, CTO</p>
<p>Hillel has been developing enterprise applications for 15 years. His open-source <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1721530" target="_blank">AutoComplete</a> component has been used by thousands of developers around the world.</p>
<p><span class="social"><a href="https://twitter.com/hillelcoren" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
<span class="social"><a href="http://www.linkedin.com/profile/view?id=105143214" target="_blank"><img src="images/linkedin.svg" alt="LinkedIn"></a></span>
<div class="img-team">
<img src="images/hillelcoren.jpg" alt="Hillel Coren">
</div>
<h2>Hillel Coren</h2>
<p>Co-Founder, CTO</p>
<p class="social green"><a href="https://twitter.com/hillelcoren" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a>
<a href="http://www.linkedin.com/profile/view?id=105143214" target="_blank"><img src="images/linkedin.svg" alt=""></a>
<a href="http://hillelcoren.com/" target="_blank"><img src="images/website.svg" alt="Website"></a>
</p>
<p class="blue-text"><a href="http://hillelcoren.com/" target="_blank">hillelcoren.com</a></p>
<p>Hillel has been developing enterprise applications for 15 years. His open-source <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1721530" target="_blank">AutoComplete</a> component has been used by thousands of developers around the world.</p>
</div>
<div class="col-md-3">
<img src="images/razikantorp.jpg" alt="Razi Kantorp" class="img-circle">
<h2>RAZI KANTORP</h2>
<p class="blue-text">Designer</p>
<p>Razi is a pixel nerd with a great deal of experience in design for web sites and applications. When she isn't busy with InvoiceNinja she runs a small web agency in Stockholm called kantorp-wegl.in</p>
<p><span class="social"><a href="https://twitter.com/kantorpweglin" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
<span class="social"><a href="https://www.linkedin.com/pub/razi-kantorp/35/368/973" target="_blank"><img src="images/linkedin.svg" alt="LinkedIn"></a></span>
<span class="social"><a href="http://instagram.com/kantorpweglin" target="_blank"><img src="images/instagram.svg" alt="Twitter"></a>
<div class="img-team">
<img src="images/razikantorp.jpg" alt="Razi Kantorp">
</div>
<h2>Razi Kantorp-Weglin</h2>
<p>Designer</p>
<p class="social red"><a href="https://twitter.com/kantorpweglin" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a>
<a href="https://www.linkedin.com/pub/razi-kantorp/35/368/973" target="_blank"><img src="images/linkedin.svg" alt=""></a>
<a href="http://instagram.com/kantorpweglin" target="_blank"><img src="images/instagram.svg" alt="Twitter"></a>
<a href="http://kantorp-wegl.in/" target="_blank"><img src="images/website.svg" alt="Website"></a>
</p>
<p class="blue-text"><a href="http://kantorp-wegl.in/" target="_blank">kantorp-wegl.in</a></p>
<p>Razi is a pixel nerd with a great deal of experience in design for web sites and applications. When she isn't busy with InvoiceNinja she runs a small web agency in Stockholm called kantorp-wegl.in</p>
</div>
<div class="col-md-3">
<img src="images/benjacobson.jpg" alt="Ben Jacobsen" class="img-circle">
<h2>BEN JACOBSON</h2>
<p class="blue-text">Marketing</p>
<div class="img-team">
<img src="images/benjacobson.jpg" alt="Ben Jacobsen">
</div>
<h2>Ben Jacobson</h2>
<p>Marketing</p>
<p class="social yellow"><a href="https://twitter.com/osbennn" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a>
<a href="http://www.linkedin.com/in/osbennn" target="_blank"><img src="images/linkedin.svg" alt=""></a>
<a href="http://about.me/osbennn" target="_blank"><img src="images/me.svg" alt="Me"></a>
<a href="http://actionpackedmedia.com/" target="_blank"><img src="images/website.svg" alt="Website"></a>
</p>
<p>A veteran digital marketer and content strategist, Ben specializes in building communities around brands that make business easier for freelancers, SMBs and micro-entrepreneurs.
</p>
<p><span class="social"><a href="https://twitter.com/osbennn" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
<span class="social"><a href="http://www.linkedin.com/in/osbennn" target="_blank"><img src="images/linkedin.svg" alt="LinkedIn"></a></span>
<span class="social"><a href="http://about.me/osbennn" target="_blank"><img src="images/me.svg" alt="about.me"></a></span>
</p>
<p class="blue-text"><a href="http://actionpackedmedia.com/" target="_blank">actionpackedmedia.com</a></p>
</div>
</div>

View File

@ -8,7 +8,7 @@
<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('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">
@ -23,7 +23,7 @@
background-image: url({{ asset('/images/hero-bg-1.jpg') }});
}
.hero-about {
background-image: url({{ asset('/images/hero-bg-4.jpg') }});
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
}
.hero-plans {
background-image: url({{ asset('/images/hero-bg-plans.jpg') }});
@ -34,6 +34,9 @@
.hero-features {
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
}
.hero-secure {
background-image: url({{ asset('/images/hero-bg-secure-pay.jpg') }});
}
</style>
@stop
@ -110,10 +113,10 @@
<footer>
<div class="navbar" style="margin-bottom:0px">
<footer class="footer">
<div class="container">
<div class="social">
<div class="row">
<div class="col-md-4">
<!--<div class="fb-follow" data-href="https://www.facebook.com/invoiceninja" data-colorscheme="light" data-layout="button" data-show-faces="false"></div>-->
<!--<a href="https://twitter.com/invoiceninja" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @invoiceninja</a>
@ -147,12 +150,9 @@
<!--<iframe src="http://ghbtns.com/github-btn.html?user=hillelcoren&repo=invoice-ninja&type=watch" allowtransparency="true" frameborder="0" scrolling="0" width="62" height="20"></iframe>-->
<p>&nbsp;</p>
<p>Copyright © 2014 InvoiceNinja. All rights reserved.</p>
</div>
<div class="navbar-inner">
<ul class="navbar-list">
<img src="{{ asset('images/footer-logo.png') }}">
<hr>
<ul class="navbar-vertical">
<!-- <li>{{ link_to('features', 'Features' ) }}</li> -->
<!-- <li>{{ link_to('faq', 'FAQ' ) }}</li> -->
<li>{{ link_to('about', 'About Us' ) }}</li>
@ -161,6 +161,42 @@
<li>{{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}</li>
<li>{{ link_to('login', Auth::check() ? 'My Account' : 'Login' ) }}</li>
</ul>
</div>
<div class="col-md-4">
<h3><span class="glyphicon glyphicon-share-alt"></span>Connect with Us</h3>
<div class="social">
<div class="row1">
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-facebook.png') }}"></a>
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-twitter.png') }}"></a>
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-linkedin.png') }}"></a>
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-gplus.png') }}"></a>
</div>
<div class="row2">
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-github.png') }}"></a>
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-pinterest.png') }}"></a>
<a href="https://www.facebook.com/invoiceninja"><img src="{{ asset('images/hex-rss.png') }}"></a>
</div>
</div>
<h3><span class="glyphicon glyphicon-envelope"></span>Join Our Free Newsletter</h3>
<form id="newsletter">
<div class="form-group">
<input type="email" class="form-control" id="email" name="email" placeholder="Email Address">
{{ Button::submit('')->append_with_icon('chevron-right') }}
<span class="help-block" style="display: none;">Please enter a valid e-mail address.</span>
</div>
</form>
</div>
<div class="col-md-4">
<h3><img src="{{ asset('images/icon-secure-footer.png') }}" style="margin-right: 8px; margin-top: -5px;"></span>Safe & Secure</h3>
<img src="{{ asset('images/ssl-footer.png') }}">
<hr>
<img src="{{ asset('images/opensource-footer.png') }}">
</div>
<!--
<ul class="navbar-list">
@ -173,6 +209,7 @@
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">

View File

@ -2,4 +2,129 @@
@section('content')
<section class="hero background hero-secure center" data-speed="2" data-type="background">
<div class="container">
<div class="row">
<h1>Secure Payment</h1>
<p class="thin"><img src="{{ asset('images/icon-secure-pay.png') }}">256-BiT Encryption</p>
<img src="{{ asset('images/providers.png') }}">
</div>
</div>
</section>
<section class="secure">
<div class="container">
<div id="secure-form" class="row">
<div class="col-md-7 info">
<form>
<div class="row">
<div class="form-group col-md-6">
<label for="firstname">First Name</label>
<input type="text" class="form-control" id="firstname" name="firstname">
<span class="help-block" style="display: none;">Please enter your first name.</span>
</div>
<div class="form-group col-md-6">
<label for="lastname">Last name</label>
<input type="text" class="form-control" id="lastname" name="lastname">
<span class="help-block" style="display: none;">Please enter your last name.</span>
</div>
</div>
<div class="row">
<div class="form-group col-md-12">
<label for="streetadress">Street Address</label>
<input type="text" class="form-control" id="streetadress" name="streetadress">
<span class="help-block" style="display: none;">Please enter addess.</span>
</div>
</div>
<div class="row">
<div class="form-group col-md-3">
<label for="apt">Apt/Ste</label>
<input type="text" class="form-control" id="apt" name="apt">
<span class="help-block" style="display: none;">Please enter your Apt/Ste.</span>
</div>
<div class="form-group col-md-3">
<label for="apt">City</label>
<input type="text" class="form-control" id="city" name="city">
<span class="help-block" style="display: none;">Please enter your city.</span>
</div>
<div class="form-group col-md-3">
<label for="apt">State/Province</label>
<input type="text" class="form-control" id="state" name="state">
<span class="help-block" style="display: none;">Please enter your State/Province.</span>
</div>
<div class="form-group col-md-3">
<label for="apt">Postal Code</label>
<input type="text" class="form-control" id="postal" name="postal">
<span class="help-block" style="display: none;">Please enter your Postal Code.</span>
</div>
</div>
</div>
<div class="col-md-5">
<div class="card">
<div class="row">
<div class="form-group col-md-12">
<label for="streetadress">Card number</label>
<input type="text" class="form-control with-icon" id="cardnumber" name="cardnumber">
<span class="glyphicon glyphicon-lock"></span>
<span class="help-block" style="display: none;">Please enter your card number.</span>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="firstname">Expiration Month</label>
<select class="form-control" id="month" name="month">
<option>January</option>
</select>
<span class="help-block" style="display: none;">Please select the month.</span>
</div>
<div class="form-group col-md-6">
<label for="firstname">Expiration year</label>
<select class="form-control" id="year" name="year">
<option>2016</option>
</select>
<span class="help-block" style="display: none;">Please select the year.</span>
</div>
</div>
<div class="row">
<div class="form-group col-md-6">
<label for="apt">CVV</label>
<input type="text" class="form-control" id="cvv" name="cvv">
<span class="help-block" style="display: none;">Please enter the CVV.</span>
</div>
<div class="col-md-6">
<p><span class="glyphicon glyphicon-credit-card" style="margin-right: 10px;"></span><a href="#">Where Do I find CVV?</a></p>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12">
<button type="submit" id="feedbackSubmit" class="btn btn-primary btn-lg green">PAY NOW - $2.00</button>
</div>
</form>
</div>
</div>
</div>
</section>
@stop

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -211,7 +211,7 @@ section.features-splash,
section.upper-footer {
margin: 70px 0;
}
section.features {
section.features, section.about, section.team {
margin: 0;
padding: 100px 0;
}
@ -380,12 +380,9 @@ section.blue p {
section.blue img {
max-width: 100%;
}
section.about,
section.team,
section.plans {
padding: 70px 0;
}
section.about h2,
section.team h2,
section.plans h2 {
font-size: 25px;
@ -393,9 +390,9 @@ section.plans h2 {
text-transform: none;
}
section.team .col-md-3 h2 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
font-size: 20px;
}
section.about .screendump {
height: 220px;
@ -408,8 +405,7 @@ section.about.white-bg .col-md-5 {
padding-right: 43px;
padding-left: 15px;
}
section.about img,
section.team img {
section.about img {
width: 100%;
min-width: 100%;
padding: 0 30px;
@ -421,12 +417,13 @@ section.team .col-md-3 p {
font-size: 12px;
}
section.team .social {
width: 30px;
display: inline-block;
margin: 3px 3px 0 3px;
}
section.team .social.blue {background-color: #2599c0;}
section.team .social img {
padding: 0;
margin: 8px;
height: 15px;
display: inline-block;
}
section.contact .address .glyphicon {
background: #edd71e;
@ -747,9 +744,6 @@ float: none;
margin-top: 0;
margin-bottom: 20px;
}
section.about h2 {
margin: 0 0 15px;
}
#contact_form {
margin: 0;
}

View File

@ -28,6 +28,12 @@ h1 img {
h2 {
font-size: 25px;
}
h3 {
font-size: 16px;
margin-top: 0;
font-weight: 700;
font-family: Roboto, sans-serif;
}
.headline {
border-bottom: 1px solid #eee;
padding-bottom: 10px;
@ -42,7 +48,9 @@ p.first {
a,
a .cta h2,
.socicon,
.btn {
.btn,
a img
{
-webkit-transition: all .3s ease-in-out;
-moz-transition: all .3s ease-in-out;
-o-transition: all .3s ease-in-out;
@ -60,6 +68,22 @@ a:hover {
.white-bg {
background-color: #fff;
}
.form-group {
margin-bottom: 25px;
}
.form-group .glyphicon {
position: absolute;
top: 28px;
left: 15px;
display: block;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
color: #bfbfbf;
}
.form-control.with-icon {padding-left: 50px !important;}
.navbar {
background: #211f1f;
padding: 30px 0;
@ -189,11 +213,13 @@ a .cta:hover span {
text-align: left;
color: #1a1818;
}
.hero-secure p {font-size: 20px; text-transform: uppercase; color: #fff;}
.hero-secure p img { vertical-align: baseline; padding-right: 5px;}
section.features-splash,
section.upper-footer {
margin: 70px 0;
}
section.features {
section.features, section.about, section.team, section.secure {
margin: 0;
padding: 100px 0;
}
@ -227,7 +253,7 @@ section.features.upper-footer h2.thin {
margin:0;
}
section.features4, section.team {
section.features4, section.team, .card {
background-color: #f4f3f3;
}
section.features4 .col-md-7 img {
@ -362,12 +388,9 @@ section.blue p {
section.blue img {
max-width: 100%;
}
section.about,
section.team,
section.plans {
padding: 70px 0;
}
section.about h2,
section.team h2,
section.plans h2 {
font-size: 25px;
@ -375,9 +398,9 @@ section.plans h2 {
text-transform: none;
}
section.team .col-md-3 h2 {
font-size: 20px;
margin-top: 20px;
margin-bottom: 10px;
margin-bottom: 3px;
font-size: 20px;
}
section.about .screendump {
height: 220px;
@ -394,22 +417,44 @@ section.about img,
section.team img {
width: 100%;
min-width: 100%;
padding: 0 30px;
}
section.team .col-md-3 {
margin-top: 25px;
padding: 0 20px;
}
section.team .col-md-3 p {
font-size: 12px;
margin-bottom: 20px;
}
section.team .social {
width: 30px;
display: inline-block;
margin: 3px 3px 0 3px;
}
section.team .social.blue {background-color: #2599c0;}
section.team .social.green {background-color: #30ab82;}
section.team .social.red {background-color: #d2462d;}
section.team .social.yellow {background-color: #ebbe09;}
section.team .social img {
margin: 12px 7px;
height: 15px;
display: inline-block;
width: auto;
min-width: 1px;
padding: 0;
}
section.team .img-team:before {
-webkit-box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 0.3);
box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.3);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
content: "";
}
section.team .img-team {
z-index: 1000; position: relative;
}
section.team .img-team img {}
section.contact .address .glyphicon {
background: #edd71e;
height: 40px;
@ -427,26 +472,36 @@ section.contact .address span.push {
margin-left: 55px;
line-height: 25px;
}
section.contact .form-control {
section.contact .form-control, section.secure .form-control, footer.footer .form-control {
display: block;
width: 100%;
height: 40px;
height: 50px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: none;
border: 1px solid #e0e0e1;
border-radius: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-box-shadow: inset 0px 0px 8px 5px rgba(50, 50, 50, 0.25);
-moz-box-shadow: inset 0px 0px 8px 5px rgba(50, 50, 50, 0.25);
box-shadow: inset 0px 0px 5px 2px rgba(50, 50, 50, 0.05);
-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
section.contact textarea.form-control {
height: auto;
}
section.secure label { text-transform: uppercase; font-size: 12px; font-weight: 800; margin-bottom: 10px; display: block;}
section.secure .card {padding: 30px; margin-bottom: 50px;}
section.secure .card p {padding-top: 26px; padding-right: 15px; line-height: 50px;}
section.secure .info {padding-top: 30px;}
section.faq {
padding: 70px 0;
}
@ -462,7 +517,7 @@ section.faq .question {
margin-bottom: 30px;
border-bottom: 1px solid #e0e0e0;
}
section.faq .content {} section.faq .contact-box {
section.faq .contact-box {
padding: 20px;
text-align: center;
color: #fff;
@ -493,6 +548,15 @@ section.faq .contact-box p {
.btn-primary:hover {
background-color: #2299c0;
}
.btn.green {
background-color: #30ab82;
}
.btn.green:hover {
background-color: #2daa81;
}
.btn-lg {
font-size: 18px;
}
section.contact button span.glyphicon {
background-color: transparent;
color: #fff;
@ -512,7 +576,8 @@ section.contact .btn span.glyphicon {
section.contact .btn:hover span.glyphicon {
font-size: 25px;
}
section.contact textarea:focus,
section.contact textarea:focus, section.secure textarea:focus,
select:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
@ -528,54 +593,94 @@ input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus,
.uneditable-input:focus {
border-color: rgba(0, 0, 0, 0.8);
outline: 0;
outline: thin dotted \9;
/* IE6-9 */
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, .2) !important;
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, .2) !important;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0), 0 0 8px rgba(0, 0, 0, .2) !important;
}
section.contact address {
display: inline-block;
}
footer .navbar-inner {
float: right;
footer.footer {
background: #211f1f;
padding: 50px 0;
text-align: center;
}
footer ul.navbar-list {
footer.footer h3 { text-align: left; color: #fff; padding-bottom: 12px; margin-bottom: 25px; border-bottom: 1px solid #2c2a2a;}
footer.footer hr {
margin-top: 25px;
margin-bottom: 25px;
border: 0;
border-top: 1px solid #2c2a2a;
}
footer.footer .glyphicon {margin-right: 8px; color: #ebbe09; width: 15px; font-size: 14px;}
footer ul.navbar-vertical {
margin: 0;
padding: 0;
margin-bottom: 30px;
}
footer ul.navbar-vertical li {
display: block;
padding: 2px 0;
}
footer ul.navbar-vertical li a {
color: #a3a2a2;
font-size: 12px;
font-weight: 800;
text-transform: uppercase;
}
footer ul.navbar-vertical li a:hover {
color: #e5e5e5;
}
footer.footer .social {
margin-bottom: 30px;
width: 100%;
clear: both;
text-align: center;
}
footer ul.navbar-list:last-child {
margin-top: 5px;
footer.footer .social img {
margin: 0 3px;
}
footer ul.navbar-list:last-child li {
font-size: 12px;
footer.footer .social a img:hover {
opacity: 0.6;
}
footer ul.navbar-list:last-child li {
font-size: 12px;
footer.footer .social .row1 {
margin-bottom: -8px;
}
footer ul.navbar-list:last-child li:last-child a {
color: #fff;
footer.footer form#newsletter button {
position: absolute;
right: 0;
top: 0;
width: 50px;
height: 50px;
background: #b7b7b6;
border: none;
padding: 0;
border-radius: 0;
text-align: center;
margin-bottom: 30px;
}
footer .social {
float: left;
footer.footer form#newsletter button:hover {
background: #7b7a79;
}
footer .social .socicon {
font-family: socicon !important;
font-size: 25px;
margin-right: 8px;
}
footer .social .socicon {
color: #fff;
}
footer .social .socicon:hover {
color: #edd71e;
}
footer .social p {
font-size: 12px;
font-family: Roboto, sans-serif;
footer.footer form#newsletter button .glyphicon {
position: static;
color: #fff;
font-size: 15px;
width: auto;
margin: 0;
}
footer.footer form#newsletter .form-group {
position: relative;
}
footer.footer form#newsletter input {
padding: right: 60px;
background: #393636;
border: none;
color: #b7b7b6;
}
@media (max-width: 768px) {
h1 {
font-size: 30px;
@ -586,9 +691,6 @@ footer .social p {
section.about .col-md-5 {
padding-left: 15px !important;
}
section.about.white-bg .col-md-5 {
padding-right: 15px !important;
}
.navbar {
text-align: center;
padding: 25px 0 18px;
@ -624,10 +726,6 @@ footer .social p {
min-height: 1px;
padding: 50px 0;
}
section.features,
section.upper-footer {
margin: 30px 0;
}
section.upper-footer.white-bg {
padding: 30px 0;
}
@ -635,10 +733,22 @@ footer .social p {
margin-bottom: 10px;
}
section.features, section.blue, section {
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;
@ -693,13 +803,6 @@ float: none;
display: block;
text-transform: lowercase;
}
section.about {
padding: 30px 0;
text-align: center;
}
section.about.contact {
padding: 30px 0 0;
}
section.contact .address {
margin: 0;
}
@ -729,9 +832,6 @@ float: none;
margin-top: 0;
margin-bottom: 20px;
}
section.about h2 {
margin: 0 0 15px;
}
#contact_form {
margin: 0;
}

Binary file not shown.

BIN
public/images/devices3.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 18 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/images/hex-gplus.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

BIN
public/images/hex-rss.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.2 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.3 KiB

View File

@ -2,19 +2,23 @@
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="412px" height="412px" viewBox="50 50 412 412" enable-background="new 50 50 412 412" xml:space="preserve">
<circle fill="#1A1818" cx="256" cy="256" r="158.548"/>
<path id="instagram-circle-icon" fill="#EDD71E" d="M353.894,166.068v25.315c0,4.059-3.291,7.349-7.351,7.349h-24.771
c-4.06,0-7.35-3.291-7.35-7.349v-25.315c0-4.059,3.29-7.35,7.35-7.35h24.771C350.603,158.718,353.894,162.009,353.894,166.068z
M259,290.811c18.642,0,33.752-15.11,33.752-33.752s-15.11-33.751-33.752-33.751c-18.643,0-33.753,15.11-33.753,33.751
C225.247,275.699,240.358,290.811,259,290.811z M462,256c0,113.771-92.229,206-206,206c-113.771,0-206-92.229-206-206
c0-113.771,92.229-206,206-206C369.771,50,462,142.229,462,256z M374.837,222.731h-67.676c6.896,9.689,10.968,21.529,10.968,34.328
c0,32.738-26.541,59.279-59.279,59.279c-32.739,0-59.28-26.541-59.28-59.279c0-12.798,4.069-24.639,10.967-34.328h-67.372v103.89
c0,25.306,20.516,45.82,45.82,45.82h140.032c25.306,0,45.82-20.516,45.82-45.82V222.731z M258.85,302.729
c25.183,0,45.668-20.487,45.668-45.67c0-13.672-6.047-25.95-15.596-34.328c-3.352-2.938-7.13-5.392-11.235-7.259
c-5.748-2.614-12.121-4.083-18.837-4.083c-6.715,0-13.09,1.469-18.839,4.083c-4.104,1.867-7.884,4.321-11.234,7.259
c-9.549,8.377-15.597,20.656-15.597,34.328C213.18,282.24,233.668,302.729,258.85,302.729z M374.837,185.379
c0-25.307-20.516-45.82-45.82-45.82H203.804v57.766h-9.394v-57.766h-5.427c-0.354,0-0.705,0.018-1.059,0.026v57.74h-9.396v-56.554
c-2.274,0.531-4.484,1.229-6.615,2.086v54.468h-9.396v-49.34c-11.708,8.301-19.355,21.949-19.355,37.394v30.093h73.454
c10.751-10.917,25.697-17.693,42.231-17.693c16.532,0,31.479,6.776,42.232,17.693h73.755v-30.093H374.837z"/>
width="187.675px" height="188.653px" viewBox="175.625 0.608 187.675 188.653"
enable-background="new 175.625 0.608 187.675 188.653" xml:space="preserve">
<g>
<path fill="#FFFFFF" d="M293.702,67.983c-2.716-2.38-5.776-4.368-9.102-5.88c-4.656-2.118-9.819-3.308-15.26-3.308
c-5.439,0-10.604,1.19-15.261,3.308c-3.324,1.512-6.387,3.5-9.101,5.88c-7.735,6.786-12.635,16.733-12.635,27.808
c0,20.399,16.597,36.996,36.996,36.996c20.4,0,36.995-16.595,36.995-36.996C306.336,84.716,301.438,74.771,293.702,67.983z
M269.463,123.133c-15.102,0-27.343-12.241-27.343-27.342c0-15.1,12.24-27.34,27.343-27.34c15.102,0,27.342,12.239,27.342,27.34
C296.805,110.894,284.565,123.133,269.463,123.133z"/>
<g>
<path fill="#FFFFFF" d="M326.182,0.608H224.749v46.795h-7.609V0.608h-4.396c-0.286,0-0.571,0.015-0.857,0.021v46.774h-7.612V1.589
c-1.841,0.43-3.632,0.996-5.358,1.69v44.124h-7.612V7.433c-9.484,6.725-15.679,17.781-15.679,30.292v24.378h59.504
c8.709-8.844,20.815-14.333,34.21-14.333c13.393,0,25.501,5.489,34.211,14.333h59.748V37.726h0.002
C363.3,17.225,346.68,0.608,326.182,0.608z M346.334,42.589c0,3.288-2.666,5.954-5.954,5.954h-20.067
c-3.288,0-5.953-2.666-5.953-5.954V22.082c0-3.288,2.665-5.954,5.953-5.954h20.067c3.288,0,5.954,2.666,5.954,5.954V42.589z"/>
<path fill="#FFFFFF" d="M308.477,67.983c5.586,7.849,8.886,17.44,8.886,27.808c0,26.521-21.501,48.021-48.021,48.021
c-26.521,0-48.021-21.5-48.021-48.021c0-10.367,3.297-19.959,8.885-27.808h-54.577v84.159c0,20.5,16.619,37.118,37.117,37.118
h113.438c20.5,0,37.118-16.62,37.118-37.118V67.983H308.477z"/>
</g>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 2.0 KiB

After

Width:  |  Height:  |  Size: 1.9 KiB

View File

@ -2,14 +2,13 @@
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="411.999px" height="412px" viewBox="50.417 50 411.999 412" enable-background="new 50.417 50 411.999 412"
width="188.44px" height="188.538px" viewBox="10.463 0.723 188.44 188.538" enable-background="new 10.463 0.723 188.44 188.538"
xml:space="preserve">
<circle fill="#1A1818" cx="267.952" cy="246.5" r="158.548"/>
<path id="linkedin-circle-icon" fill="#EDD71E" d="M256.417,50c-113.771,0-206,92.229-206,206c0,113.771,92.229,206,206,206
c113.771,0,205.999-92.229,205.999-206C462.416,142.229,370.188,50,256.417,50z M201.456,355.592h-45.229V209.469h45.229V355.592z
M178.626,190.333c-14.771,0-26.746-12.072-26.746-26.963c0-14.891,11.975-26.963,26.746-26.963
c14.77,0,26.745,12.072,26.745,26.963C205.371,178.261,193.396,190.333,178.626,190.333z M370.952,355.592h-45.01
c0,0,0-55.666,0-76.703s-7.991-32.781-24.626-32.781c-18.103,0-27.562,12.231-27.562,32.781c0,22.504,0,76.703,0,76.703h-43.38
V209.469h43.38v19.679c0,0,13.047-24.137,44.031-24.137c30.986,0,53.165,18.918,53.165,58.058
C370.952,302.209,370.952,355.592,370.952,355.592z"/>
<g>
<rect x="14.202" y="63.569" fill="#FFFFFF" width="38.905" height="125.692"/>
<ellipse fill="#FFFFFF" cx="33.469" cy="23.916" rx="23.006" ry="23.193"/>
<path fill="#FFFFFF" d="M198.904,189.261h-38.716c0,0,0-47.882,0-65.979c0-18.095-6.874-28.198-21.183-28.198
c-15.571,0-23.708,10.522-23.708,28.198c0,19.357,0,65.979,0,65.979H77.982V63.569h37.315v16.928c0,0,11.222-20.763,37.874-20.763
c26.654,0,45.731,16.274,45.731,49.94C198.904,143.342,198.904,189.261,198.904,189.261z"/>
</g>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1007 B

View File

@ -2,25 +2,25 @@
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="412px" height="412px" viewBox="51.622 53.023 412 412" enable-background="new 51.622 53.023 412 412"
xml:space="preserve">
<circle fill="#EDD71E" cx="257.622" cy="259.023" r="206"/>
width="283.437px" height="188.653px" viewBox="138.529 0.608 283.437 188.653"
enable-background="new 138.529 0.608 283.437 188.653" xml:space="preserve">
<g>
<g>
<path fill="#1A1818" d="M115.904,314.482V203.564h17.388v15.549c3.598-5.435,8.379-9.787,14.354-13.108
c5.978-3.297,12.785-4.958,20.408-4.958c8.493,0,15.45,1.712,20.898,5.121c5.449,3.409,9.26,8.19,11.487,14.306
c9.071-12.947,20.886-19.427,35.417-19.427c11.399,0,20.13,3.045,26.247,9.134c6.113,6.104,9.172,15.489,9.172,28.159v76.143
H251.96v-69.878c0-7.523-0.641-12.933-1.887-16.242c-1.271-3.31-3.56-5.964-6.869-7.99c-3.31-2.013-7.185-3.031-11.651-3.031
c-8.065,0-14.77,2.604-20.093,7.787c-5.334,5.184-7.988,13.488-7.988,24.912v64.442h-19.44v-72.066
c0-8.354-1.584-14.619-4.743-18.797c-3.17-4.177-8.354-6.278-15.551-6.278c-5.474,0-10.53,1.396-15.173,4.188
c-4.644,2.78-8.002,6.846-10.09,12.205c-2.103,5.385-3.134,13.11-3.134,23.201v57.547H115.904z"/>
<path fill="#1A1818" d="M378.606,278.764l20.095,2.402c-3.185,11.349-9.035,20.155-17.604,26.435
c-8.58,6.266-19.501,9.398-32.837,9.398c-16.771,0-30.058-4.996-39.896-14.997c-9.814-9.99-14.734-24.006-14.734-42.048
c0-18.646,4.97-33.14,14.91-43.443c9.927-10.304,22.811-15.464,38.65-15.464c15.337,0,27.855,5.059,37.567,15.148
c9.714,10.09,14.583,24.308,14.583,42.627c0,1.107-0.038,2.78-0.101,5.007h-85.518c0.705,12.179,4.267,21.515,10.682,27.994
c6.404,6.479,14.394,9.712,23.969,9.712c7.134,0,13.223-1.798,18.256-5.422C371.661,292.49,375.65,286.702,378.606,278.764z
M314.806,248.367h64.026c-0.867-9.323-3.308-16.319-7.36-20.999c-6.188-7.234-14.203-10.857-24.067-10.857
c-8.92,0-16.432,2.881-22.509,8.668C318.806,230.967,315.447,238.691,314.806,248.367z"/>
<path fill="#FFFFFF" d="M138.529,150.394V39.475h17.389v15.549c3.598-5.436,8.379-9.787,14.354-13.108
c5.979-3.297,12.785-4.958,20.408-4.958c8.493,0,15.45,1.712,20.898,5.121s9.26,8.189,11.486,14.307
c9.071-12.947,20.887-19.428,35.417-19.428c11.399,0,20.13,3.045,26.247,9.135c6.113,6.104,9.172,15.488,9.172,28.158v76.143
h-19.314V80.517c0-7.523-0.642-12.934-1.887-16.242c-1.271-3.311-3.561-5.965-6.869-7.99c-3.311-2.014-7.186-3.031-11.651-3.031
c-8.065,0-14.77,2.604-20.093,7.787c-5.334,5.184-7.988,13.488-7.988,24.912v64.441h-19.439V78.328
c0-8.354-1.585-14.619-4.743-18.797c-3.17-4.177-8.354-6.278-15.552-6.278c-5.474,0-10.529,1.396-15.173,4.188
c-4.644,2.78-8.002,6.846-10.09,12.204c-2.103,5.386-3.134,13.11-3.134,23.201v57.547H138.529L138.529,150.394z"/>
<path fill="#FFFFFF" d="M401.231,114.675l20.095,2.402c-3.185,11.35-9.035,20.155-17.604,26.436
c-8.58,6.266-19.501,9.397-32.837,9.397c-16.771,0-30.059-4.996-39.896-14.997c-9.813-9.99-14.733-24.006-14.733-42.048
c0-18.646,4.97-33.14,14.909-43.443c9.928-10.304,22.812-15.464,38.65-15.464c15.337,0,27.855,5.059,37.567,15.148
c9.714,10.09,14.583,24.308,14.583,42.627c0,1.107-0.038,2.779-0.102,5.007h-85.518c0.705,12.179,4.267,21.515,10.682,27.994
c6.404,6.479,14.395,9.712,23.969,9.712c7.135,0,13.224-1.799,18.257-5.422C394.285,128.401,398.275,122.613,401.231,114.675z
M337.431,84.278h64.025c-0.866-9.323-3.308-16.319-7.359-20.999c-6.188-7.234-14.203-10.857-24.067-10.857
c-8.92,0-16.432,2.882-22.509,8.669C341.431,66.878,338.072,74.603,337.431,84.278z"/>
</g>
</g>
<rect x="138.529" y="0.608" fill="none" width="283.437" height="188.653"/>
</svg>

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

BIN
public/images/providers.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 8.8 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 7.3 KiB

View File

@ -2,13 +2,12 @@
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="412px" height="412px" viewBox="50 50 412 412" enable-background="new 50 50 412 412" xml:space="preserve">
<circle fill="#1A1818" cx="262.452" cy="256.384" r="149.048"/>
<path id="twitter-4-icon" fill="#EDD71E" d="M256,50C142.229,50,50,142.229,50,256c0,113.771,92.229,206,206,206
c113.771,0,206-92.229,206-206C462,142.229,369.771,50,256,50z M359.599,220.506c3.021,67.199-47.096,142.124-135.802,142.124
c-26.981,0-52.096-7.911-73.238-21.466c25.347,2.986,50.646-4.044,70.734-19.786c-20.907-0.386-38.556-14.198-44.632-33.181
c7.484,1.432,14.851,1.013,21.573-0.816c-22.976-4.617-38.839-25.316-38.319-47.453c6.438,3.58,13.81,5.729,21.642,5.977
c-21.278-14.221-27.303-42.318-14.785-63.789c23.563,28.906,58.771,47.928,98.479,49.92c-6.971-29.886,15.702-58.667,46.54-58.667
c13.742,0,26.16,5.802,34.874,15.088c10.886-2.143,21.108-6.119,30.343-11.594c-3.567,11.157-11.146,20.521-21.01,26.433
c9.665-1.153,18.874-3.722,27.441-7.523C377.033,205.355,368.935,213.771,359.599,220.506z"/>
width="232.88px" height="189.261px" viewBox="3.559 0 232.88 189.261" enable-background="new 3.559 0 232.88 189.261"
xml:space="preserve">
<path fill="#FFFFFF" d="M212.599,47.137c3.021,67.199-47.096,142.124-135.802,142.124c-26.981,0-52.096-7.911-73.238-21.466
c25.347,2.986,50.646-4.044,70.734-19.786c-20.907-0.386-38.557-14.198-44.632-33.181c7.483,1.432,14.851,1.013,21.572-0.816
c-22.976-4.617-38.839-25.316-38.318-47.453c6.438,3.58,13.81,5.729,21.642,5.977C13.279,58.314,7.254,30.218,19.772,8.747
c23.563,28.905,58.771,47.928,98.479,49.92C111.28,28.781,133.953,0,164.79,0c13.742,0,26.16,5.802,34.874,15.088
c10.887-2.143,21.108-6.119,30.344-11.594c-3.567,11.157-11.146,20.521-21.011,26.433c9.665-1.153,18.874-3.722,27.441-7.523
C230.032,31.986,221.935,40.402,212.599,47.137z"/>
</svg>

Before

Width:  |  Height:  |  Size: 1.3 KiB

After

Width:  |  Height:  |  Size: 1.1 KiB

11
public/images/website.svg Normal file
View File

@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="412px" height="274px" viewBox="50 119 412 274" enable-background="new 50 119 412 274" xml:space="preserve">
<path id="laptop-4-icon" fill="#FFFFFF" d="M462,360v13c0,11.046-8.954,20-20,20H70c-11.046,0-20-8.954-20-20v-13h167.088
c1.371,6.149,6.85,9.75,13.412,9.75h51c6.563,0,12.042-3.601,13.412-9.75H462z M399.834,146H112.166v172h287.668V146 M426.835,345
H85.168V139c0-11.046,8.954-20,20-20h301.667c11.046,0,20,8.954,20,20V345z"/>
<polygon fill="#FFFFFF" points="222.874,168.845 301.945,230.447 268.495,236.078 290.52,280.621 269.82,291.219 247.686,245.848
222.874,269.029 "/>
</svg>

After

Width:  |  Height:  |  Size: 954 B