Merge pull request #120 from raziraz/master
About page, Secure payment page, footer
@ -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>
|
||||
|
@ -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> </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">
|
||||
|
@ -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
|
1621
public/built.css
30334
public/built.js
@ -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;
|
||||
}
|
||||
|
@ -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;
|
||||
}
|
||||
|
BIN
public/images/devices3.png
Normal file
After Width: | Height: | Size: 72 KiB |
BIN
public/images/footer-logo.png
Normal file
After Width: | Height: | Size: 4.7 KiB |
BIN
public/images/hero-bg-secure-pay.jpg
Normal file
After Width: | Height: | Size: 18 KiB |
BIN
public/images/hex-facebook.png
Normal file
After Width: | Height: | Size: 1.6 KiB |
BIN
public/images/hex-github.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-gplus.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-linkedin.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
public/images/hex-pinterest.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-rss.png
Normal file
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-twitter.png
Normal file
After Width: | Height: | Size: 1.7 KiB |
BIN
public/images/icon-secure-footer.png
Normal file
After Width: | Height: | Size: 1.2 KiB |
BIN
public/images/icon-secure-footer@2x.png
Normal file
After Width: | Height: | Size: 1.5 KiB |
BIN
public/images/icon-secure-pay.png
Normal file
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/icon-secure-pay@2x.png
Normal file
After Width: | Height: | Size: 1.3 KiB |
@ -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 |
@ -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 |
@ -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 |
BIN
public/images/opensource-footer.png
Normal file
After Width: | Height: | Size: 6.8 KiB |
BIN
public/images/providers.png
Normal file
After Width: | Height: | Size: 8.8 KiB |
BIN
public/images/ssl-footer.png
Normal file
After Width: | Height: | Size: 7.3 KiB |
@ -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
@ -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 |