Add blogs sec

content/_index.md

@@ -19,7 +19,6 @@ extra:
 
 <button>[Become a farmer](/become-farmer)</button>
 
-
 {% end %}
 
 {% row(style="lean") %}
@@ -48,8 +47,6 @@ Companies and developers have already started using ThreeFold for it’s autonom
 
 ![Image](/images/network_new.jpg#mx-auto)
 
-
-
 {% end %}
 
 {% row(style="center") %}
@@ -88,10 +85,9 @@ Zero-OS is a stateless and lightweight operating system designed to host anythin
 
 {% end %}
 
-
 {% team_sec() %}
-## **THE TEAM**
 
+## **THE TEAM**
 
 {% end %}
 
@@ -107,26 +103,8 @@ We are truly proud to be trusted by some of the biggest names in the industry.
 
 {% end %}
 
-{% row() %}
-
-## Register & choose a path
-
-<br>
-
-The best way to stake your claim in the
-OurWorldverse is by creating registering.
-
-Then, choose the first step in your journey.
-
-<br>
-
-|||
-
-|||
-
-{% end %}
-
 {% row(style="center") %}
+
 ## **IN THE NEWS**
 
 {% end %}
@@ -143,7 +121,6 @@ Then, choose the first step in your journey.
 
 [![yahoo_news](/images/yahoo_news.png)](https://news.yahoo.com/news/threefold-set-disrupt-status-quo-051457787.html?guccounter=1)
 
-
 {% end %}
 
 {% row(style="center") %}
@@ -172,3 +149,9 @@ Then, choose the first step in your journey.
 [![grit_daily](/images/grit_daily.png)](https://gritdaily.com/belarus-governments-control-internet/)
 
 {% end %}
+
+{% featured_stories() %}
+
+## **FEATURED STORIES**
+
+{% end %}

templates/shortcodes/featured_stories.html

@@ -0,0 +1,74 @@
+<div class="relative pt-16 px-4 sm:px-6 lg:pt-24 lg:pb-28 lg:px-8">
+    <div class="absolute inset-0">
+        <div class="bg-white h-1/3 sm:h-2/3"></div>
+    </div>
+    <div class="relative max-w-7xl mx-auto">
+        <div class="text-center">
+            <h2 class="
+                lg:text-6xl
+                leading-tight
+                font-bold font-heading
+                uppercase
+                sm:leading-10
+                lg:pb-10
+              ">
+                Featured Stories
+            </h2>
+        </div>
+        <div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
+            <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
+                <div class="flex-shrink-0">
+                    <img class="h-48 w-full object-cover" src="/images/the_threefold_movement.png" alt="" />
+                </div>
+                <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+                    <div class="flex-1">
+                        <a href="https://threefold.io/blog/post/the_threefold_movement/" class="block">
+                            <h3 class="mt-2 text-2xl leading-7 font-semibold text-gray-900">
+                                Into the Fold – The ThreeFold Movement
+                            </h3>
+                            <div class="mt-3 leading-6 text-gray-700 text-xl">It's not by mistake that you're here,
+                                reading this post. You can feel that a global shift is happening. And you want to do
+                                something about it.</div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
+                <div class="flex-shrink-0">
+                    <img class="h-48 w-full object-cover" src="/images/new_internet.jpg" alt="" />
+                </div>
+                <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+                    <div class="flex-1">
+                        <a href="https://threefold.io/blog/post/the_threefold_movement/" class="block">
+                            <h3 class="mt-2 text-2xl leading-7 font-semibold text-gray-900">
+                                Building a New Internet From the Ground Up – Part 1: Introduction
+                            </h3>
+                            <div class="mt-3 leading-6 text-gray-700 text-xl">The first episode in an approachable
+                                series on the inner workings of the ThreeFold Grid. Explore our technology stack and
+                                what makes ThreeFold special.</div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+
+            <div class="flex flex-col rounded-lg shadow-lg overflow-hidden">
+                <div class="flex-shrink-0">
+                    <img class="h-48 w-full object-cover" src="/images/tft_vedio.jpg" alt="" />
+                </div>
+                <div class="flex-1 bg-white p-6 flex flex-col justify-between">
+                    <div class="flex-1">
+                        <a href="https://threefold.io/blog/post/the_threefold_movement/" class="block">
+                            <h3 class="mt-2 text-2xl leading-7 font-semibold text-gray-900">
+                                ThreeFold Explained in 2 Minutes
+                            </h3>
+                            <div class="mt-3 leading-6 text-gray-700 text-xl">We make sovereignty a reality and
+                                opportunities universal. Our technology ensures data ownership and a democratized
+                                Internet. Discover how.</div>
+                        </a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</div>