mirror of
https://github.com/erpnext/foundation.git
synced 2026-10-16 18:00:47 +02:00
Change footer layout and add get started on header
This commit is contained in:
Raghavendra Kamath
@@ -36,7 +36,8 @@
|
||||
.text-left {
|
||||
text-align: left;
|
||||
}
|
||||
.right-aligned {
|
||||
.right-aligned,
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
.text-center {
|
||||
@@ -166,6 +167,9 @@
|
||||
max-width: 33%;
|
||||
}
|
||||
}
|
||||
.copyright {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
.indicator,
|
||||
.indicator-right {
|
||||
background: none;
|
||||
@@ -250,6 +254,9 @@ a:focus,
|
||||
a:visited {
|
||||
outline: 0;
|
||||
}
|
||||
[data-path=""] .get-started {
|
||||
display: none;
|
||||
}
|
||||
.header-1,
|
||||
.header-2,
|
||||
.header-3 {
|
||||
@@ -474,9 +481,19 @@ a:visited {
|
||||
.bulleted-list li {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
.footer-title {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
.footer-list {
|
||||
padding-left: 0;
|
||||
}
|
||||
.footer-email-input {
|
||||
border: 1px solid #8D99A6;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.25rem;
|
||||
color: #8D99A6;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
.page_content li,
|
||||
.sidebar-item,
|
||||
.footer-list li {
|
||||
@@ -555,28 +572,28 @@ hr {
|
||||
border: 0;
|
||||
border-top: 1px solid #EBEFF2;
|
||||
}
|
||||
.footer-end {
|
||||
border-top: 1px solid #354047;
|
||||
padding-top: 1rem;
|
||||
margin-top: 1rem;
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
@media screen and (min-width: 767px) {
|
||||
.footer-end {
|
||||
padding-top: 2.5rem;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
.footer a {
|
||||
.footer-link {
|
||||
color: #8D99A6;
|
||||
transition: color 0.3s ease-out;
|
||||
}
|
||||
.footer a:hover {
|
||||
.footer-link:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.button-dark {
|
||||
color: #fff;
|
||||
background: #8D99A6;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
padding: 0.45rem 1rem;
|
||||
}
|
||||
.footer-icon {
|
||||
width: 1.5rem;
|
||||
width: 6.5rem;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
.footer-email-title {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
/* loaned from bootstrap need to cleanup*/
|
||||
/*progress bar*/
|
||||
.progress {
|
||||
|
||||
@@ -46,7 +46,8 @@
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.right-aligned {
|
||||
.right-aligned,
|
||||
.text-right {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
@@ -199,3 +200,7 @@
|
||||
max-width: 33%;
|
||||
}
|
||||
}
|
||||
|
||||
.copyright {
|
||||
font-size: 0.75rem;
|
||||
}
|
||||
|
||||
@@ -19,6 +19,10 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
[ data-path = "" ] .get-started {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.header-1,
|
||||
.header-2,
|
||||
.header-3 {
|
||||
@@ -277,10 +281,22 @@ a {
|
||||
}
|
||||
}
|
||||
|
||||
.footer-title {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
.footer-list {
|
||||
padding-left: 0;
|
||||
}
|
||||
|
||||
.footer-email-input {
|
||||
border: 1px solid @text-muted;
|
||||
border-radius: 0.25rem;
|
||||
padding: 0.25rem;
|
||||
color: @text-muted;
|
||||
margin-right: 0.5rem;
|
||||
}
|
||||
|
||||
.page_content li,
|
||||
.sidebar-item,
|
||||
.footer-list li {
|
||||
@@ -370,31 +386,33 @@ hr {
|
||||
border-top: 1px solid @light-border-color;
|
||||
}
|
||||
|
||||
.footer-end {
|
||||
border-top: 1px solid @dark-border-color;
|
||||
padding-top: 1rem;
|
||||
margin-top: 1rem;
|
||||
font-size: 0.75rem;
|
||||
|
||||
@media screen and (min-width: @screen-xs) {
|
||||
padding-top: 2.5rem;
|
||||
margin-top: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.footer a {
|
||||
.footer-link {
|
||||
color: @text-muted;
|
||||
transition: color @transition;
|
||||
|
||||
&:hover {
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.button-dark {
|
||||
color: #fff;
|
||||
background: @text-muted;
|
||||
border-right: 0;
|
||||
border-left: 0;
|
||||
border-top: 0;
|
||||
padding: 0.45rem 1rem;
|
||||
}
|
||||
|
||||
.footer-icon {
|
||||
width: 1.5rem;
|
||||
width: 6.5rem;
|
||||
margin-right: 0.5em;
|
||||
}
|
||||
|
||||
.footer-email-title {
|
||||
margin-bottom: 0.5rem;
|
||||
}
|
||||
|
||||
/* loaned from bootstrap need to cleanup*/
|
||||
|
||||
/*progress bar*/
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
<div class="feature text-center">
|
||||
<form class="email-subcription">
|
||||
<label class="email">Stay Updated<input class="email-input" type="email" placeholder="Email"></label>
|
||||
</form>
|
||||
</div>
|
||||
@@ -2,32 +2,44 @@
|
||||
<div class="footer">
|
||||
<div class="container">
|
||||
<div class="columns text-left clearfix">
|
||||
<div class="column footer-brand">
|
||||
<div class="bottom-spacer">
|
||||
<img class="footer-icon bottom-spacer" src="/assets/foundation/img/erpnext-logo.svg" alt="ERPnext Logo">
|
||||
<p class="copyright text-muted">© <span id="year"></span> ERPNext Open Source Software Foundation.</br>
|
||||
Content licensed under <a class="footer-link" href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> | <a href="/terms" class="footer-link">Terms of use</a>.</p>
|
||||
</div>
|
||||
<div class="bottom-spacer">
|
||||
<p class="text-muted footer-email-title">Stay Updated</p>
|
||||
<label class="footer-email"><input class="footer-email-input dark-bg" type="email" placeholder="Your email address"></label>
|
||||
<a href="" class="button button-dark">Subscribe</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column">
|
||||
<h3 class="footer-title text-white">Industries</h3>
|
||||
<ul class="list-unstyled footer-list">
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/manufacturing">Manufacturing</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/stock">Distribution</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/stock">Distribution</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/projects">Services</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/projects">Services</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/education">Education</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/education">Education</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/healthcare">Healthcare</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/healthcare">Healthcare</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/agriculture">Agriculture</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/agriculture">Agriculture</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual/en/non_profit">Non Profit</a>
|
||||
<a class="footer-link" href="/docs/user/manual/en/non_profit">Non Profit</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -35,28 +47,28 @@
|
||||
<h3 class="footer-title text-white">Foundation</h3>
|
||||
<ul class="list-unstyled footer-list">
|
||||
<li>
|
||||
<a class="secondary-link" href="/about">About</a>
|
||||
<a class="footer-link" href="/about">About</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/blog">Blog</a>
|
||||
<a class="footer-link" href="/blog">Blog</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/members">Memberships</a>
|
||||
<a class="footer-link" href="/members">Memberships</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/foundation-fellow">Fellow</a>
|
||||
<a class="footer-link" href="/foundation-fellow">Fellow</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/bounties">Bounties</a>
|
||||
<a class="footer-link" href="/bounties">Bounties</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/conf">Conferences</a>
|
||||
<a class="footer-link" href="/conf">Conferences</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/contact">Contact</a>
|
||||
<a class="footer-link" href="/contact">Contact</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/login">Member Login</a>
|
||||
<a class="footer-link" href="/login">Member Login</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -64,29 +76,29 @@
|
||||
<h3 class="footer-title text-white">Community</h3>
|
||||
<ul class="list-unstyled footer-list">
|
||||
<li>
|
||||
<a class="secondary-link" href="/chapters">Chapters</a>
|
||||
<a class="footer-link" href="/chapters">Chapters</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a>
|
||||
<a class="footer-link" href="https://discuss.erpnext.com" target="_blank" >Forum</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/service-providers">Service Providers</a>
|
||||
<a class="footer-link" href="/service-providers">Service Providers</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/erpnext-jobs">ERPNext Jobs</a>
|
||||
<a class="footer-link" href="/erpnext-jobs">ERPNext Jobs</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/apps">Apps</a>
|
||||
<a class="footer-link" href="/apps">Apps</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a>
|
||||
<a class="footer-link" href="https://gitter.im/frappe/erpnext" target="_blank" >Chat (Gitter)</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
|
||||
<a class="footer-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
|
||||
</li>
|
||||
|
||||
<li>
|
||||
<a class="secondary-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a>
|
||||
<a class="footer-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
@@ -94,47 +106,29 @@
|
||||
<h3 class="footer-title text-white">Documentation</h3>
|
||||
<ul class="list-unstyled footer-list">
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/user/manual">Manual</a>
|
||||
<a class="footer-link" href="/docs/user/manual">Manual</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a>
|
||||
<a class="footer-link" href="https://www.youtube.com/c/erpnext" target="_blank" >Video Tutorials</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="/docs/current">ERPNext Model & API</a>
|
||||
<a class="footer-link" href="/docs/current">ERPNext Model & API</a>
|
||||
</li>
|
||||
</ul>
|
||||
<!--<h3 class="footer-title text-white top-spacer">Localisation</h3>
|
||||
<ul class="list-unstyled footer-list">
|
||||
<li>
|
||||
<a class="secondary-link" href="https://erpnext.com/uae-ksa-vat" target="_blank">UAE/KSA VAT</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="secondary-link" href="https://erpnext.com/india-gst" target="_blank">GST For India</a>
|
||||
</li>
|
||||
</ul>-->
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-end dark-bg text-muted">
|
||||
<div class="container">
|
||||
<div class="align-iten-center columns">
|
||||
<div class="column">
|
||||
<p><img class="footer-icon" src="/assets/foundation/img/erpnext-logo.svg" alt="ERPnext Icon">
|
||||
© <span id="year"></span> ERPNext Open Source Software Foundation.</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p>Find us on
|
||||
<a class="secondary-link" href="https://twitter.com/erpnext" target="_blank">Twitter</a>,
|
||||
<a class="secondary-link" href="https://www.facebook.com/ERPNext/" target="_blank">Facebook</a> &
|
||||
<a class="secondary-link" href="https://medium.com/frappé-thoughts/" target="_blank">Medium</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="column">
|
||||
<p>Content licensed under <a class="secondary-link" href="https://creativecommons.org/licenses/by-sa/3.0/" target="_blank"> CC-BY-SA 3.0</a> | <a href="/terms" class="secondary-link">Terms of use</a>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<h3 class="footer-title text-white top-spacer">Find Us On</h3>
|
||||
<ul class="list-unstyled footer-list">
|
||||
<li>
|
||||
<a class="footer-link" href="https://twitter.com/erpnext" target="_blank">Twitter</a>,
|
||||
</li>
|
||||
<li>
|
||||
<a class="footer-link" href="https://www.facebook.com/ERPNext/" target="_blank">Facebook</a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="footer-link" href="https://medium.com/frappé-thoughts/" target="_blank">Medium</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
<script type="text/javascript">
|
||||
frappe.ready(function(){
|
||||
var d = new Date();
|
||||
|
||||
@@ -18,7 +18,7 @@
|
||||
<a href="/about" class="menu-links">About</a>
|
||||
</li>
|
||||
<li class="menu-item">
|
||||
<a class="button button-primary-small" href="/get-started">Get Started</a>
|
||||
<a class="button get-started button-primary-small" href="/get-started">Get Started</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
@@ -68,7 +68,22 @@
|
||||
</section>
|
||||
<section class="feature">
|
||||
<div class="container">
|
||||
<h1 class="header-1 text-center">Reviews</h1>
|
||||
<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</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="columns">
|
||||
<div class="column text-center">
|
||||
<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
|
||||
|
||||
@@ -25,7 +25,7 @@
|
||||
{% endmacro %}
|
||||
|
||||
{% macro show_member(s) %}
|
||||
<div class='individual-member column'>
|
||||
<div class='individual-member'>
|
||||
<h3><a class='secondary-link bold' href="/{{ s.route }}">{{ s.title and s.title[:25] }}</a></h3>
|
||||
<p>
|
||||
{{ s.introduction and s.introduction | truncate(140) }}
|
||||
@@ -74,7 +74,7 @@
|
||||
<h2>Select by country</h2>
|
||||
<div class='columns flex-wrap'>
|
||||
{% for c in countries %}
|
||||
<div class='countries column'>
|
||||
<div class='countries'>
|
||||
<p>
|
||||
<a class="secondary-link" href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a>
|
||||
</p>
|
||||
|
||||
Reference in New Issue
Block a user