-{% row(style="header") %}
+{% row(style="reverse header") %}
-## **Decentralized Autonomous Cloud**
+## **Decentralized Autonomous Cloud**
-ThreeFold is the world’s first system enabling anyone to become a cloud and internet service provider, empowering people and organizations to buy, sell, and use cloud resources autonomously and securely.
+ThreeFold is the world’s first system enabling anyone to become a cloud and internet service provider, empowering people and organizations to buy, sell, and use cloud resources autonomously and securely.
@@ -49,7 +52,10 @@ ThreeFold is the world’s first system enabling anyone to become a cloud and in
{% end %}
-
+
+
+
+
{% grid_stats() %}
@@ -61,11 +67,17 @@ Provide cloud and internet capacity in your area and become a part of the larges
{% end %}
-{% row(style="header") %}
-## **It Starts with 3Node**
-3Nodes, powered by our stateless operating system, Zero OS, allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud. Pre-configured plug and earn 3Nodes for beginners, or do it yourself 3Nodes for builders
+
+
+
+
+{% row(style="reverse margin") %}
+
+## **It Starts with 3Node**
+
+**3Nodes**, powered by our stateless operating system, Zero OS, allow anyone to earn by providing compute, storage, and network capacity to the ThreeFold Cloud. Pre-configured plug and earn 3Nodes for beginners, or do it yourself 3Nodes for builders
@@ -75,11 +87,16 @@ Provide cloud and internet capacity in your area and become a part of the larges
{% end %}
+
+
+
+
+
{% row( style="center between mtop") %}
## **Our Partners**
-### Driving utilization on top of our decentralized autonomous cloud
+Driving utilization on top of our decentralized autonomous cloud
{% end %}
diff --git a/css/index.css b/css/index.css
index 1a4795894..e2605b577 100644
--- a/css/index.css
+++ b/css/index.css
@@ -84,6 +84,9 @@ img[src*="#absolute"] {
h1 {
line-height: 3rem;
}
+.blue{
+ color:#2E83FF
+}
.nav p > a {
display: flex;
@@ -129,7 +132,7 @@ h1 {
color: #2b2b2b;
}
h2 strong {
- @apply font-medium;
+ @apply font-semibold;
}
h3 {
@apply text-2xl lg:text-3xl my-4 font-extralight;
diff --git a/templates/shortcodes/row.html b/templates/shortcodes/row.html
index 7526fc356..460bc590d 100644
--- a/templates/shortcodes/row.html
+++ b/templates/shortcodes/row.html
@@ -51,7 +51,7 @@ Parameters:
{% set row_class = row_class ~ " lg:items-center" %}
{% endif %}
-{% set col_class = "flex-1 mb-6 md:mb-0 md:mx-2" %}
+{% set col_class = "flex-1 mb-6 md:mb-0 px-4 md:px-12" %}
{% set row_id = '' %}
{% if id %}
@@ -79,24 +79,24 @@ Parameters:
{% if "margin" in style %}
- {% set row_class = row_class ~ " lg:py-28 py-10" %}
+ {% set row_class = row_class ~ " lg:py-24 py-10" %}
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% endif %}
{% if "header" in style %}
- {% set row_class = row_class ~ " h-screen mt-4" %}
+ {% set row_class = row_class ~ " h-auto md:h-screen mt-4" %}
{% set col_class = col_class ~ " m-4 lg:m-0" %}
{% endif %}
{% if "mtop" in style %}
- {% set row_class = row_class ~ " lg:pt-28 pt-2" %}
+ {% set row_class = row_class ~ " md:pt-24 pt-2" %}
{% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
{% endif %}
{% if "mbottom" in style %}
- {% set row_class = row_class ~ " lg:pb-28" %}
- {% set col_class = col_class ~ " flex-1 m-4 lg:m-0" %}
+ {% set row_class = row_class ~ " md:pb-24" %}
+ {% set col_class = col_class ~ " flex-1 m-4 md:m-0" %}
{% endif %}