mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-07-08 06:14:31 -04:00
About page, Secure payment page, footer
This commit is contained in:
Razi KAntorp
commit
4b45f5adc8
@ -51,24 +51,45 @@
|
|||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<script>
|
@if (isset($_ENV['TAG_MANAGER_KEY']) && $_ENV['TAG_MANAGER_KEY'])
|
||||||
@if (isset($_ENV['ANALYTICS_KEY']) && $_ENV['ANALYTICS_KEY'])
|
<!-- Google Tag Manager -->
|
||||||
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
|
<noscript><iframe src="//www.googletagmanager.com/ns.html?id={{ $_ENV['TAG_MANAGER_KEY'] }}"
|
||||||
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
|
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
|
||||||
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
|
||||||
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
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 -->
|
||||||
|
|
||||||
ga('create', '{{ $_ENV['ANALYTICS_KEY'] }}');
|
<script>
|
||||||
ga('send', 'pageview');
|
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>
|
||||||
|
(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),
|
||||||
|
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
|
||||||
|
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
|
||||||
|
|
||||||
function trackUrl(url) {
|
ga('create', '{{ $_ENV['ANALYTICS_KEY'] }}');
|
||||||
url = '/track' + url.replace('http:/', '');
|
ga('send', 'pageview');
|
||||||
ga('send', 'pageview', url);
|
|
||||||
}
|
function trackUrl(url) {
|
||||||
|
url = '/track' + url.replace('http:/', '');
|
||||||
|
ga('send', 'pageview', url);
|
||||||
|
//ga('send', 'event', 'photo', 'hover', this.src);
|
||||||
|
}
|
||||||
|
</script>
|
||||||
@else
|
@else
|
||||||
function trackUrl(url) {}
|
<script>
|
||||||
|
function trackUrl(url) {}
|
||||||
|
</script>
|
||||||
@endif
|
@endif
|
||||||
</script>
|
|
||||||
|
|
||||||
@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,68 +24,129 @@
|
|||||||
'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/>
|
||||||
|
<p> <p/>
|
||||||
|
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col-md-6 col-md-offset-2">
|
<div class="col-md-6" style="padding-top:16px">
|
||||||
|
|
||||||
{{ Former::legend('secure_payment') }}
|
<div class="row">
|
||||||
{{ Former::text('first_name') }}
|
<div class="col-md-6">
|
||||||
{{ Former::text('last_name') }}
|
{{ Former::text('first_name') }}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ Former::text('last_name') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
<p> <p/>
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
{{ Former::text('address1')->label('Street') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
{{ Former::text('card_number') }}
|
<div class="row">
|
||||||
{{ Former::select('expiration_month')->addOption('','')
|
<div class="col-md-3">
|
||||||
->addOption('01 - January', '1')
|
{{ Former::text('address2')->label('Apt/Suite') }}
|
||||||
->addOption('02 - February', '2')
|
</div>
|
||||||
->addOption('03 - March', '3')
|
<div class="col-md-3">
|
||||||
->addOption('04 - April', '4')
|
{{ Former::text('city') }}
|
||||||
->addOption('05 - May', '5')
|
</div>
|
||||||
->addOption('06 - June', '6')
|
<div class="col-md-3">
|
||||||
->addOption('07 - July', '7')
|
{{ Former::text('state')->label('State/Province') }}
|
||||||
->addOption('08 - August', '8')
|
</div>
|
||||||
->addOption('09 - September', '9')
|
<div class="col-md-3">
|
||||||
->addOption('10 - October', '10')
|
{{ Former::text('postal_code') }}
|
||||||
->addOption('11 - November', '11')
|
</div>
|
||||||
->addOption('12 - December', '12')
|
</div>
|
||||||
}}
|
|
||||||
{{ Former::select('expiration_year')->addOption('','')
|
|
||||||
->addOption('2014', '2014')
|
|
||||||
->addOption('2015', '2015')
|
|
||||||
->addOption('2016', '2016')
|
|
||||||
->addOption('2017', '2017')
|
|
||||||
->addOption('2018', '2018')
|
|
||||||
->addOption('2019', '2019')
|
|
||||||
->addOption('2020', '2020')
|
|
||||||
}}
|
|
||||||
|
|
||||||
{{ Former::text('cvv') }}
|
|
||||||
|
|
||||||
<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')
|
@if(strtolower($gateway->name) == 'beanstream')
|
||||||
{{ Former::select('country')->addOption('','')->label('Country')
|
<div class="row">
|
||||||
->fromQuery($countries, 'name', 'iso_3166_2') }}
|
<div class="col-md-4">
|
||||||
{{ Former::text('phone') }}
|
{{ Former::text('phone') }}
|
||||||
{{ Former::text('email') }}
|
</div>
|
||||||
@endif
|
<div class="col-md-4">
|
||||||
|
{{ Former::text('email') }}
|
||||||
{{ Former::actions( Button::primary_submit_lg(trans('texts.pay_now') . ' - ' . Utils::formatMoney($invoice->amount, $client->currency_id) )) }}
|
</div>
|
||||||
|
<div class="col-md-4">
|
||||||
|
{{ Former::select('country')->addOption('','')->label('Country')
|
||||||
|
->fromQuery($countries, 'name', 'iso_3166_2') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
@endif
|
||||||
|
|
||||||
</div>
|
</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') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ Former::select('expiration_month')->addOption('','')
|
||||||
|
->addOption('01 - January', '1')
|
||||||
|
->addOption('02 - February', '2')
|
||||||
|
->addOption('03 - March', '3')
|
||||||
|
->addOption('04 - April', '4')
|
||||||
|
->addOption('05 - May', '5')
|
||||||
|
->addOption('06 - June', '6')
|
||||||
|
->addOption('07 - July', '7')
|
||||||
|
->addOption('08 - August', '8')
|
||||||
|
->addOption('09 - September', '9')
|
||||||
|
->addOption('10 - October', '10')
|
||||||
|
->addOption('11 - November', '11')
|
||||||
|
->addOption('12 - December', '12')
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ Former::select('expiration_year')->addOption('','')
|
||||||
|
->addOption('2014', '2014')
|
||||||
|
->addOption('2015', '2015')
|
||||||
|
->addOption('2016', '2016')
|
||||||
|
->addOption('2017', '2017')
|
||||||
|
->addOption('2018', '2018')
|
||||||
|
->addOption('2019', '2019')
|
||||||
|
->addOption('2020', '2020')
|
||||||
|
}}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-6">
|
||||||
|
{{ Former::text('cvv') }}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<p> <p/>
|
||||||
|
<p> <p/>
|
||||||
|
|
||||||
|
|
||||||
|
<div class="row">
|
||||||
|
<div class="col-md-12">
|
||||||
|
|
||||||
|
{{ Button::block_primary_submit_lg(strtoupper(trans('texts.pay_now')) . ' - ' . Utils::formatMoney($invoice->amount, $client->currency_id) ) }}
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
{{ Former::close() }}
|
{{ Former::close() }}
|
||||||
|
|
||||||
@stop
|
@stop
|
||||||
@ -17,7 +17,7 @@
|
|||||||
<div class="headline">
|
<div class="headline">
|
||||||
<h2>What is Invoice Ninja?</h2>
|
<h2>What is Invoice Ninja?</h2>
|
||||||
</div>
|
</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>
|
<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>
|
||||||
<div class="col-md-7">
|
<div class="col-md-7">
|
||||||
<img src="{{ asset('images/devices3.png') }}">
|
<img src="{{ asset('images/devices3.png') }}">
|
||||||
@ -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 {
|
|
||||||
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 {
|
footer.footer form#newsletter button:hover {
|
||||||
float: left;
|
background: #7b7a79;
|
||||||
}
|
}
|
||||||
footer .social .socicon {
|
footer.footer form#newsletter button .glyphicon {
|
||||||
font-family: socicon !important;
|
position: static;
|
||||||
font-size: 25px;
|
color: #fff;
|
||||||
margin-right: 8px;
|
font-size: 15px;
|
||||||
}
|
width: auto;
|
||||||
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,10 +733,22 @@ 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;
|
||||||
margin-bottom: 20px;
|
margin-bottom: 20px;
|
||||||
@ -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