remove docsy section from lead

assets/scss/_styles_project.scss

@@ -9,9 +9,6 @@
   }
 }
 
-
-
-
 @media (min-width: 768px)  {
   .td-sidebar {
     padding-top: 5rem;
@@ -28,6 +25,10 @@
   border-radius: 1rem;
 }
 
+.card-title {
+  font-weight: 600;
+}
+
 .sp-button-shadow {
   box-shadow: 0px -0.5rem 0px 0px rgba(0, 0, 0, 0.1) inset;
 }
@@ -62,6 +63,10 @@
   }
 }
 
+.text-secondary {
+  font-weight: 600;
+}
+
 .sp-service-icon {
   margin-top: -4rem;
   max-width: 12rem;
@@ -104,3 +109,11 @@
   border: none;
   margin-top: 1rem;
 }
+
+.sp-advantages {
+  row-gap: 20vh;
+}
+
+.td-outer{
+  padding: 0;
+}

content/en/_index.html

@@ -4,7 +4,7 @@ linkTitle = "SelfPrivacy"
 
 +++
 
-{{< blocks/section color="dark" type="section" >}}
+<section class="container-fluid bg-dark">
 	<div class="row">
 		<div class="col-xs-12 col-md-4">
 			<div class="container rounded">
@@ -46,8 +46,8 @@ linkTitle = "SelfPrivacy"
  		</div>
 		<div class="col-xs-12 col-md-8 my-auto">
 			<div class="container my-4">
-				<h1>
+				<h1 class="text-white">
-					SelfPrivacy app allows you to set up self-hosted services and manage them.
+					SelfPrivacy app allows you to set up self-hosted services and manage them
 				</h1>
 				<a class="btn btn-lg btn-primary mb-4 mt-4 btn-block sp-button-shadow sp-button-big-padding" href="{{< relref "/download" >}}">
 					Download
@@ -55,11 +55,11 @@ linkTitle = "SelfPrivacy"
 			</div>
 		</div>
 </div>
-{{< /blocks/section >}}
+</section>
 
-{{< blocks/section color="100" type="section" >}}
+<section class="container-fluid">
 	<div class="row w-100">
-		<h2 class="mx-auto text-center">Your personal services</h2>
+		<h2 class="mx-auto text-center font-weight-bolder">Your personal services</h2>
 	</div>
 
 	<div class="row w-100 mt-5 mb-3">
@@ -129,9 +129,9 @@ linkTitle = "SelfPrivacy"
 			{{< /landing-service >}}
 		</div>
 	</div>
-{{< /blocks/section >}}
+</section>
 
-{{< blocks/section color="100" type="section" >}}
+<section class="container-fluid d-flex flex-column sp-advantages">
 	<div class="row w-100">
 		<h2 class="mx-auto text-center">Advantages</h2>
 	</div>
@@ -174,12 +174,10 @@ linkTitle = "SelfPrivacy"
 	{{< landing-feature datactrl "Data control">}}
 		<p class="card-text">Why do corporations need your data? To make you buy more and vote as they want. With SelfPrivacy, only you have your data.</p>
 	{{< /landing-feature >}}
-
+</section>
-{{< /blocks/section >}}
 
 
-{{< blocks/section color="100" type="section" >}}
+<section class="container-fluid">
-
 <div class="row w-100">
 	<h2 class="mx-auto text-center">Supported by</h2>
 </div>
@@ -194,5 +192,4 @@ linkTitle = "SelfPrivacy"
 		</a>
     </div>
 </div>
-
+</section>
-{{< /blocks/section >}}