mirror of
https://github.com/invoiceninja/invoiceninja.git
synced 2024-11-08 20:22:42 +01:00
Ongoing work with the about us page
This commit is contained in:
Razi KAntorp
parent
e2b2fcde99
commit
f4c857d4b9
@ -10,16 +10,18 @@
|
||||
</section>
|
||||
</section>
|
||||
|
||||
<section class="about center">
|
||||
<section class="about">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-md-8 col-md-offset-2">
|
||||
<div class="col-md-5 valign">
|
||||
<div class="headline">
|
||||
<h2>What is Invoice Ninja?</h2>
|
||||
<p>Invoice Ninja is a free, 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>
|
||||
<p class="first">Invoice Ninja is a free, open-source solution for invoicing and billing customers. With Invoice Ninja, you can easily build and send beautiful invoices from any device that has access to the web. Your clients can print your invoices, download them as pdf files, and even pay you online from within the system. </p>
|
||||
</div>
|
||||
<div class="col-md-7">
|
||||
<img src="{{ asset('images/devices3.png') }}">
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@ -35,17 +37,21 @@
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-md-3">
|
||||
<img src="images/shalomstark.jpg" alt="Shalom Stark" class="img-circle">
|
||||
<h2>SHALOM STARK</h2>
|
||||
<div class="img-team">
|
||||
<img src="images/shalomstark.jpg" alt="Shalom Stark">
|
||||
</div>
|
||||
<h2>Shalom Stark</h2>
|
||||
<p class="blue-text">Co-Founder, CEO</p>
|
||||
<p>Shalom has specialized in small business development for nearly 10 years. In addition to InvoiceNinja.com Shalom is CEO of a leading tour agency in Israel.</p>
|
||||
<p><span class="social"><a href="https://twitter.com/shalomstark" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
|
||||
<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>
|
||||
</p>
|
||||
<p class="blue-text" style="margin-bottom: 2px;"><a href="http://shalomisraeltours.com/" target="_blank">shalomisraeltours.com</a></p>
|
||||
<p>Shalom has specialized in small business development for nearly 10 years. In addition to InvoiceNinja.com Shalom is CEO of a leading tour agency in Israel.</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/hillelcoren.jpg" alt="Hillel Coren" class="img-circle">
|
||||
<h2>HILLEL COREN</h2>
|
||||
<div class="img-team">
|
||||
<img src="images/hillelcoren.jpg" alt="Hillel Coren">
|
||||
</div>
|
||||
<h2>Hillel Coren</h2>
|
||||
<p class="blue-text">Co-Founder, CTO</p>
|
||||
<p>Hillel has been developing enterprise applications for 15 years. His open-source <a href="http://www.adobe.com/cfusion/exchange/index.cfm?event=extensionDetail&extid=1721530" target="_blank">AutoComplete</a> component has been used by thousands of developers around the world.</p>
|
||||
<p><span class="social"><a href="https://twitter.com/hillelcoren" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
|
||||
@ -56,7 +62,7 @@
|
||||
|
||||
<div class="col-md-3">
|
||||
<img src="images/razikantorp.jpg" alt="Razi Kantorp" class="img-circle">
|
||||
<h2>RAZI KANTORP</h2>
|
||||
<h2>Razi Kantorp</h2>
|
||||
<p class="blue-text">Designer</p>
|
||||
<p>Razi is a pixel nerd with a great deal of experience in design for web sites and applications. When she isn't busy with InvoiceNinja she runs a small web agency in Stockholm called kantorp-wegl.in</p>
|
||||
<p><span class="social"><a href="https://twitter.com/kantorpweglin" target="_blank"><img src="images/twitter.svg" alt="Twitter"></a></span>
|
||||
@ -67,7 +73,7 @@
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/benjacobson.jpg" alt="Ben Jacobsen" class="img-circle">
|
||||
<h2>BEN JACOBSON</h2>
|
||||
<h2>Ben Jacobson</h2>
|
||||
<p class="blue-text">Marketing</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>
|
||||
|
||||
@ -8,7 +8,7 @@
|
||||
<link href="{{ asset('css/bootstrap.splash.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<link href="{{ asset('css/splash.css') }}" rel="stylesheet" type="text/css"/>
|
||||
-->
|
||||
|
||||
<link href="{{ asset('css/splash.css') }}" rel="stylesheet" type="text/css"/>
|
||||
<!--
|
||||
<link href="{{ asset('images/apple-touch-icon-114x114-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="114x114">
|
||||
<link href="{{ asset('images/apple-touch-icon-72x72-precomposed.png') }}" rel="apple-touch-icon-precomposed" sizes="72x72">
|
||||
@ -23,7 +23,7 @@
|
||||
background-image: url({{ asset('/images/hero-bg-1.jpg') }});
|
||||
}
|
||||
.hero-about {
|
||||
background-image: url({{ asset('/images/hero-bg-3.jpg.jpg') }});
|
||||
background-image: url({{ asset('/images/hero-bg-3.jpg') }});
|
||||
}
|
||||
.hero-plans {
|
||||
background-image: url({{ asset('/images/hero-bg-plans.jpg') }});
|
||||
|
||||
@ -204,7 +204,7 @@ section.features-splash,
|
||||
section.upper-footer {
|
||||
margin: 70px 0;
|
||||
}
|
||||
section.features {
|
||||
section.features, section.about, section.team {
|
||||
margin: 0;
|
||||
padding: 100px 0;
|
||||
}
|
||||
@ -373,12 +373,9 @@ section.blue p {
|
||||
section.blue img {
|
||||
max-width: 100%;
|
||||
}
|
||||
section.about,
|
||||
section.team,
|
||||
section.plans {
|
||||
padding: 70px 0;
|
||||
}
|
||||
section.about h2,
|
||||
section.team h2,
|
||||
section.plans h2 {
|
||||
font-size: 25px;
|
||||
@ -386,9 +383,9 @@ section.plans h2 {
|
||||
text-transform: none;
|
||||
}
|
||||
section.team .col-md-3 h2 {
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
section.about .screendump {
|
||||
height: 220px;
|
||||
@ -401,8 +398,7 @@ section.about.white-bg .col-md-5 {
|
||||
padding-right: 43px;
|
||||
padding-left: 15px;
|
||||
}
|
||||
section.about img,
|
||||
section.team img {
|
||||
section.about img {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
padding: 0 30px;
|
||||
@ -414,12 +410,13 @@ section.team .col-md-3 p {
|
||||
font-size: 12px;
|
||||
}
|
||||
section.team .social {
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
margin: 3px 3px 0 3px;
|
||||
}
|
||||
section.team .social.blue {background-color: #2599c0;}
|
||||
section.team .social img {
|
||||
padding: 0;
|
||||
margin: 8px;
|
||||
height: 15px;
|
||||
display: inline-block;
|
||||
}
|
||||
section.contact .address .glyphicon {
|
||||
background: #edd71e;
|
||||
@ -740,9 +737,6 @@ float: none;
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
section.about h2 {
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
#contact_form {
|
||||
margin: 0;
|
||||
}
|
||||
@ -857,7 +851,7 @@ div.fb_iframe_widget > span {
|
||||
padding-right: 0;
|
||||
}
|
||||
.plans-table .free,
|
||||
.plans-table .desc {
|
||||
.plans-table .desc, .plans-table .pro {
|
||||
border-bottom: 1px solid #dfe0e1;
|
||||
}
|
||||
.plans-table .pro .cell:first-child {
|
||||
@ -865,7 +859,6 @@ div.fb_iframe_widget > span {
|
||||
}
|
||||
.plans-table .pro .cell:last-child {
|
||||
padding: 0;
|
||||
|
||||
}
|
||||
.plans-table .desc .cell:first-child {
|
||||
background-color: transparent;
|
||||
|
||||
@ -193,7 +193,7 @@ section.features-splash,
|
||||
section.upper-footer {
|
||||
margin: 70px 0;
|
||||
}
|
||||
section.features {
|
||||
section.features, section.about, section.team {
|
||||
margin: 0;
|
||||
padding: 100px 0;
|
||||
}
|
||||
@ -362,12 +362,9 @@ section.blue p {
|
||||
section.blue img {
|
||||
max-width: 100%;
|
||||
}
|
||||
section.about,
|
||||
section.team,
|
||||
section.plans {
|
||||
padding: 70px 0;
|
||||
}
|
||||
section.about h2,
|
||||
section.team h2,
|
||||
section.plans h2 {
|
||||
font-size: 25px;
|
||||
@ -375,9 +372,9 @@ section.plans h2 {
|
||||
text-transform: none;
|
||||
}
|
||||
section.team .col-md-3 h2 {
|
||||
font-size: 20px;
|
||||
margin-top: 20px;
|
||||
margin-bottom: 10px;
|
||||
font-size: 20px;
|
||||
}
|
||||
section.about .screendump {
|
||||
height: 220px;
|
||||
@ -394,7 +391,6 @@ section.about img,
|
||||
section.team img {
|
||||
width: 100%;
|
||||
min-width: 100%;
|
||||
padding: 0 30px;
|
||||
}
|
||||
section.team .col-md-3 {
|
||||
margin-top: 25px;
|
||||
@ -403,13 +399,31 @@ section.team .col-md-3 p {
|
||||
font-size: 12px;
|
||||
}
|
||||
section.team .social {
|
||||
width: 30px;
|
||||
display: inline-block;
|
||||
margin: 3px 3px 0 3px;
|
||||
}
|
||||
section.team .social.blue {background-color: #2599c0;}
|
||||
section.team .social img {
|
||||
margin: 12px 7px;
|
||||
height: 1$5px;
|
||||
display: inline-block;
|
||||
width: auto;
|
||||
min-width: 1px;
|
||||
padding: 0;
|
||||
}
|
||||
section.team .img-team:before {
|
||||
-webkit-box-shadow: inset 0 0 10px 0 rgba(255, 255, 255, 0.3);
|
||||
box-shadow: inset 0 0 0 7px rgba(255, 255, 255, 0.3);
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
content: "";
|
||||
}
|
||||
section.team .img-team {
|
||||
z-index: 1000; position: relative;
|
||||
}
|
||||
section.team .img-team img {}
|
||||
section.contact .address .glyphicon {
|
||||
background: #edd71e;
|
||||
height: 40px;
|
||||
@ -729,9 +743,6 @@ float: none;
|
||||
margin-top: 0;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
section.about h2 {
|
||||
margin: 0 0 15px;
|
||||
}
|
||||
#contact_form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
Binary file not shown.
BIN
public/images/devices3.png
Normal file
BIN
public/images/devices3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 72 KiB |
@ -2,13 +2,12 @@
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="412px" height="412px" viewBox="50 50 412 412" enable-background="new 50 50 412 412" xml:space="preserve">
|
||||
<circle fill="#1A1818" cx="262.452" cy="256.384" r="149.048"/>
|
||||
<path id="twitter-4-icon" fill="#EDD71E" d="M256,50C142.229,50,50,142.229,50,256c0,113.771,92.229,206,206,206
|
||||
c113.771,0,206-92.229,206-206C462,142.229,369.771,50,256,50z M359.599,220.506c3.021,67.199-47.096,142.124-135.802,142.124
|
||||
c-26.981,0-52.096-7.911-73.238-21.466c25.347,2.986,50.646-4.044,70.734-19.786c-20.907-0.386-38.556-14.198-44.632-33.181
|
||||
c7.484,1.432,14.851,1.013,21.573-0.816c-22.976-4.617-38.839-25.316-38.319-47.453c6.438,3.58,13.81,5.729,21.642,5.977
|
||||
c-21.278-14.221-27.303-42.318-14.785-63.789c23.563,28.906,58.771,47.928,98.479,49.92c-6.971-29.886,15.702-58.667,46.54-58.667
|
||||
c13.742,0,26.16,5.802,34.874,15.088c10.886-2.143,21.108-6.119,30.343-11.594c-3.567,11.157-11.146,20.521-21.01,26.433
|
||||
c9.665-1.153,18.874-3.722,27.441-7.523C377.033,205.355,368.935,213.771,359.599,220.506z"/>
|
||||
width="232.88px" height="189.261px" viewBox="3.559 0 232.88 189.261" enable-background="new 3.559 0 232.88 189.261"
|
||||
xml:space="preserve">
|
||||
<path fill="#FFFFFF" d="M212.599,47.137c3.021,67.199-47.096,142.124-135.802,142.124c-26.981,0-52.096-7.911-73.238-21.466
|
||||
c25.347,2.986,50.646-4.044,70.734-19.786c-20.907-0.386-38.557-14.198-44.632-33.181c7.483,1.432,14.851,1.013,21.572-0.816
|
||||
c-22.976-4.617-38.839-25.316-38.318-47.453c6.438,3.58,13.81,5.729,21.642,5.977C13.279,58.314,7.254,30.218,19.772,8.747
|
||||
c23.563,28.905,58.771,47.928,98.479,49.92C111.28,28.781,133.953,0,164.79,0c13.742,0,26.16,5.802,34.874,15.088
|
||||
c10.887-2.143,21.108-6.119,30.344-11.594c-3.567,11.157-11.146,20.521-21.011,26.433c9.665-1.153,18.874-3.722,27.441-7.523
|
||||
C230.032,31.986,221.935,40.402,212.599,47.137z"/>
|
||||
</svg>
|
||||
|
||||
|
Before Width: | Height: | Size: 1.3 KiB After Width: | Height: | Size: 1.1 KiB |
11
public/images/website.svg
Normal file
11
public/images/website.svg
Normal file
@ -0,0 +1,11 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
|
||||
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
width="412px" height="274px" viewBox="50 119 412 274" enable-background="new 50 119 412 274" xml:space="preserve">
|
||||
<path id="laptop-4-icon" fill="#FFFFFF" d="M462,360v13c0,11.046-8.954,20-20,20H70c-11.046,0-20-8.954-20-20v-13h167.088
|
||||
c1.371,6.149,6.85,9.75,13.412,9.75h51c6.563,0,12.042-3.601,13.412-9.75H462z M399.834,146H112.166v172h287.668V146 M426.835,345
|
||||
H85.168V139c0-11.046,8.954-20,20-20h301.667c11.046,0,20,8.954,20,20V345z"/>
|
||||
<polygon fill="#FFFFFF" points="222.874,168.845 301.945,230.447 268.495,236.078 290.52,280.621 269.82,291.219 247.686,245.848
|
||||
222.874,269.029 "/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 954 B |
Loading…
Reference in New Issue
Block a user