mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2025-06-22 01:40:56 -04:00
Merge pull request #130 from raziraz/master
FAQ page and some code cleaning
This commit is contained in:
Hillel Coren
commit
3b5fe6ee9c
@ -1,16 +1,15 @@
|
||||
@extends('public.header')
|
||||
|
||||
@section('content')
|
||||
<section class="hero background hero-about" data-speed="2" data-type="background">
|
||||
<section class="hero background hero-about" data-speed="2" data-type="background">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<h1><img src="{{ asset('images/icon-about.png') }}"><span class="thin">About</span> Invoice Ninja</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="about">
|
||||
<section class="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-5 valign">
|
||||
@ -23,13 +22,14 @@
|
||||
<img src="{{ asset('images/devices3.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="team center">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<h2>Team Ninja</h2>
|
||||
<h2>Team Ninja</h2>
|
||||
<p>Invoice Ninja is managed by a team of seasoned web workers. We
|
||||
launched in early 2014 and have been thrilled by the enthusiastic response we’ve
|
||||
received from our growing community of users.</p>
|
||||
@ -59,7 +59,6 @@
|
||||
</p>
|
||||
<p>Hillel has been developing enterprise applications for 15 years. His open-source <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1721530" target="_blank">AutoComplete</a> component has been used by thousands of developers around the world.</p>
|
||||
</div>
|
||||
|
||||
<div class="col-md-3">
|
||||
<div class="img-team">
|
||||
<img src="images/razikantorp.jpg" alt="Razi Kantorp">
|
||||
@ -71,7 +70,6 @@
|
||||
<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>Razi is a pixel nerd with a great deal of experience in design for web sites and applications. When she isn't busy with InvoiceNinja she runs a small web agency in Stockholm called kantorp-wegl.in</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
@ -86,13 +84,10 @@
|
||||
<a href="http://actionpackedmedia.com/" target="_blank"><img src="images/website.svg" alt="Website"></a>
|
||||
</p>
|
||||
<p>A veteran digital marketer and content strategist, Ben specializes in building communities around brands that make business easier for freelancers, SMBs and micro-entrepreneurs.
|
||||
</p>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
|
||||
|
||||
@stop
|
||||
@ -2,28 +2,23 @@
|
||||
|
||||
@section('content')
|
||||
|
||||
|
||||
<section class="hero background hero5" data-speed="2" data-type="background">
|
||||
<div class="caption-side"></div>
|
||||
<div class="container">
|
||||
<div class="row" style="margin:0;">
|
||||
<div class="caption-wrap">
|
||||
<div class="caption">
|
||||
<h1>THE <span style="color:#2299c0">Faq's</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="faq">
|
||||
<section class="hero background hero-faq" data-speed="2" data-type="background">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-7">
|
||||
<h1><span class="thin">THE</span> FAQs</h1>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="faq">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="question">
|
||||
<a class="expander" href="#">I know it isn’t standard
|
||||
ninja practice to reveal too many identity details, but
|
||||
who are you guys exactly?</a>
|
||||
|
||||
who are you guys exactly?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>We’re a small team of highly skilled digital
|
||||
journeymen based in Israel. We love open source, we
|
||||
@ -32,51 +27,51 @@
|
||||
We believe that everyone else’s web-based cash flow
|
||||
tools are unnecessarily expensive, clunky and
|
||||
complicated - and we’re bent on proving these
|
||||
beliefs with Invoice Ninja.</p>
|
||||
beliefs with Invoice Ninja.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">How do I get started using
|
||||
Invoice Ninja?</a>
|
||||
|
||||
Invoice Ninja?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Just click on the big, yellow “Invoice Now”
|
||||
button on our homepage!</p>
|
||||
button on our homepage!
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">Do you offer customer
|
||||
support?</a>
|
||||
|
||||
support?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>We sure do. Support is super important to us.
|
||||
Feel free to email us at <a href=
|
||||
"mailto:support@invoiceninja.com">support@invoiceninja.com</a>
|
||||
with any questions you might have. We almost always
|
||||
reply within one business day.</p>
|
||||
reply within one business day.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">Is Invoice Ninja really
|
||||
free? For how long?</a>
|
||||
|
||||
free? For how long?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Yes, our basic app is 100% free. Forever and ever. For real. We
|
||||
also offer a paid Pro version of Invoice Ninja (you can learn all about
|
||||
its awesome features <a href="https://www.invoiceninja.com/plans">here</a>, but it's
|
||||
important to us that the free version have all of the key features people
|
||||
need to do business. </p>
|
||||
need to do business.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">How is Invoice Ninja able
|
||||
to offer this all for free? How are you making any
|
||||
money?</a>
|
||||
|
||||
money?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>We’re mostly in this line of work because we believe it’s high time that
|
||||
a good electronic invoicing tool be available for free. There isn’t much money
|
||||
@ -89,24 +84,23 @@
|
||||
recover our investment.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">Really? So does that mean
|
||||
you’re not collecting information about me so you can
|
||||
sell me stuff or so that some other company can spam me
|
||||
according to my interests?</a>
|
||||
|
||||
according to my interests?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>No way. We’re not mining your data, and we’re
|
||||
not selling you out. That wouldn’t be very ninja of
|
||||
us, would it?</p>
|
||||
us, would it?
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">But don’t you have access
|
||||
to my merchant and banking accounts?</a>
|
||||
|
||||
to my merchant and banking accounts
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Actually, we don’t. When you link an account at
|
||||
a third party financial institution with your
|
||||
@ -115,15 +109,15 @@
|
||||
more. This is all managed by the tech teams at your
|
||||
financial service providers, who go to great
|
||||
lengths to ensure their integrations can’t be
|
||||
exploited or abused.</p>
|
||||
exploited or abused.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">Given that Invoice Ninja
|
||||
is an open source app, how can I be sure that my
|
||||
financial information is safe with you?</a>
|
||||
|
||||
financial information is safe with you?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>There’s a big difference between “open source”
|
||||
and “open data.” Anyone who wants to use the code
|
||||
@ -136,14 +130,14 @@
|
||||
who has full access to what you're doing with our
|
||||
product. For more details on the security of our
|
||||
servers and how we handle our users’ information,
|
||||
please read the next question.</p>
|
||||
please read the next question.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">So just how secure is this
|
||||
app?</a>
|
||||
|
||||
app?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Extremely. Data uploaded by our users runs
|
||||
through connections with 256-bit encryption, which
|
||||
@ -153,52 +147,63 @@
|
||||
message authentication and DHE_RSA key exchanges.
|
||||
It’s fancy stuff that we put in place to make sure
|
||||
no one can gain access to your information except
|
||||
you.</p>
|
||||
you.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">I’m interested in removing
|
||||
the small "Created by Invoice Ninja” image from the
|
||||
bottom of my invoices. Will you one day offer a
|
||||
premium, non-branded or otherwise white label-able
|
||||
version of Invoice Ninja?</a>
|
||||
|
||||
version of Invoice Ninja?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>We are considering one day exploring optional
|
||||
features like this and will be happy to hear from
|
||||
you with any suggestions.</p>
|
||||
you with any suggestions.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="question">
|
||||
<a class="expander" href="#">My question wasn’t covered
|
||||
by any of the content on this FAQ page. How can I get
|
||||
in touch with you?</a>
|
||||
|
||||
in touch with you?
|
||||
</a>
|
||||
<div class="content">
|
||||
<p>Please email us at <a href=
|
||||
"mailto:contact@invoiceninja.com">contact@invoiceninja.com</a>
|
||||
with any questions or comments you have. We love
|
||||
hearing from the people who use our app! We’ll do
|
||||
our best to reply to your email within the business
|
||||
day.</p>
|
||||
day.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-4 col-md-offset-1">
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="contact-box">
|
||||
<div class="row">
|
||||
<div class="col-md-4">
|
||||
<img src="{{ asset('images/icon-faq.png') }}">
|
||||
<h2>Did we miss something?</h2>
|
||||
|
||||
</div>
|
||||
<div class="col-md-8 valign">
|
||||
<p>Please email us at <a href=
|
||||
"mailto:contact@invoiceninja.com" style=
|
||||
"font-weight: bold">contact@invoiceninja.com</a> with
|
||||
any questions or comments you have. We love hearing
|
||||
from the people who use our app! We’ll do our best to
|
||||
reply to your email within the business day.</p>
|
||||
reply to your email within the business day.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>@stop
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@stop
|
||||
@ -9,14 +9,15 @@
|
||||
<link href="{{ asset('css/bootstrap.splash.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/splash.css') }}" rel="stylesheet" type="text/css"/>
|
||||
-->
|
||||
<link href="{{ asset('css/splash.css') }}" rel="stylesheet" type="text/css"/>
|
||||
|
||||
<!--
|
||||
<link href="{{ asset('images/apple-touch-icon-114x114-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="114x114">
|
||||
<link href="{{ asset('images/apple-touch-icon-72x72-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="72x72">
|
||||
<link href="{{ asset('images/apple-touch-icon-57x57-precomposed.png') }}" rel="apple-touch-icon-precomposed">
|
||||
<!-- <script src="{{ asset('js/simpleexpand.js') }}" type="text/javascript"></script> -->
|
||||
|
||||
-->
|
||||
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
|
||||
|
||||
<script src="{{ asset('js/simpleexpand.js') }}" type="text/javascript"></script>
|
||||
<script src="{{ asset('js/valign.js') }}" type="text/javascript"></script>
|
||||
|
||||
<style>
|
||||
@ -38,6 +39,9 @@
|
||||
.hero-secure {
|
||||
background-image: url({{ asset('/images/hero-bg-secure-pay.jpg') }});
|
||||
}
|
||||
.hero-faq {
|
||||
background-image: url({{ asset('/images/hero-bg-faq.jpg') }});
|
||||
}
|
||||
</style>
|
||||
|
||||
@stop
|
||||
@ -88,7 +92,6 @@
|
||||
$('#startForm').submit();
|
||||
return false;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<div class="navbar" style="margin-bottom:0px">
|
||||
@ -448,11 +451,15 @@
|
||||
</footer>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
jQuery(document).ready(function($) {
|
||||
$('.valign').vAlign();
|
||||
});
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
jQuery(document).ready(function($) {
|
||||
$('.expander').simpleexpand();
|
||||
});
|
||||
</script>
|
||||
|
||||
<!--
|
||||
|
||||
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
File diff suppressed because one or more lines are too long
@ -3,6 +3,7 @@ body {
|
||||
line-height: 1.6;
|
||||
background-color: #fff;
|
||||
overflow-x: hidden;
|
||||
color: #2e2b2b;
|
||||
}
|
||||
.center-block {
|
||||
margin: 0 auto!;
|
||||
@ -15,7 +16,7 @@ h2,
|
||||
font-family: Roboto, sans-serif;
|
||||
font-weight: 900;
|
||||
line-height: 1.1;
|
||||
color: #1a1818;
|
||||
color: #2e2b2b;
|
||||
}
|
||||
h1 {
|
||||
font-size: 56px;
|
||||
@ -512,26 +513,46 @@ section.faq a.expander {
|
||||
font-weight: 700;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
section.faq .content{display:none;}
|
||||
section.faq .question {
|
||||
padding-bottom: 20px;
|
||||
margin-bottom: 30px;
|
||||
border-bottom: 1px solid #e0e0e0;
|
||||
}
|
||||
section.faq .contact-box {
|
||||
padding: 20px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
background: #2299c0;
|
||||
margin-top: 30px;
|
||||
padding: 40px;
|
||||
color: #4f4747;
|
||||
background: #fad129;
|
||||
}
|
||||
section.faq .contact-box h2 {
|
||||
margin: 30px 0 15px;
|
||||
color: #fff;
|
||||
text-transform: uppercase;
|
||||
display: block;
|
||||
float: left;
|
||||
width: 60%;
|
||||
margin-top: 0;
|
||||
margin-bottom: 0;
|
||||
padding: 2px 0;
|
||||
}
|
||||
section.faq .contact-box img {
|
||||
float: left;
|
||||
display: block;
|
||||
margin-right: 20px;
|
||||
margin-left: 30px;
|
||||
height: 57px;
|
||||
}
|
||||
section.faq .contact-box .col-md-8 {
|
||||
padding-left: 5px;
|
||||
}
|
||||
section.faq .contact-box h2 {
|
||||
border-right: 1px solid #e4bf28;
|
||||
}
|
||||
|
||||
section.faq .contact-box a {
|
||||
color: #2e2b2b;
|
||||
}
|
||||
section.faq .contact-box p {
|
||||
margin-bottom: 30px;
|
||||
|
||||
}
|
||||
.btn-primary {
|
||||
color: #fff;
|
||||
@ -691,6 +712,32 @@ footer.footer form#mad_mimi_signup_form input {
|
||||
section.about .col-md-5 {
|
||||
padding-left: 15px !important;
|
||||
}
|
||||
section.faq .contact-box {
|
||||
margin-top: 20px;
|
||||
padding: 25px;
|
||||
text-align: center;
|
||||
}
|
||||
section.faq .contact-box h2 {
|
||||
float: none;
|
||||
width: 100%;
|
||||
margin: 10px 0;
|
||||
}
|
||||
section.faq .contact-box img {
|
||||
float: none;
|
||||
display: inline-block;
|
||||
margin-right: 0;
|
||||
margin-left: 0;
|
||||
height: 57px;
|
||||
}
|
||||
section.faq .contact-box .col-md-8 {
|
||||
padding-left: 15px;
|
||||
}
|
||||
section.faq .contact-box h2 {
|
||||
border-right: none;
|
||||
}
|
||||
section.faq .contact-box p {
|
||||
margin: 0;
|
||||
}
|
||||
.navbar {
|
||||
text-align: center;
|
||||
padding: 25px 0 18px;
|
||||
@ -734,7 +781,7 @@ footer.footer form#mad_mimi_signup_form input {
|
||||
}
|
||||
|
||||
|
||||
section.features, section.blue, section, section.secure, section.about, section.team, section.contact {
|
||||
section.features, section.blue, section, section.secure, section.about, section.team, section.contact, section.faq {
|
||||
padding: 40px 0;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
Binary file not shown.
BIN
public/images/hero-bg-faq.jpg
Normal file
BIN
public/images/hero-bg-faq.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
public/images/hero-faq@2x.png
Normal file
BIN
public/images/hero-faq@2x.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.7 KiB |
BIN
public/images/icon-faq.png
Normal file
BIN
public/images/icon-faq.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Loading…
x
Reference in New Issue
Block a user