test links

content/home/_index.md

@@ -0,0 +1,3 @@
+---
+template: "index.html"
+---

content/home/partenerships/_index.md

@@ -0,0 +1,3 @@
+---
+transparent: true
+---

content/home/partenerships/partner1/index.md

@@ -0,0 +1,11 @@
+---
+title: "Expand the People’s Internet"
+
+extra:
+    subtitle: "and earn TFT"
+    button: Become a Farmer
+    link: /farm
+    imgPath: /images/become_farmer_new.jpg
+---
+
+By connecting hardware at your home or office, support the growth of a decentralized Internet and earn a new digital currency, TFT.

content/home/partenerships/partner2/index.md

@@ -0,0 +1,11 @@
+---
+title: DECENTRALIZE YOUR
+
+extra:
+    subtitle: "DATA AND WORKLOADS"
+    imgPath: /images/network_new.jpg
+    button: Deploy
+    link: /cloud
+---
+
+Companies and developers have already started using ThreeFold for it’s autonomous, decentralization and privacy features.

templates/index.html

@@ -1,8 +1,19 @@
 {% extends "_default/base.html" %}
 {% block content %}
-
+<style>
+    .container-fluid {
+        width: 100%;
+        /* padding-right: 15px;
+        padding-left: 15px; */
+        margin-right: auto;
+        margin-left: auto;
+      }
+</style>
 <!-- Landing page template, has a banner and rows of page summaries -->
 <main>
-    {{section.content | safe}}
+    <div class="container-fluid sm:pxi-0 mx-auto overflow-x-hidden">
+
+        {% include "partials/partnerships.html" %}
+    </div>
 </main>
 {% endblock content %}

templates/partials/partnerships.html

@@ -0,0 +1,75 @@
+{% set home = get_section(path="home/_index.md") %}
+
+<style>
+    .bg-gray {
+        background-color: #f2f2f2
+    }
+</style>
+
+{% if current_path == '/' %}
+
+<div class="
+  max-w-screen-2xl
+  mx-auto
+  py-12
+  text-center
+  sm:px-6
+  lg:px-8
+  lg:py-20
+">
+    <div class="space-y-12">
+        <div class="mx-auto grid-cols-2 sm:grid sm:grid-cols-1 lg:grid-cols-2">
+            {% for page in home.pages %}
+            <div class="my-5 mx-5 pt-10 bg-gray">
+                <div class="space-y-2">
+                    <div class="text-lg font-medium space-y-1">
+                        <h2 class="h2 uppercase leading-tight font-light">
+                            {{ page.title }}
+                            <span class="block font-bold"> {{ page.extra.subtitle }}</span>
+                        </h2>
+                        <div class="mx-auto text-xl px-5 mb-5">{{ page.content | safe }}</div>
+                    </div>
+                    {% if page.extra.button %}
+                    <div>
+                        {% if page.extra.button is containing('http') %}
+                        <a target="_blank" href="{{page.extra.link}}" class="
+              inline-block
+              lg:text-lg
+              learn-button
+              hover:bg-gray-400
+              px-12
+              py-1
+              mr-5
+              my-10
+              border-2
+              shadow
+              border-black
+              capitalize
+            ">{{ page.extra.button }}</a>
+                        {% else %}
+                        <a href={{get_url(path=page.extra.link)}} class="
+              inline-block
+              lg:text-lg
+              learn-button
+              hover:bg-gray-400
+              px-12
+              py-1
+              mr-5
+              my-10
+              border-2
+              shadow
+              border-black
+              capitalize
+            ">{{ page.extra.button }}</a>
+                        {% endif %}
+                    </div>
+                    {% endif %}
+                </div>
+
+                <img class="mx-auto w-full" src="{{get_url(path=page.extra.imgPath)}}" />
+            </div>
+            {% endfor %}
+        </div>
+    </div>
+</div>
+{% endif %}