add functions texts

home/_data/function.yml

@@ -0,0 +1,15 @@
+title: We start with simple core functions
+text:
+functions:
+  - title: Organize Parts
+    text: Parts are the fundamental element of any inventory. InvenTree groups parts into structured categories which allow you to arrange parts to meet your particular needs. 
+    link: https://inventree.readthedocs.io/en/latest/part/part/
+  - title: Manage Suppliers
+    text: InvenTree allows you to easily create, modify or delete suppliers and supplier items linked to any part in your inventory.
+    link: https://inventree.readthedocs.io/en/latest/companies/supplier/
+  - title: Instant Stock Knowledge
+    text: Instantly view current stock for a certain part, in a particular location, or required for an individual build. Stock items are organized in cascading locations and sub-locations, allowing flexible inspection of stock under any location. Stock items can be serialized for tracking of individual items, and test results can be stored against a serialized stock item for the purpose of acceptance testing and commissioning.
+    link: https://inventree.readthedocs.io/en/latest/stock/stock/
+  - title: BOM Management
+    text: Intelligent BOM (Bill of Material) management provides a clear understanding of the sub-parts required to make a new part. InvenTree allows you to upload simple BOM files in multiple formats, and download a detailed BOM with all the information stored in its database.
+    link: https://inventree.readthedocs.io/en/latest/build/bom/

home/_includes/functions.html

@@ -0,0 +1,22 @@
+<section class="cm-gray-2 body-font">
+  <div class="container px-5 py-24 mx-auto">
+    <div class="flex flex-col text-center w-full mb-20">
+      <h1 class="sm:text-3xl text-2xl font-medium title-font mb-4 cm-gray-1">{{ include.data.title }}</h1>
+      <p class="lg:w-2/3 mx-auto leading-relaxed text-base">{{ include.data.text }}</p>
+    </div>
+    <div class="flex flex-wrap">
+      {% assign function_len = include.data.functions | size %}
+      {% for item in include.data.functions %}
+      <div class="xl:w-1/{{ function_len }} lg:w-1/2 md:w-full px-8 py-6">
+        <h2 class="text-lg sm:text-xl cm-gray-1 font-medium title-font mb-2">{{ item.title }}</h2>
+        <p class="leading-relaxed text-base mb-4">{{ item.text }}</p>
+        <a class="text-secondary inline-flex items-center" href="{{ item.link }}">Learn More
+          <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-4 h-4 ml-2" viewBox="0 0 24 24">
+            <path d="M5 12h14M12 5l7 7-7 7"></path>
+          </svg>
+        </a>
+      </div>
+      {% endfor %}
+    </div>
+  </div>
+</section>

home/education.md

@@ -10,6 +10,9 @@ backLink: false
 
 {% include cta.html text='read more on the site!' %}
 
+{% assign function = site.data.function %}
+{% include functions.html data=function %}
+
 {% assign end = site.data.end_cta %}
 {% include cta.html cta=end %}
 

home/index.md

@@ -5,6 +5,8 @@ backLink: false
 
 {% include hero.html title=site.tagline title_2='and more' image='https://dummyimage.com/860x600' color='with InvenTree' %}
 
+{% assign function = site.data.function %}
+{% include functions.html data=function %}
 
 
 {% assign for_h = site.data.for_hobby %}