Tweak Homepage Sections

- Switched the community section to bottom to keep everything ERP at one
place
- Added Get Started below reviews
This commit is contained in:
Raghavendra Kamath
2018-03-20 16:14:38 +05:30
parent b1138a85fe
commit 3ab91deb0f
5 changed files with 79 additions and 67 deletions

View File

@@ -90,6 +90,9 @@
.border-top {
border-top: 1px solid #d1d8dd;
}
.border-top-light {
border-top: 1px solid #EBEFF2;
}
.saturate {
filter: grayscale(100%);
}
@@ -367,12 +370,10 @@ a:visited {
}
.footer-brand {
order: 10;
text-align: center;
}
@media screen and (min-width: 767px) {
.footer-brand {
order: unset;
text-align: inherit;
}
}
.section-bullet {

View File

@@ -119,6 +119,10 @@
border-top: @border;
}
.border-top-light {
border-top: @border-light;
}
.saturate {
filter: grayscale(100%);

View File

@@ -137,11 +137,9 @@ a {
.footer-brand {
order: 10;
text-align: center;
@media screen and (min-width: @screen-xs) {
order: unset;
text-align: inherit;
}
}

View File

@@ -1,12 +1,13 @@
@import "../../../../frappe/frappe/public/less/variables.less";
@brand-primary: #7575ff;
@screen-sm-min: 768px;
@screen-xs-max: (@screen-sm-min - 1);
@button-primary-hover: darken(desaturate(@brand-primary, 50%), 15%);
@button-secondary-hover: lighten(@light-bg, 15%);
@primary-link-color: lighten(@brand-primary, 5%);
@border: 1px solid @border-color;
@transition: 0.3s ease-out;
@screen-palm: 500px;
@dark-border-color: darken(@border-color, 60%);
@brand-primary: #7575ff;
@screen-sm-min: 768px;
@screen-xs-max: (@screen-sm-min - 1);
@button-primary-hover: darken(desaturate(@brand-primary, 50%), 15%);
@button-secondary-hover: lighten(@light-bg, 15%);
@primary-link-color: lighten(@brand-primary, 5%);
@border: 1px solid @border-color;
@border-light: 1px solid @light-border-color;
@transition: 0.3s ease-out;
@screen-palm: 500px;
@dark-border-color: darken(@border-color, 60%);

View File

@@ -1,7 +1,7 @@
{% extends "foundation/templates/base.html" %}
{% block title %}ERPNext Foundation{% endblock %}
{% block title %}ERPNext Foundation - Open Source ERP Software{% endblock %}
{% block content %}
<section class='section-padding hero border-top text-center'>
<section class='section-padding hero border-top-light text-center'>
<div class="container">
<img class="hero-illustration bottom-spacer" src='/assets/foundation/img/hero-illustration-erpnext.png' alt="ERP software for everybody">
<h1 class="header-1">ERP for Everybody</h1>
@@ -9,14 +9,14 @@
<a class="button button-primary" href="/get-started.html">Get Started</a>
</div>
</section>
<section class='section-padding blue-bg border-top text-center'>
<section class='section-padding blue-bg border-top-light text-center'>
<div class="container">
<h1 class="header-1">Accounting, Inventory and Beyond</h1>
<p class='intro-copy text-medium text-light'>ERPNext covers all the features to put you in complete control of your business.</p>
<h1 class="header-1">We have got it all covered</h1>
<p class='intro-copy text-medium text-light'>ERPNext has all the features to put you in complete control of your business.</p>
<img class="screenshot" src='/assets/foundation/img/screenshot-main.png' alt="ERPNext desk view">
</div>
</section>
<section class="section-padding gray-bg border-top text-left">
<section class="section-padding gray-bg border-top-light text-left">
<div class="container">
<h1 class="header-1 bottom-spacer text-center">Industries</h1>
<ul class="list-unstyled grid-of-four">
@@ -57,7 +57,61 @@
</ul>
</div>
</section>
<section class="section-padding community-bg border-top text-white">
<section class="section-padding border-top-light">
<div class="container">
<h1 class="header-1 text-center">Empowering businesses around the world</h1>
<p class="intro-copy text-medium text-center text-light">Trusted by more than 3000 companies</p>
<div class="bottom-spacer grid-of-three">
<div class="box">
<p class="">ERPNext was the most wonderful, minimalist and affordable ERP Environment that my little team (7 employees) vote to buy and use like a Cloud Based Unitary Software.</p>
<p class="bold text-muted">Hernan</br>Venezuela</p>
</div>
<div class="box">
<p class="">First of all, I would like to thank you very much for the great work you’ve done with this ERP, it is the perfect solution for start-ups, like mine! Keep up the good work!</p>
<p class="bold text-muted">Dan Radulescu</br>Romania</p>
</div>
<div class="box">
<p class="">The UI and UX are one of the most fluid and highly useable interfaces I have ever seen in an ERP. You make accounting fun! Keep up the amazing work.</p>
<p class="bold text-muted">Gladwyn Lewis</br>ERP Consultant, UAE</p>
</div>
</div>
<div class="grid-of-four grid-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.png" class="review-img">
<img alt-"above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.softwareadvice.com/erp/erpnext-profile/">
<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.g2crowd.com/products/erpnext/reviews">
<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
<img alt="get app review" src="/assets/foundation/img/getapp-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
</div>
</div>
</section>
<section class="section-padding border-top-light gray-bg">
<div class="container">
<div class="text-center">
<p class="intro-copy text-medium">ERPNext is both powerful and easy to use</br>What are you waiting for?</p>
<a class="button button-primary" href="/get-started.html">Get Started Now</a>
</div>
</div>
</section>
<section class="section-padding community-bg border-top-light text-white">
<div class="container">
<div class="text-center">
<h1 class="header-1">ERPNext Foundation</h1>
@@ -66,50 +120,4 @@
</div>
</div>
</section>
<section class="section-padding border-top">
<div class="container">
<h1 class="header-1 text-center">Empowering SMEs Around The World</h1>
<p class="intro-copy text-medium text-center text-light">Trusted by more than 3000 companies</p>
<div class="bottom-spacer grid-of-three">
<div class="box">
<p class="">ERPNext was the most wonderful, minimalist and affordable ERP Environment that my little team (7 employees) vote to buy and use like a Cloud Based Unitary Software.</p>
<p class="bold text-muted">Hernan</br>Venezuela</p>
</div>
<div class="box">
<p class="">First of all, I would like to thank you very much for the great work you’ve done with this ERP, it is the perfect solution for start-ups, like mine! Keep up the good work!</p>
<p class="bold text-muted">Dan Radulescu</br>Romania</p>
</div>
<div class="box">
<p class="">The UI and UX are one of the most fluid and highly useable interfaces I have ever seen in an ERP. You make accounting fun! Keep up the amazing work.</p>
<p class="bold text-muted">Gladwyn Lewis</br>ERP Consultant, UAE</p>
</div>
</div>
<div class="grid-of-four grid-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.png" class="review-img">
<img alt-"above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.softwareadvice.com/erp/erpnext-profile/">
<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.g2crowd.com/products/erpnext/reviews">
<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
<img alt="get app review" src="/assets/foundation/img/getapp-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
</div>
</div>
</section>
{% endblock %}