mirror of
https://github.com/erpnext/foundation.git
synced 2026-10-16 18:00:47 +02:00
cleanup homepage add initial css
This commit is contained in:
Raghavendra Kamath
0
foundation/public/css/.css
Normal file
0
foundation/public/css/.css
Normal file
101
foundation/public/css/erpnext-org-theme.css
Normal file
101
foundation/public/css/erpnext-org-theme.css
Normal file
@@ -0,0 +1,101 @@
|
||||
@import "reset.css";
|
||||
.wrapper {
|
||||
text-align: center;
|
||||
}
|
||||
.container {
|
||||
max-width: 1366px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
.feature {
|
||||
padding: 8rem 2.5rem;
|
||||
border-bottom: 1px solid #EBEFF2;
|
||||
}
|
||||
.homepage-illustration {
|
||||
margin-bottom: 4rem;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
.title {
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.025;
|
||||
}
|
||||
.left-aligned {
|
||||
text-align: left;
|
||||
}
|
||||
.domain-links {
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.list.grid-of-four {
|
||||
grid-gap: 4rem;
|
||||
}
|
||||
.list {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
/*utilities*/
|
||||
.grid-of-four {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
.intro-copy {
|
||||
font-size: 1.5rem;
|
||||
max-width: 35%;
|
||||
min-width: 30%;
|
||||
margin: 0 auto 1.5rem auto;
|
||||
color: #6c7680;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
.primary-links {
|
||||
color: #7575ff;
|
||||
transition: color 0.5s ease-in;
|
||||
}
|
||||
.primary-links:hover {
|
||||
color: #2E3338;
|
||||
text-decoration: none;
|
||||
}
|
||||
.button {
|
||||
padding: .75em 1.5em .5em;
|
||||
border-radius: .25em;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease 0s;
|
||||
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
|
||||
text-decoration: none;
|
||||
}
|
||||
.button:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
.button-primary {
|
||||
font-size: 1.5em;
|
||||
color: #fff;
|
||||
background: #7575ff;
|
||||
border-right: 0px;
|
||||
border-left: 0px;
|
||||
border-top: 0px;
|
||||
line-height: 3;
|
||||
}
|
||||
.button-primary:hover {
|
||||
background: #5e5ec9;
|
||||
color: #fff;
|
||||
}
|
||||
.gray-bg {
|
||||
background-color: #fafbfc;
|
||||
}
|
||||
.secondary-link {
|
||||
color: #7575ff;
|
||||
transition: color 0.5s ease-in;
|
||||
}
|
||||
.secondary-link:hover {
|
||||
color: #2E3338;
|
||||
}
|
||||
.three-column {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
.bulleted-list {
|
||||
margin: 0;
|
||||
list-style: circle;
|
||||
padding-left: 1em;
|
||||
}
|
||||
.bulleted-list li {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
@@ -1,71 +0,0 @@
|
||||
.navbar-icon{
|
||||
width:1.5em;
|
||||
margin-right:1em;
|
||||
}
|
||||
|
||||
.navbar-brand {
|
||||
width: 190px;
|
||||
}
|
||||
|
||||
.primary-button {
|
||||
background: #7575ff;
|
||||
color: #fff;
|
||||
border: 0px;
|
||||
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
|
||||
font-size: 1.75em;
|
||||
text-decoration: none;
|
||||
padding: .35em 1em;
|
||||
border-radius: .25em;
|
||||
}
|
||||
.primary-button:hover{
|
||||
color: #fff;
|
||||
text-decoration: none;
|
||||
background: #5b5be5;
|
||||
|
||||
}
|
||||
|
||||
.hero{
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.hero h1{
|
||||
font-size: 2.5em;
|
||||
font-weight: 700;
|
||||
line-height: 1.125;
|
||||
margin: 1em auto .5em;
|
||||
}
|
||||
|
||||
.hero .lead{
|
||||
max-width: 400px;
|
||||
font-size: 1.5em;
|
||||
margin: 1em auto 1.5em;
|
||||
font-weight: normal;
|
||||
color: #6c7680;
|
||||
}
|
||||
|
||||
.hero img{
|
||||
max-width: 850px;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 2em;
|
||||
line-height: 1.125;
|
||||
font-weight: bold;
|
||||
margin-bottom:1em;
|
||||
}
|
||||
|
||||
.feature{
|
||||
margin: 10em 0 0 0;
|
||||
padding: 0 0 10em 0;
|
||||
}
|
||||
|
||||
.domain-links{
|
||||
font-size:1.5em;
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
.domain-links:hover {
|
||||
text-decoration: none;
|
||||
color: #7575ff;
|
||||
|
||||
}
|
||||
353
foundation/public/css/reset.css
Normal file
353
foundation/public/css/reset.css
Normal file
@@ -0,0 +1,353 @@
|
||||
/*!
|
||||
* this reset is a copy of bootstrap's reboot.css which is inturn a fork of normalise*
|
||||
*
|
||||
*
|
||||
* Bootstrap Reboot v4.0.0-beta.3 (https://getbootstrap.com)
|
||||
* Copyright 2011-2017 The Bootstrap Authors
|
||||
* Copyright 2011-2017 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
* Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
|
||||
*/
|
||||
|
||||
*,
|
||||
*::before,
|
||||
*::after {
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html {
|
||||
font-family: sans-serif;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-ms-text-size-adjust: 100%;
|
||||
-ms-overflow-style: scrollbar;
|
||||
-webkit-tap-highlight-color: transparent;
|
||||
--line-height: 3;
|
||||
line-height: calc(((var(--line-height) * var(--capital-height)) - var(--valign)) * 1px);
|
||||
}
|
||||
|
||||
@-ms-viewport {
|
||||
width: device-width;
|
||||
}
|
||||
|
||||
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
|
||||
display: block;
|
||||
}
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
font-size: 1em;
|
||||
font-weight: 400;
|
||||
/* line-height: 1.5; */
|
||||
text-align: left;
|
||||
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, Noto, Oxygen-Sans, "Noto Sans", Ubuntu,Cantarell, sans-serif, "Apple Color Emoji", "Noto Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
||||
color: #36414c;
|
||||
font-weight:normal;
|
||||
-webkit-text-size-adjust: 100%;
|
||||
-webkit-font-feature-settings: "kern" 1;
|
||||
-moz-font-feature-settings: "kern" 1;
|
||||
-o-font-feature-settings: "kern" 1;
|
||||
font-feature-settings: "kern" 1;
|
||||
font-kerning: normal;
|
||||
text-rendering: optimizeLegibility;
|
||||
}
|
||||
|
||||
[tabindex="-1"]:focus {
|
||||
outline: 0 !important;
|
||||
}
|
||||
|
||||
hr {
|
||||
box-sizing: content-box;
|
||||
height: 0;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
p {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
abbr[title],
|
||||
abbr[data-original-title] {
|
||||
text-decoration: underline;
|
||||
-webkit-text-decoration: underline dotted;
|
||||
text-decoration: underline dotted;
|
||||
cursor: help;
|
||||
border-bottom: 0;
|
||||
}
|
||||
|
||||
address {
|
||||
margin-bottom: 1rem;
|
||||
font-style: normal;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
ol,
|
||||
ul,
|
||||
dl {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
ol ol,
|
||||
ul ul,
|
||||
ol ul,
|
||||
ul ol {
|
||||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
dt {
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
dd {
|
||||
margin-bottom: .5rem;
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
blockquote {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
dfn {
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
b,
|
||||
strong {
|
||||
font-weight: bolder;
|
||||
}
|
||||
|
||||
small {
|
||||
font-size: 80%;
|
||||
}
|
||||
|
||||
sub,
|
||||
sup {
|
||||
position: relative;
|
||||
font-size: 75%;
|
||||
line-height: 0;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
sub {
|
||||
bottom: -.25em;
|
||||
}
|
||||
|
||||
sup {
|
||||
top: -.5em;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
background-color: transparent;
|
||||
-webkit-text-decoration-skip: objects;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #0056b3;
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]) {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:not([href]):not([tabindex]):focus {
|
||||
outline: 0;
|
||||
}
|
||||
|
||||
pre,
|
||||
code,
|
||||
kbd,
|
||||
samp {
|
||||
font-family: monospace, monospace; */
|
||||
font-size: 1em;
|
||||
}
|
||||
|
||||
pre {
|
||||
margin-top: 0;
|
||||
margin-bottom: 1rem;
|
||||
overflow: auto;
|
||||
-ms-overflow-style: scrollbar;
|
||||
}
|
||||
|
||||
figure {
|
||||
margin: 0 0 1rem;
|
||||
}
|
||||
|
||||
img {
|
||||
vertical-align: middle;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
svg:not(:root) {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
a,
|
||||
area,
|
||||
button,
|
||||
[role="button"],
|
||||
input:not([type="range"]),
|
||||
label,
|
||||
select,
|
||||
summary,
|
||||
textarea {
|
||||
-ms-touch-action: manipulation;
|
||||
touch-action: manipulation;
|
||||
}
|
||||
|
||||
table {
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
caption {
|
||||
padding-top: 0.75rem;
|
||||
padding-bottom: 0.75rem;
|
||||
color: #6c757d;
|
||||
text-align: left;
|
||||
caption-side: bottom;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: inherit;
|
||||
}
|
||||
|
||||
label {
|
||||
display: inline-block;
|
||||
margin-bottom: .5rem;
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
button:focus {
|
||||
outline: 1px dotted;
|
||||
outline: 5px auto -webkit-focus-ring-color;
|
||||
}
|
||||
|
||||
input,
|
||||
button,
|
||||
select,
|
||||
optgroup,
|
||||
textarea {
|
||||
margin: 0;
|
||||
font-family: inherit;
|
||||
font-size: inherit;
|
||||
line-height: inherit;
|
||||
}
|
||||
|
||||
button,
|
||||
input {
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
button,
|
||||
select {
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
button,
|
||||
html [type="button"],
|
||||
[type="reset"],
|
||||
[type="submit"] {
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
button::-moz-focus-inner,
|
||||
[type="button"]::-moz-focus-inner,
|
||||
[type="reset"]::-moz-focus-inner,
|
||||
[type="submit"]::-moz-focus-inner {
|
||||
padding: 0;
|
||||
border-style: none;
|
||||
}
|
||||
|
||||
input[type="radio"],
|
||||
input[type="checkbox"] {
|
||||
box-sizing: border-box;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
input[type="date"],
|
||||
input[type="time"],
|
||||
input[type="datetime-local"],
|
||||
input[type="month"] {
|
||||
-webkit-appearance: listbox;
|
||||
}
|
||||
|
||||
textarea {
|
||||
overflow: auto;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
min-width: 0;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
legend {
|
||||
display: block;
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
padding: 0;
|
||||
margin-bottom: .5rem;
|
||||
font-size: 1.5rem;
|
||||
line-height: inherit;
|
||||
color: inherit;
|
||||
white-space: normal;
|
||||
}
|
||||
|
||||
progress {
|
||||
vertical-align: baseline;
|
||||
}
|
||||
|
||||
[type="number"]::-webkit-inner-spin-button,
|
||||
[type="number"]::-webkit-outer-spin-button {
|
||||
height: auto;
|
||||
}
|
||||
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
[type="search"]::-webkit-search-cancel-button,
|
||||
[type="search"]::-webkit-search-decoration {
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
::-webkit-file-upload-button {
|
||||
font: inherit;
|
||||
-webkit-appearance: button;
|
||||
}
|
||||
|
||||
output {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
summary {
|
||||
display: list-item;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
template {
|
||||
display: none;
|
||||
}
|
||||
|
||||
[hidden] {
|
||||
display: none !important;
|
||||
}
|
||||
0
foundation/public/css/variables.css
Normal file
0
foundation/public/css/variables.css
Normal file
120
foundation/public/less/erpnext-org-theme.less
Normal file
120
foundation/public/less/erpnext-org-theme.less
Normal file
@@ -0,0 +1,120 @@
|
||||
@import (css) "reset.css";
|
||||
@import "variables.less";
|
||||
|
||||
.wrapper {
|
||||
text-align:center;
|
||||
}
|
||||
|
||||
.container{
|
||||
max-width: 1366px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.feature{
|
||||
padding: 8rem 2.5rem;
|
||||
border-bottom: 1px solid @light-border-color;
|
||||
}
|
||||
|
||||
.homepage-illustration{
|
||||
margin-bottom: 4rem;
|
||||
width: 100%;
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
.title{
|
||||
font-size: 2.5rem;
|
||||
line-height: 1.025;
|
||||
}
|
||||
|
||||
.left-aligned{
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.domain-links{
|
||||
font-size: 1.5rem;
|
||||
}
|
||||
.list.grid-of-four{
|
||||
grid-gap: 4rem;
|
||||
}
|
||||
|
||||
.list{
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
}
|
||||
/*utilities*/
|
||||
.grid-of-four{
|
||||
display: grid;
|
||||
grid-template-columns: repeat(4, 1fr);
|
||||
}
|
||||
|
||||
.intro-copy{
|
||||
font-size: 1.5rem;
|
||||
max-width: 35%;
|
||||
min-width: 30%;
|
||||
margin: 0 auto 1.5rem auto;
|
||||
color: @text-light;
|
||||
line-height: 1.5em;
|
||||
}
|
||||
|
||||
.primary-links {
|
||||
color: @brand-primary;
|
||||
transition: color .5s ease-in;
|
||||
&:hover{
|
||||
color: @text-dark;
|
||||
text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.button{
|
||||
padding: .75em 1.5em .5em;
|
||||
border-radius:.25em;
|
||||
cursor: pointer;
|
||||
transition: all 0.3s ease 0s;
|
||||
border-bottom: 3px solid rgba(0, 0, 0, 0.2);
|
||||
text-decoration: none;
|
||||
&:hover{
|
||||
text-decoration:none;
|
||||
}
|
||||
}
|
||||
|
||||
.button-primary{
|
||||
font-size: 1.5em;
|
||||
color: #fff;
|
||||
background: @brand-primary;
|
||||
border-right: 0px;
|
||||
border-left: 0px;
|
||||
border-top: 0px;
|
||||
line-height: 3;
|
||||
&:hover{
|
||||
background: @button-primary-hover;
|
||||
color: #fff;
|
||||
}
|
||||
}
|
||||
|
||||
.gray-bg{
|
||||
background-color: @light-bg;
|
||||
}
|
||||
|
||||
|
||||
.secondary-link{
|
||||
color:@brand-primary;
|
||||
transition: color .5s ease-in;
|
||||
&:hover{
|
||||
color: @text-dark;
|
||||
}
|
||||
}
|
||||
|
||||
.three-column {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.bulleted-list {
|
||||
margin: 0;
|
||||
list-style: circle;
|
||||
padding-left: 1em;
|
||||
}
|
||||
|
||||
.bulleted-list li {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
7
foundation/public/less/variables.less
Normal file
7
foundation/public/less/variables.less
Normal file
@@ -0,0 +1,7 @@
|
||||
@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%);
|
||||
@primary-link-color: lighten(@brand-primary, 5%);
|
||||
30
foundation/templates/base.html
Normal file
30
foundation/templates/base.html
Normal file
@@ -0,0 +1,30 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- Built on Frappe. https://frappe.io/ -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>{% block title %} {{ title | striptags }} {% endblock %}</title>
|
||||
<meta name="generator" content="frappe">
|
||||
{% block favicon %}
|
||||
<link rel="shortcut icon"
|
||||
href="{{ (favicon or "/assets/frappe/images/favicon.png") | abs_url }}"
|
||||
type="image/x-icon">
|
||||
<link rel="icon"
|
||||
href="{{ (favicon or "/assets/frappe/images/favicon.png") | abs_url }}"
|
||||
type="image/x-icon">
|
||||
{% endblock %}
|
||||
{%- block head -%}
|
||||
{% block meta_block %}{% endblock %}
|
||||
<link href="assets/foundation/css/erpnext-org-theme.css" rel="stylesheet">
|
||||
{%- endblock -%}
|
||||
</head>
|
||||
<body data-path="{{ path }}">
|
||||
<div class="wrapper">
|
||||
{% block content %}
|
||||
{{ content }}
|
||||
{% endblock %}
|
||||
{%- block footer -%}{% include "foundation/templates/includes/footer/footer.html" %}{%- endblock -%}
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
@@ -1,152 +0,0 @@
|
||||
@import url('https://fonts.googleapis.com/css?family=Rubik');
|
||||
body {
|
||||
font-family: 'Rubik', sans-serif;
|
||||
font-size: 15px;
|
||||
color: #161c23;
|
||||
text-rendering: optimizeLegibility !important;
|
||||
line-height: 1.5em;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 10px 0px;
|
||||
}
|
||||
|
||||
section:last-child {
|
||||
padding-bottom: 60px;
|
||||
}
|
||||
|
||||
section p, section li, section .media-body {
|
||||
font-size: 15px;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
|
||||
h1 {
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
.page_content {
|
||||
min-height: 400px;
|
||||
}
|
||||
|
||||
.conf-hero {
|
||||
padding: 90px 0px;
|
||||
}
|
||||
|
||||
.label {
|
||||
font-weight: normal;
|
||||
background-color: #d1d8dd;
|
||||
font-size: 13px;
|
||||
padding: 3px 7px;
|
||||
margin-right: 10px;
|
||||
}
|
||||
|
||||
.web-footer {
|
||||
padding-top: 0px;
|
||||
}
|
||||
|
||||
.footer-bottom-line .text-muted {
|
||||
font-size: 15px;
|
||||
color: #161c23 !important;
|
||||
}
|
||||
|
||||
.row-full{
|
||||
width: 100vw;
|
||||
position: relative;
|
||||
margin-left: -50vw;
|
||||
margin-top: 0px;
|
||||
left: 50%;
|
||||
}
|
||||
|
||||
.with-border {
|
||||
border: 1px solid #d1d8dd;
|
||||
border-radius: 3px;
|
||||
padding: 15px;
|
||||
margin-bottom: 30px;
|
||||
}
|
||||
|
||||
.with-border h3 {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #5E64FF;
|
||||
}
|
||||
|
||||
.clickable a {
|
||||
color: #161c23;
|
||||
}
|
||||
|
||||
.with-border.clickable:hover {
|
||||
border-color: #36414C;
|
||||
background-color: #fafbfc;
|
||||
|
||||
}
|
||||
|
||||
.with-border a, .with-border a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.web-footer {
|
||||
background-color: #fafbfc;
|
||||
border-top: 4px solid #d1d8dd;
|
||||
padding-bottom: 0px;
|
||||
padding-top: 20px;
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.web-footer {
|
||||
padding-left: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-group-label, .navbar-brand {
|
||||
color: #161c23 !important;
|
||||
}
|
||||
|
||||
.web-footer .col-sm-6:first-child {
|
||||
width: 60%;
|
||||
}
|
||||
|
||||
.web-footer .col-sm-6:last-child {
|
||||
width: 40%;
|
||||
}
|
||||
|
||||
/*#website-post-login {
|
||||
display: none !important;
|
||||
}
|
||||
*/
|
||||
.silver-member {
|
||||
padding: 0px 15px;
|
||||
min-height: 205px;
|
||||
}
|
||||
|
||||
.page-breadcrumbs .breadcrumb {
|
||||
margin-bottom: 10px;
|
||||
font-size: 15px;
|
||||
/*color: #8D99A6;*/
|
||||
}
|
||||
|
||||
.full-name {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.sponsor {
|
||||
height: 200px;
|
||||
margin-top: 30px;
|
||||
text-align: center;
|
||||
vertical-align: center;
|
||||
border: 1px solid #d1d8dd;
|
||||
border-radius: 3px;
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.sponsor .lead {
|
||||
margin-top: 60px;
|
||||
}
|
||||
|
||||
.sponsor img {
|
||||
max-width: 150px;
|
||||
}
|
||||
@@ -24,7 +24,6 @@
|
||||
<a href="/contact">Contact</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<div class="social">
|
||||
<p>Find us on
|
||||
<a class="underline" href="https://twitter.com/erpnext"
|
||||
@@ -1,25 +0,0 @@
|
||||
.page-content {
|
||||
padding-top: 0px;
|
||||
margin-top: -3px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding-bottom: 15px;
|
||||
border-bottom: 1px solid #e1e9f0;
|
||||
}
|
||||
|
||||
section h3 {
|
||||
margin-bottom: 0px;
|
||||
}
|
||||
section p.small {
|
||||
margin-top: 0px;
|
||||
}
|
||||
|
||||
section:last-child, .hero {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.section-grid .col-sm-4 {
|
||||
padding-top: 10px;
|
||||
padding-bottom: 10px;
|
||||
}
|
||||
@@ -1,131 +1,117 @@
|
||||
{% extends "templates/web.html" %}
|
||||
|
||||
{% extends "templates/base.html" %}
|
||||
{% block title %}ERPNext Foundation{% endblock %}
|
||||
|
||||
{% block page_content %}
|
||||
|
||||
<!--<div class='row-full'>
|
||||
<img src="/assets/foundation/img/community.png" class='img-responsive'>
|
||||
</div>-->
|
||||
<section class='hero text-center'>
|
||||
<div class='text-center'>
|
||||
<img class="homepage-illustration" src='/assets/foundation/img/hero-illustration-erpnext.png'>
|
||||
</div>
|
||||
<h1>ERP for Everybody</h1>
|
||||
<p class='lead'>Do-It-Yourself Business Management System that will help you stay in control. 100% Opensource Forever</p>
|
||||
<p class="mar-t-50 mar-b-50">
|
||||
<a class="primary-button" href="https://erpnext.com/pricing">
|
||||
Get Started Now</a>
|
||||
</p>
|
||||
{% block content %}
|
||||
<section class='feature hero'>
|
||||
<div class="container">
|
||||
<img class="homepage-illustration" src='/assets/foundation/img/hero-illustration-erpnext.png'>
|
||||
<h1 class="title">ERP for Everybody</h1>
|
||||
<p class='intro-copy'>A free and opensource do-it-yourself business management system that will help you stay in control.</p>
|
||||
<a class="button button-primary" href="https://erpnext.com/pricing">Get Started</a>
|
||||
</div>
|
||||
</section>
|
||||
<section class="feature">
|
||||
<h2 class="subtitle">Domains</h2>
|
||||
<div class='row section-grid'>
|
||||
<div class=col-sm-3>
|
||||
<a class="domain-links" href="/docs/user/manual/en/manufacturing">Manufacturing</a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a class="domain-links" href="/docs/user/manual/en/projects">Services</a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a class="domain-links" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">Retail</a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a class="domain-links" href="/docs/user/manual/en/stock">Distribution</a>
|
||||
</div>
|
||||
<div class="col-sm-3"">
|
||||
<a class="domain-links" href="/docs/user/manual/en/schools">Education</a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a class="domain-links" href="/agriculture">Agiculture</a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a class="domain-links" href="/healthcare">Healthcare</a>
|
||||
</div>
|
||||
<div class="col-sm-3">
|
||||
<a class="domain-links" href="/Non-Profits">Non-Profits</a>
|
||||
</div>
|
||||
<section class="feature gray-bg left-aligned">
|
||||
<div class="container">
|
||||
<h1 class="subtitle">One App Many Domains</h1>
|
||||
<ul class="list grid-of-four">
|
||||
<li class="list-items grid-items">
|
||||
<a class="primary-links domain-links" href="/docs/user/manual/en/manufacturing">
|
||||
<img class="domain-image" src="manufacturing.svg">Manufacturing</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/docs/user/manual/en/projects">
|
||||
<img class="domain-image" src="services.svg">Services</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">
|
||||
<img class="domain-image" src="retail.svg">Retail</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/docs/user/manual/en/stock">
|
||||
<img class="domain-image" src="distribution.svg">Distribution</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/docs/user/manual/en/schools">
|
||||
<img class="domain-image" src="education.svg">Education</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/agriculture">
|
||||
<img class="domain-image" src="agriculture.svg">Agiculture</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/healthcare">
|
||||
<img class="domain-image" src="healthcare.svg">Healthcare</a>
|
||||
</li>
|
||||
<li class="list-items">
|
||||
<a class="primary-links domain-links" href="/Non-Profits">
|
||||
<img class="domain-image" src="non-profit.svg">Non-Profits</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
<!--<section>
|
||||
<h3>Standard Modules</h3>
|
||||
<p class='text-muted small'>ERPNext comes with hundreds of features and is very customizable</p>
|
||||
<div class='row section-grid'>
|
||||
<div class=col-sm-4>
|
||||
<a href="docs/user/manual/en/accounts">Accounting</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/CRM">CRM</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/stock">Inventory</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/selling">Selling (Sales)</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/buying">Buying (Purchasing)</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/hr">Human Resources</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/website">Website / E-Commerce</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/portal">Customer / Supplier Portal</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/support">Customer Support</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/customize-erpnext">Customization</a>
|
||||
</div>
|
||||
</div>
|
||||
<p></p>
|
||||
</section>-->
|
||||
<!--<section>
|
||||
<h3>Community</h3>
|
||||
<p class='text-muted small'>Use and build ERPNext with a community of over 5000 strong</p>
|
||||
<div class='row section-grid'>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://discuss.erpnext.com">User Forum</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/service-providers">Service Providers</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/bounties">Bounties</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/apps">Apps</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/erpnext-jobs">ERPNext Jobs</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://github.com/frappe/erpnext">GitHub (ERPNext)</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://github.com/frappe/frappe">GitHub (Frappé Framework)</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://gitter.im/frappe/erpnext">Chat (Gitter)</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://twitter.com/erpnext">Twitter (News / Updates)</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://frappe.io">Frappé Technologies</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://frappe.io/blog">Frappé Blog</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
|
||||
<section class="feature community-bg">
|
||||
<div class="container">
|
||||
<div class="two-column">
|
||||
<div class="left-column">
|
||||
<h1 class="subtitle">Amazing Community</h1>
|
||||
<p class="info">The forum is the hub of activity related to ERPNext. You can ask a question, find developers or hire service providers.</p>
|
||||
<a class="secondary-links">Become a Member</a>
|
||||
</div>
|
||||
<div class="right-column">
|
||||
<img src="community.png">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section class="feature gray-bg">
|
||||
<div class="container">
|
||||
<div class="three-column left-aligned">
|
||||
<div class="first-column">
|
||||
<h1 class="subtitle">Events & Meetups</h1>
|
||||
<ul class="bulleted-list">
|
||||
<li>
|
||||
<a href="" class="secondary-link">2nd Indonesian Meetup</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="secondary-link">2nd Indonesian Meetup</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="secondary-link">2nd Indonesian Meetup</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="second-column">
|
||||
<h1 class="subtitle">Help Us Improve</h1>
|
||||
<ul class="bulleted-list">
|
||||
<li>
|
||||
<a href="" class="secondary-link">Write Documentation</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="secondary-link">Help Us Translate</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="secondary-link">Test Public Beta</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="third-column">
|
||||
<h1 class="subtitle">Need Help</h1>
|
||||
<ul class="bulleted-list">
|
||||
<li>
|
||||
<a href="" class="secondary-link">User Manual</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="secondary-link">Ask in our forum</a>
|
||||
</li>
|
||||
<li>
|
||||
<a href="" class="secondary-link">Get Paid Support</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section>
|
||||
<h3>Get Started</h3>
|
||||
<h2>Get Started</h2>
|
||||
<div class="row section-grid">
|
||||
<div class="col-sm-4"">
|
||||
<a href="https://erpnext.com">ERPNext.com (30 day free trial)</a>
|
||||
@@ -141,74 +127,4 @@
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!--
|
||||
<section>
|
||||
<h3>Documentation</h3>
|
||||
<p class='text-muted small'>Learn to use or develop on ERPNext</p>
|
||||
<div class='row section-grid'>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs">ERPNext User Manual</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://frappe.io/docs/user/">Frappé Framework Tutorial</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://www.youtube.com/c/erpnext">YouTube</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://frappe.io/docs/user/en/guides/integration/rest_api">REST API</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/current">ERPNext Models and API</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://frappe.io/docs/current">Frappé Models and API</a>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</section>-->
|
||||
<!--
|
||||
<section>
|
||||
<h3>Localize</h3>
|
||||
<p class='text-muted small'>Help in updating translations and accounting features specific to your country or region</p>
|
||||
<div class='row section-grid'>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://translate.erpnext.com">Translation Portal</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="https://charts.erpnext.com">Chart of Accounts</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/docs/user/manual/en/regional">Regional Features</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
|
||||
<!--<section>
|
||||
<h3>Foundation</h3>
|
||||
<p class='text-muted small'>Join the not-for-profit that brings the community together on a common platform</p>
|
||||
<div class='row section-grid'>
|
||||
<div class=col-sm-4>
|
||||
<a href="/members">Memberships</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/chapters">Chapters</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/login">Member Login</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/conf">Conferences</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/about">About</a>
|
||||
</div>
|
||||
<div class=col-sm-4>
|
||||
<a href="/contact">Contact</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>-->
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
@@ -1,9 +0,0 @@
|
||||
.page_content {
|
||||
max-width: 700px;
|
||||
font-size: 16px;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.page_content li {
|
||||
margin: 10px 0px;
|
||||
}
|
||||
@@ -1,9 +0,0 @@
|
||||
.page_content {
|
||||
max-width: 700px;
|
||||
font-size: 16px;
|
||||
line-height: 1.8em;
|
||||
}
|
||||
|
||||
.page_content li {
|
||||
margin: 10px 0px;
|
||||
}
|
||||
Reference in New Issue
Block a user