Add cards to homepage, add comments css

This commit is contained in:
Raghavendra Kamath
2018-04-27 11:32:42 +05:30
parent c306bf53b8
commit fac28311e3
2 changed files with 96 additions and 35 deletions

View File

@@ -129,3 +129,31 @@ img,
font-weight: normal; font-weight: normal;
margin-top: -1px; margin-top: -1px;
} }
/* comments */
.comment-header {
border-bottom: 1px solid #ebeff2;
padding: 30px 0 15px;
}
.comment-row {
margin: 0 -15px;
padding: 15px;
}
.pull-right {
float: right;
}
.inline-block {
display: inline-block;
}
.comment-row h6 {
font-size: 0.75rem;
}
.hidden {
display:none;
}

View File

@@ -2,7 +2,7 @@
{% block title %}ERPNext Foundation - Open Source ERP Software{% endblock %} {% block title %}ERPNext Foundation - Open Source ERP Software{% endblock %}
{% block content %} {% block content %}
<section class='my-5'> <section class='my-5'>
<h1 class="font-weight-normal mt-4">Join us to build the <br> world's leading open source ERP <br> and empower countless organisations</h1> <h1 class="mt-4 w-75">World's leading fully open source ERP software that helps you stay in control of your business</h1>
<a class="mt-4 btn btn-primary btn-lg" href="/get-started.html">Get Started</a> <a class="mt-4 btn btn-primary btn-lg" href="/get-started.html">Get Started</a>
</section> </section>
<hr class="featurette-divider"> <hr class="featurette-divider">
@@ -15,47 +15,80 @@
<section class="my-5"> <section class="my-5">
<h1>Industries</h1> <h1>Industries</h1>
<div class="mt-5 row text-center"> <div class="mt-5 row text-center">
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/manufacturing"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/manufacturing.png" alt="ERP software for manufacturing"> <div class="card-body">
<h4 class="mt-3">Manufacturing</h4 class="mt-3"> <a class="" href="/docs/user/manual/en/manufacturing">
</a> <img class="card-img-top" src="/assets/foundation/img/manufacturing.png" alt="ERP software for manufacturing">
</a>
<h5 class="card-title mt-3">Manufacturing</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/projects"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/services.png" alt="ERP software for Services"> <div class="card-body">
<h4 class="mt-3">Services</h4 class="mt-3"> <a class="" href="/docs/user/manual/en/projects">
</a> <img class="card-img-top" src="/assets/foundation/img/services.png" alt="ERP software for Services">
</a>
<h5 class="card-title mt-3">Services</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/retail.png" alt="ERP software for retail"> <div class="card-body">
<h4 class="mt-3">Retail</h4 class="mt-3"></a> <a class="" href="/docs/user/manual/en/accounts/point-of-sale-pos-invoice">
<img class="card-img-top" src="/assets/foundation/img/retail.png" alt="ERP software for retail"></a>
<h5 class="card-title mt-3">Retail</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/stock"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/distribution.png" alt="ERP software for Distribution"> <div class="card-body">
<h4 class="mt-3">Distribution</h4 class="mt-3"></a> <a class="" href="/docs/user/manual/en/stock">
<img class="card-img-top" src="/assets/foundation/img/distribution.png" alt="ERP software for Distribution"></a>
<h5 class="card-title mt-3">Distribution</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/education"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/education.png" alt="ERP software for Education"> <div class="card-body">
<h4 class="mt-3">Education</h4 class="mt-3"></a> <a class="" href="/docs/user/manual/en/education">
<img class="card-img-top" src="/assets/foundation/img/education.png" alt="ERP software for Education">
</a>
<h5 class="card-title mt-3">Education</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/agriculture"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/agriculture.png" alt="ERP software for Agriculture"> <div class="card-body">
<h4 class="mt-3">Agriculture</h4 class="mt-3"></a> <a class="" href="/docs/user/manual/en/agriculture">
<img class="card-img-top" src="/assets/foundation/img/agriculture.png" alt="ERP software for Agriculture"></a>
<h5 class="card-title mt-3">Agriculture</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/healthcare"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/healthcare.png" alt="ERP software for Healthcare"> <div class="card-body">
<h4 class="mt-3">Healthcare</h4 class="mt-3"></a> <a class="" href="/docs/user/manual/en/healthcare">
<img class="card-img-top" src="/assets/foundation/img/healthcare.png" alt="ERP software for Healthcare"></a>
<h5 class="card-title mt-3">Healthcare</h5>
</div>
</div>
</div> </div>
<div class="col-sm-4 col-md-3 col-lg-3 mt4"> <div class="col-sm-4 col-md-3 col-lg-3">
<a class="" href="/docs/user/manual/en/non_profit"> <div class="card mb-4">
<img class="grid-images" src="/assets/foundation/img/non-profits.png" alt="ERP software for Non-Profits"> <div class="card-body">
<h4 class="mt-3">Non Profit</h4 class="mt-3"></a> <a class="" href="/docs/user/manual/en/non_profit">
<img class="card-img-top" src="/assets/foundation/img/non-profits.png" alt="ERP software for Non-Profits"></a>
<h5 class="card-title mt-3">Non Profit</h5>
</div>
</div>
</div> </div>
</div> </div>
</section> </section>