mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-11-04 07:57:33 -05:00
About page, Secure payment page, footer
This commit is contained in:
Razi KAntorp
commit
4b45f5adc8
@ -51,8 +51,25 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
|
@if (isset($_ENV['TAG_MANAGER_KEY']) && $_ENV['TAG_MANAGER_KEY'])
|
||||||
|
<!-- Google Tag Manager -->
|
||||||
|
<noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ $_ENV['TAG_MANAGER_KEY'] }}"
|
||||||
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||||
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||||
|
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
|
||||||
|
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
|
||||||
|
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
|
||||||
|
})(window,document,'script','dataLayer','{{ $_ENV['TAG_MANAGER_KEY'] }}');</script>
|
||||||
|
<!-- End Google Tag Manager -->
|
||||||
|
|
||||||
|
<script>
|
||||||
|
function trackUrl(url) {
|
||||||
|
url = '/track' + url.replace('http:/', '');
|
||||||
|
dataLayer.push({'event':url, 'eventLabel':this.src});
|
||||||
|
}
|
||||||
|
</script>
|
||||||
|
@elseif (isset($_ENV['ANALYTICS_KEY']) && $_ENV['ANALYTICS_KEY'])
|
||||||
<script>
|
<script>
|
||||||
@if (isset($_ENV['ANALYTICS_KEY']) && $_ENV['ANALYTICS_KEY'])
|
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
@ -64,11 +81,15 @@
|
|||||||
function trackUrl(url) {
|
function trackUrl(url) {
|
||||||
url = '/track' + url.replace('http:/', '');
|
url = '/track' + url.replace('http:/', '');
|
||||||
ga('send', 'pageview', url);
|
ga('send', 'pageview', url);
|
||||||
|
//ga('send', 'event', 'photo', 'hover', this.src);
|
||||||
}
|
}
|
||||||
@else
|
|
||||||
function trackUrl(url) {}
|
|
||||||
@endif
|
|
||||||
</script>
|
</script>
|
||||||
|
@else
|
||||||
|
<script>
|
||||||
|
function trackUrl(url) {}
|
||||||
|
</script>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
|
||||||
@yield('body')
|
@yield('body')
|
||||||
|
|
||||||
|
|||||||
@ -5,11 +5,11 @@
|
|||||||
<style type="text/css">
|
<style type="text/css">
|
||||||
div > label.control-label
|
div > label.control-label
|
||||||
{
|
{
|
||||||
font-weight: normal !important;
|
font-weight: bold !important;
|
||||||
}d
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
{{ Former::open('payment/' . $invitationKey)->rules(array(
|
{{ Former::vertical_open('payment/' . $invitationKey)->rules(array(
|
||||||
'first_name' => 'required',
|
'first_name' => 'required',
|
||||||
'last_name' => 'required',
|
'last_name' => 'required',
|
||||||
'card_number' => 'required',
|
'card_number' => 'required',
|
||||||
@ -24,21 +24,75 @@
|
|||||||
'phone' => 'required',
|
'phone' => 'required',
|
||||||
'email' => 'required'
|
'email' => 'required'
|
||||||
)) }}
|
)) }}
|
||||||
|
|
||||||
{{ Former::populate($client) }}
|
{{ Former::populate($client) }}
|
||||||
{{ Former::populateField('first_name', $contact->first_name) }}
|
{{ Former::populateField('first_name', $contact->first_name) }}
|
||||||
{{ Former::populateField('last_name', $contact->last_name) }}
|
{{ Former::populateField('last_name', $contact->last_name) }}
|
||||||
|
|
||||||
|
<p> <p/>
|
||||||
<div class="row">
|
|
||||||
<div class="col-md-6 col-md-offset-2">
|
|
||||||
|
|
||||||
{{ Former::legend('secure_payment') }}
|
|
||||||
{{ Former::text('first_name') }}
|
|
||||||
{{ Former::text('last_name') }}
|
|
||||||
|
|
||||||
<p> <p/>
|
<p> <p/>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6" style="padding-top:16px">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ Former::text('first_name') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ Former::text('last_name') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
{{ Former::text('address1')->label('Street') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-3">
|
||||||
|
{{ Former::text('address2')->label('Apt/Suite') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
{{ Former::text('city') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
{{ Former::text('state')->label('State/Province') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-3">
|
||||||
|
{{ Former::text('postal_code') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
@if(strtolower($gateway->name) == 'beanstream')
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-4">
|
||||||
|
{{ Former::text('phone') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
{{ Former::text('email') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
{{ Former::select('country')->addOption('','')->label('Country')
|
||||||
|
->fromQuery($countries, 'name', 'iso_3166_2') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="col-md-5 col-md-offset-1" style="background-color:#DDD;padding-top:16px">
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
{{ Former::text('card_number') }}
|
{{ Former::text('card_number') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
{{ Former::select('expiration_month')->addOption('','')
|
{{ Former::select('expiration_month')->addOption('','')
|
||||||
->addOption('01 - January', '1')
|
->addOption('01 - January', '1')
|
||||||
->addOption('02 - February', '2')
|
->addOption('02 - February', '2')
|
||||||
@ -53,6 +107,8 @@
|
|||||||
->addOption('11 - November', '11')
|
->addOption('11 - November', '11')
|
||||||
->addOption('12 - December', '12')
|
->addOption('12 - December', '12')
|
||||||
}}
|
}}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
{{ Former::select('expiration_year')->addOption('','')
|
{{ Former::select('expiration_year')->addOption('','')
|
||||||
->addOption('2014', '2014')
|
->addOption('2014', '2014')
|
||||||
->addOption('2015', '2015')
|
->addOption('2015', '2015')
|
||||||
@ -62,29 +118,34 @@
|
|||||||
->addOption('2019', '2019')
|
->addOption('2019', '2019')
|
||||||
->addOption('2020', '2020')
|
->addOption('2020', '2020')
|
||||||
}}
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
{{ Former::text('cvv') }}
|
{{ Former::text('cvv') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
<p> <p/>
|
<p> <p/>
|
||||||
|
<p> <p/>
|
||||||
|
|
||||||
{{ Former::text('address1')->label('Street') }}
|
|
||||||
{{ Former::text('address2')->label('Apt/Suite') }}
|
|
||||||
{{ Former::text('city') }}
|
|
||||||
{{ Former::text('state')->label('State/Province') }}
|
|
||||||
{{ Former::text('postal_code') }}
|
|
||||||
|
|
||||||
@if(strtolower($gateway->name) == 'beanstream')
|
<div class="row">
|
||||||
{{ Former::select('country')->addOption('','')->label('Country')
|
<div class="col-md-12">
|
||||||
->fromQuery($countries, 'name', 'iso_3166_2') }}
|
|
||||||
{{ Former::text('phone') }}
|
|
||||||
{{ Former::text('email') }}
|
|
||||||
@endif
|
|
||||||
|
|
||||||
{{ Former::actions( Button::primary_submit_lg(trans('texts.pay_now') . ' - ' . Utils::formatMoney($invoice->amount, $client->currency_id) )) }}
|
{{ Button::block_primary_submit_lg(strtoupper(trans('texts.pay_now')) . ' - ' . Utils::formatMoney($invoice->amount, $client->currency_id) ) }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{{ Former::close() }}
|
{{ Former::close() }}
|
||||||
|
|
||||||
|
|||||||
@ -41,9 +41,9 @@
|
|||||||
<img src="images/shalomstark.jpg" alt="Shalom Stark">
|
<img src="images/shalomstark.jpg" alt="Shalom Stark">
|
||||||
</div>
|
</div>
|
||||||
<h2>Shalom Stark</h2>
|
<h2>Shalom Stark</h2>
|
||||||
<p class="blue-text">Co-Founder, CEO</p>
|
<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>
|
<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="Twitter"></a>
|
<a href="http://shalomisraeltours.com/" target="_blank"><img src="images/website.svg" alt="Website"></a>
|
||||||
</p>
|
</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>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>
|
||||||
@ -52,36 +52,41 @@
|
|||||||
<img src="images/hillelcoren.jpg" alt="Hillel Coren">
|
<img src="images/hillelcoren.jpg" alt="Hillel Coren">
|
||||||
</div>
|
</div>
|
||||||
<h2>Hillel Coren</h2>
|
<h2>Hillel Coren</h2>
|
||||||
<p class="blue-text">Co-Founder, CTO</p>
|
<p>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 class="social green"><a href="https://twitter.com/hillelcoren" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a>
|
||||||
<p><span class="social"><a href="https://twitter.com/hillelcoren" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
|
<a href="http://www.linkedin.com/profile/view?id=105143214" target="_blank"><img src="images/linkedin.svg" alt=""></a>
|
||||||
<span class="social"><a href="http://www.linkedin.com/profile/view?id=105143214" target="_blank"><img src="images/linkedin.svg" alt="LinkedIn"></a></span>
|
<a href="http://hillelcoren.com/" target="_blank"><img src="images/website.svg" alt="Website"></a>
|
||||||
</p>
|
</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>
|
||||||
|
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<img src="images/razikantorp.jpg" alt="Razi Kantorp" class="img-circle">
|
<div class="img-team">
|
||||||
<h2>Razi Kantorp</h2>
|
<img src="images/razikantorp.jpg" alt="Razi Kantorp">
|
||||||
<p class="blue-text">Designer</p>
|
</div>
|
||||||
<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>
|
<h2>Razi Kantorp-Weglin</h2>
|
||||||
<p><span class="social"><a href="https://twitter.com/kantorpweglin" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
|
<p>Designer</p>
|
||||||
<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>
|
<p class="social red"><a href="https://twitter.com/kantorpweglin" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a>
|
||||||
<span class="social"><a href="http://instagram.com/kantorpweglin" target="_blank"><img src="images/instagram.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>
|
||||||
<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>
|
||||||
<div class="col-md-3">
|
<div class="col-md-3">
|
||||||
<img src="images/benjacobson.jpg" alt="Ben Jacobsen" class="img-circle">
|
<div class="img-team">
|
||||||
|
<img src="images/benjacobson.jpg" alt="Ben Jacobsen">
|
||||||
|
</div>
|
||||||
<h2>Ben Jacobson</h2>
|
<h2>Ben Jacobson</h2>
|
||||||
<p class="blue-text">Marketing</p>
|
<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>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>
|
||||||
<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>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@ -23,11 +23,7 @@
|
|||||||
background-image: url({{ asset('/images/hero-bg-1.jpg') }});
|
background-image: url({{ asset('/images/hero-bg-1.jpg') }});
|
||||||
}
|
}
|
||||||
.hero-about {
|
.hero-about {
|
||||||
<<<<<<< HEAD
|
|
||||||
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
|
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
|
||||||
=======
|
|
||||||
background-image: url({{ asset('/images/hero-bg-4.jpg') }});
|
|
||||||
>>>>>>> upstream/master
|
|
||||||
}
|
}
|
||||||
.hero-plans {
|
.hero-plans {
|
||||||
background-image: url({{ asset('/images/hero-bg-plans.jpg') }});
|
background-image: url({{ asset('/images/hero-bg-plans.jpg') }});
|
||||||
@ -38,6 +34,9 @@
|
|||||||
.hero-features {
|
.hero-features {
|
||||||
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
|
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
|
||||||
}
|
}
|
||||||
|
.hero-secure {
|
||||||
|
background-image: url({{ asset('/images/hero-bg-secure-pay.jpg') }});
|
||||||
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|
||||||
@stop
|
@stop
|
||||||
@ -114,10 +113,10 @@
|
|||||||
|
|
||||||
|
|
||||||
|
|
||||||
<footer>
|
<footer class="footer">
|
||||||
<div class="navbar" style="margin-bottom:0px">
|
|
||||||
<div class="container">
|
<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>-->
|
<!--<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>
|
<!--<a href="https://twitter.com/invoiceninja" class="twitter-follow-button" data-show-count="false" data-size="large">Follow @invoiceninja</a>
|
||||||
@ -151,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>-->
|
<!--<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>
|
<img src="{{ asset('images/footer-logo.png') }}">
|
||||||
<p>Copyright © 2014 InvoiceNinja. All rights reserved.</p>
|
<hr>
|
||||||
</div>
|
<ul class="navbar-vertical">
|
||||||
|
|
||||||
<div class="navbar-inner">
|
|
||||||
<ul class="navbar-list">
|
|
||||||
<!-- <li>{{ link_to('features', 'Features' ) }}</li> -->
|
<!-- <li>{{ link_to('features', 'Features' ) }}</li> -->
|
||||||
<!-- <li>{{ link_to('faq', 'FAQ' ) }}</li> -->
|
<!-- <li>{{ link_to('faq', 'FAQ' ) }}</li> -->
|
||||||
<li>{{ link_to('about', 'About Us' ) }}</li>
|
<li>{{ link_to('about', 'About Us' ) }}</li>
|
||||||
@ -165,6 +161,42 @@
|
|||||||
<li>{{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}</li>
|
<li>{{ link_to('http://blog.invoiceninja.com', 'Blog' ) }}</li>
|
||||||
<li>{{ link_to('login', Auth::check() ? 'My Account' : 'Login' ) }}</li>
|
<li>{{ link_to('login', Auth::check() ? 'My Account' : 'Login' ) }}</li>
|
||||||
</ul>
|
</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">
|
<ul class="navbar-list">
|
||||||
@ -177,6 +209,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</footer>
|
</footer>
|
||||||
|
|
||||||
<script type="text/javascript">
|
<script type="text/javascript">
|
||||||
|
|||||||
@ -2,4 +2,129 @@
|
|||||||
|
|
||||||
@section('content')
|
@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
|
@stop
|
||||||
1621
public/built.css
1621
public/built.css
File diff suppressed because one or more lines are too long
30334
public/built.js
30334
public/built.js
File diff suppressed because one or more lines are too long
@ -28,6 +28,12 @@ h1 img {
|
|||||||
h2 {
|
h2 {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
|
h3 {
|
||||||
|
font-size: 16px;
|
||||||
|
margin-top: 0;
|
||||||
|
font-weight: 700;
|
||||||
|
font-family: Roboto, sans-serif;
|
||||||
|
}
|
||||||
.headline {
|
.headline {
|
||||||
border-bottom: 1px solid #eee;
|
border-bottom: 1px solid #eee;
|
||||||
padding-bottom: 10px;
|
padding-bottom: 10px;
|
||||||
@ -42,7 +48,9 @@ p.first {
|
|||||||
a,
|
a,
|
||||||
a .cta h2,
|
a .cta h2,
|
||||||
.socicon,
|
.socicon,
|
||||||
.btn {
|
.btn,
|
||||||
|
a img
|
||||||
|
{
|
||||||
-webkit-transition: all .3s ease-in-out;
|
-webkit-transition: all .3s ease-in-out;
|
||||||
-moz-transition: all .3s ease-in-out;
|
-moz-transition: all .3s ease-in-out;
|
||||||
-o-transition: all .3s ease-in-out;
|
-o-transition: all .3s ease-in-out;
|
||||||
@ -60,6 +68,22 @@ a:hover {
|
|||||||
.white-bg {
|
.white-bg {
|
||||||
background-color: #fff;
|
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 {
|
.navbar {
|
||||||
background: #211f1f;
|
background: #211f1f;
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
@ -189,11 +213,13 @@ a .cta:hover span {
|
|||||||
text-align: left;
|
text-align: left;
|
||||||
color: #1a1818;
|
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.features-splash,
|
||||||
section.upper-footer {
|
section.upper-footer {
|
||||||
margin: 70px 0;
|
margin: 70px 0;
|
||||||
}
|
}
|
||||||
section.features, section.about, section.team {
|
section.features, section.about, section.team, section.secure {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
padding: 100px 0;
|
padding: 100px 0;
|
||||||
}
|
}
|
||||||
@ -227,7 +253,7 @@ section.features.upper-footer h2.thin {
|
|||||||
margin:0;
|
margin:0;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.features4, section.team {
|
section.features4, section.team, .card {
|
||||||
background-color: #f4f3f3;
|
background-color: #f4f3f3;
|
||||||
}
|
}
|
||||||
section.features4 .col-md-7 img {
|
section.features4 .col-md-7 img {
|
||||||
@ -373,7 +399,7 @@ section.plans h2 {
|
|||||||
}
|
}
|
||||||
section.team .col-md-3 h2 {
|
section.team .col-md-3 h2 {
|
||||||
margin-top: 20px;
|
margin-top: 20px;
|
||||||
margin-bottom: 10px;
|
margin-bottom: 3px;
|
||||||
font-size: 20px;
|
font-size: 20px;
|
||||||
}
|
}
|
||||||
section.about .screendump {
|
section.about .screendump {
|
||||||
@ -394,17 +420,22 @@ section.team img {
|
|||||||
}
|
}
|
||||||
section.team .col-md-3 {
|
section.team .col-md-3 {
|
||||||
margin-top: 25px;
|
margin-top: 25px;
|
||||||
|
padding: 0 20px;
|
||||||
}
|
}
|
||||||
section.team .col-md-3 p {
|
section.team .col-md-3 p {
|
||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
|
margin-bottom: 20px;
|
||||||
}
|
}
|
||||||
section.team .social {
|
section.team .social {
|
||||||
margin: 3px 3px 0 3px;
|
margin: 3px 3px 0 3px;
|
||||||
}
|
}
|
||||||
section.team .social.blue {background-color: #2599c0;}
|
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 {
|
section.team .social img {
|
||||||
margin: 12px 7px;
|
margin: 12px 7px;
|
||||||
height: 1$5px;
|
height: 15px;
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: auto;
|
width: auto;
|
||||||
min-width: 1px;
|
min-width: 1px;
|
||||||
@ -441,26 +472,36 @@ section.contact .address span.push {
|
|||||||
margin-left: 55px;
|
margin-left: 55px;
|
||||||
line-height: 25px;
|
line-height: 25px;
|
||||||
}
|
}
|
||||||
section.contact .form-control {
|
section.contact .form-control, section.secure .form-control, footer.footer .form-control {
|
||||||
display: block;
|
display: block;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
height: 40px;
|
height: 50px;
|
||||||
padding: 6px 12px;
|
padding: 6px 12px;
|
||||||
font-size: 14px;
|
font-size: 14px;
|
||||||
line-height: 1.42857143;
|
line-height: 1.42857143;
|
||||||
color: #555;
|
color: #555;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
background-image: none;
|
background-image: none;
|
||||||
border: none;
|
border: 1px solid #e0e0e1;
|
||||||
border-radius: 0;
|
border-radius: 0;
|
||||||
-webkit-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);
|
||||||
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
|
-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;
|
-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;
|
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
|
||||||
}
|
}
|
||||||
section.contact textarea.form-control {
|
section.contact textarea.form-control {
|
||||||
height: auto;
|
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 {
|
section.faq {
|
||||||
padding: 70px 0;
|
padding: 70px 0;
|
||||||
}
|
}
|
||||||
@ -476,7 +517,7 @@ section.faq .question {
|
|||||||
margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
border-bottom: 1px solid #e0e0e0;
|
border-bottom: 1px solid #e0e0e0;
|
||||||
}
|
}
|
||||||
section.faq .content {} section.faq .contact-box {
|
section.faq .contact-box {
|
||||||
padding: 20px;
|
padding: 20px;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -507,6 +548,15 @@ section.faq .contact-box p {
|
|||||||
.btn-primary:hover {
|
.btn-primary:hover {
|
||||||
background-color: #2299c0;
|
background-color: #2299c0;
|
||||||
}
|
}
|
||||||
|
.btn.green {
|
||||||
|
background-color: #30ab82;
|
||||||
|
}
|
||||||
|
.btn.green:hover {
|
||||||
|
background-color: #2daa81;
|
||||||
|
}
|
||||||
|
.btn-lg {
|
||||||
|
font-size: 18px;
|
||||||
|
}
|
||||||
section.contact button span.glyphicon {
|
section.contact button span.glyphicon {
|
||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
@ -526,7 +576,8 @@ section.contact .btn span.glyphicon {
|
|||||||
section.contact .btn:hover span.glyphicon {
|
section.contact .btn:hover span.glyphicon {
|
||||||
font-size: 25px;
|
font-size: 25px;
|
||||||
}
|
}
|
||||||
section.contact textarea:focus,
|
section.contact textarea:focus, section.secure textarea:focus,
|
||||||
|
select:focus,
|
||||||
input[type=text]:focus,
|
input[type=text]:focus,
|
||||||
input[type=password]:focus,
|
input[type=password]:focus,
|
||||||
input[type=datetime]:focus,
|
input[type=datetime]:focus,
|
||||||
@ -542,54 +593,94 @@ input[type=search]:focus,
|
|||||||
input[type=tel]:focus,
|
input[type=tel]:focus,
|
||||||
input[type=color]:focus,
|
input[type=color]:focus,
|
||||||
.uneditable-input: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 {
|
section.contact address {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
footer .navbar-inner {
|
footer.footer {
|
||||||
float: right;
|
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;
|
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 {
|
footer.footer .social a img:hover {
|
||||||
font-size: 12px;
|
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 {
|
|
||||||
|
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.footer form#newsletter button:hover {
|
||||||
|
background: #7b7a79;
|
||||||
|
}
|
||||||
|
footer.footer form#newsletter button .glyphicon {
|
||||||
|
position: static;
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
font-size: 15px;
|
||||||
footer .social {
|
width: auto;
|
||||||
float: left;
|
|
||||||
}
|
|
||||||
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;
|
|
||||||
margin: 0;
|
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) {
|
@media (max-width: 768px) {
|
||||||
h1 {
|
h1 {
|
||||||
font-size: 30px;
|
font-size: 30px;
|
||||||
@ -600,9 +691,6 @@ footer .social p {
|
|||||||
section.about .col-md-5 {
|
section.about .col-md-5 {
|
||||||
padding-left: 15px !important;
|
padding-left: 15px !important;
|
||||||
}
|
}
|
||||||
section.about.white-bg .col-md-5 {
|
|
||||||
padding-right: 15px !important;
|
|
||||||
}
|
|
||||||
.navbar {
|
.navbar {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
padding: 25px 0 18px;
|
padding: 25px 0 18px;
|
||||||
@ -638,10 +726,6 @@ footer .social p {
|
|||||||
min-height: 1px;
|
min-height: 1px;
|
||||||
padding: 50px 0;
|
padding: 50px 0;
|
||||||
}
|
}
|
||||||
section.features,
|
|
||||||
section.upper-footer {
|
|
||||||
margin: 30px 0;
|
|
||||||
}
|
|
||||||
section.upper-footer.white-bg {
|
section.upper-footer.white-bg {
|
||||||
padding: 30px 0;
|
padding: 30px 0;
|
||||||
}
|
}
|
||||||
@ -649,9 +733,21 @@ footer .social p {
|
|||||||
margin-bottom: 10px;
|
margin-bottom: 10px;
|
||||||
}
|
}
|
||||||
|
|
||||||
section.features, section.blue, section {
|
section.features, section.blue, section, section.secure, section.about, section.team, section.contact {
|
||||||
padding: 40px 0;
|
padding: 40px 0;
|
||||||
margin: 0 !important;
|
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 {
|
section.blue h1 {
|
||||||
line-height: 1.2;
|
line-height: 1.2;
|
||||||
@ -707,13 +803,6 @@ float: none;
|
|||||||
display: block;
|
display: block;
|
||||||
text-transform: lowercase;
|
text-transform: lowercase;
|
||||||
}
|
}
|
||||||
section.about {
|
|
||||||
padding: 30px 0;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
section.about.contact {
|
|
||||||
padding: 30px 0 0;
|
|
||||||
}
|
|
||||||
section.contact .address {
|
section.contact .address {
|
||||||
margin: 0;
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|||||||
Binary file not shown.
BIN
public/images/footer-logo.png
Normal file
BIN
public/images/footer-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.7 KiB |
BIN
public/images/hero-bg-secure-pay.jpg
Normal file
BIN
public/images/hero-bg-secure-pay.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 18 KiB |
BIN
public/images/hex-facebook.png
Normal file
BIN
public/images/hex-facebook.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
BIN
public/images/hex-github.png
Normal file
BIN
public/images/hex-github.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-gplus.png
Normal file
BIN
public/images/hex-gplus.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-linkedin.png
Normal file
BIN
public/images/hex-linkedin.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/images/hex-pinterest.png
Normal file
BIN
public/images/hex-pinterest.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-rss.png
Normal file
BIN
public/images/hex-rss.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
BIN
public/images/hex-twitter.png
Normal file
BIN
public/images/hex-twitter.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
BIN
public/images/icon-secure-footer.png
Normal file
BIN
public/images/icon-secure-footer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.2 KiB |
BIN
public/images/icon-secure-footer@2x.png
Normal file
BIN
public/images/icon-secure-footer@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.5 KiB |
BIN
public/images/icon-secure-pay.png
Normal file
BIN
public/images/icon-secure-pay.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
BIN
public/images/icon-secure-pay@2x.png
Normal file
BIN
public/images/icon-secure-pay@2x.png
Normal file
Binary file not shown.
|
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) -->
|
<!-- 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">
|
<!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"
|
<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">
|
width="187.675px" height="188.653px" viewBox="175.625 0.608 187.675 188.653"
|
||||||
<circle fill="#1A1818" cx="256" cy="256" r="158.548"/>
|
enable-background="new 175.625 0.608 187.675 188.653" xml:space="preserve">
|
||||||
<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
|
<g>
|
||||||
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
|
<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
|
||||||
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
|
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
|
||||||
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,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
|
||||||
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
|
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
|
||||||
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
|
C296.805,110.894,284.565,123.133,269.463,123.133z"/>
|
||||||
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
|
<g>
|
||||||
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
|
<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-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-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
|
||||||
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
|
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
|
||||||
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
|
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-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
|
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"/>
|
||||||
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"/>
|
<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>
|
</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) -->
|
<!-- 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">
|
<!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"
|
<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">
|
xml:space="preserve">
|
||||||
<circle fill="#1A1818" cx="267.952" cy="246.5" r="158.548"/>
|
<g>
|
||||||
<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
|
<rect x="14.202" y="63.569" fill="#FFFFFF" width="38.905" height="125.692"/>
|
||||||
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
|
<ellipse fill="#FFFFFF" cx="33.469" cy="23.916" rx="23.006" ry="23.193"/>
|
||||||
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
|
<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
|
||||||
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
|
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
|
||||||
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
|
c26.654,0,45.731,16.274,45.731,49.94C198.904,143.342,198.904,189.261,198.904,189.261z"/>
|
||||||
V209.469h43.38v19.679c0,0,13.047-24.137,44.031-24.137c30.986,0,53.165,18.918,53.165,58.058
|
</g>
|
||||||
C370.952,302.209,370.952,355.592,370.952,355.592z"/>
|
|
||||||
</svg>
|
</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) -->
|
<!-- 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">
|
<!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"
|
<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"
|
width="283.437px" height="188.653px" viewBox="138.529 0.608 283.437 188.653"
|
||||||
xml:space="preserve">
|
enable-background="new 138.529 0.608 283.437 188.653" xml:space="preserve">
|
||||||
<circle fill="#EDD71E" cx="257.622" cy="259.023" r="206"/>
|
|
||||||
<g>
|
<g>
|
||||||
<g>
|
<g>
|
||||||
<path fill="#1A1818" d="M115.904,314.482V203.564h17.388v15.549c3.598-5.435,8.379-9.787,14.354-13.108
|
<path fill="#FFFFFF" d="M138.529,150.394V39.475h17.389v15.549c3.598-5.436,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
|
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.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
|
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
|
||||||
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
|
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.442h-19.44v-72.066
|
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.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
|
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.205c-2.103,5.385-3.134,13.11-3.134,23.201v57.547H115.904z"/>
|
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="#1A1818" d="M378.606,278.764l20.095,2.402c-3.185,11.349-9.035,20.155-17.604,26.435
|
<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.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
|
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.91-43.443c9.927-10.304,22.811-15.464,38.65-15.464c15.337,0,27.855,5.059,37.567,15.148
|
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.78-0.101,5.007h-85.518c0.705,12.179,4.267,21.515,10.682,27.994
|
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.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
|
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
|
||||||
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
|
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.881-22.509,8.668C318.806,230.967,315.447,238.691,314.806,248.367z"/>
|
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>
|
||||||
</g>
|
</g>
|
||||||
|
<rect x="138.529" y="0.608" fill="none" width="283.437" height="188.653"/>
|
||||||
</svg>
|
</svg>
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 2.1 KiB After Width: | Height: | Size: 2.1 KiB |
BIN
public/images/opensource-footer.png
Normal file
BIN
public/images/opensource-footer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.8 KiB |
BIN
public/images/providers.png
Normal file
BIN
public/images/providers.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 8.8 KiB |
BIN
public/images/ssl-footer.png
Normal file
BIN
public/images/ssl-footer.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 7.3 KiB |
Loading…
x
Reference in New Issue
Block a user