diff --git a/preview-src/database-icon.svg b/preview-src/database-icon.svg
new file mode 100644
index 00000000..f35a311e
--- /dev/null
+++ b/preview-src/database-icon.svg
@@ -0,0 +1,3 @@
+<svg width="126" height="144" viewBox="0 0 126 144" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M63 9C92.8125 9 117 17.1562 117 27V36C117 46.125 92.8125 54 63 54C33.1875 54 9 46.125 9 36V27C9 17.1562 33.1875 9 63 9ZM117 51.1875V63C117 73.125 92.8125 81 63 81C33.1875 81 9 73.125 9 63V51.1875C20.5312 59.3438 41.625 63 63 63C84.0938 63 105.188 59.3438 117 51.1875ZM117 78.1875V90C117 100.125 92.8125 108 63 108C33.1875 108 9 100.125 9 90V78.1875C20.5312 86.3438 41.625 90 63 90C84.0938 90 105.188 86.3438 117 78.1875ZM117 105.188V117C117 127.125 92.8125 135 63 135C33.1875 135 9 127.125 9 117V105.188C20.5312 113.344 41.625 117 63 117C84.0938 117 105.188 113.344 117 105.188ZM63 0C40.7812 0 0 5.34375 0 27V117C0 138.938 41.0625 144 63 144C84.9375 144 126 138.938 126 117V27C126 5.34375 84.6562 0 63 0Z" fill="#4287D6"/>
+</svg>
diff --git a/preview-src/landing-page-core-concept.adoc b/preview-src/landing-page-core-concept.adoc
index 961f5632..dad18109 100644
--- a/preview-src/landing-page-core-concept.adoc
+++ b/preview-src/landing-page-core-concept.adoc
@@ -1,4 +1,124 @@
 = Couchbase Core Concept
 :page-layout: landing-page-core-concept
 :page-role: tiles
-:!sectids:
\ No newline at end of file
+:!sectids:
+
+= Core Concept
+++++
+<div class="card-row">
+++++
+
+[.column]
+====== {empty}
+[.content]
+Couchbase Server is an open source, distributed, NoSQL document-oriented engagement database. It exposes a fast key-value store with managed cache for sub-millisecond data operations, purpose-built indexers for fast queries and a powerful query engine for executing SQL-like queries
+
+[.column]
+====== {empty}
+[.media-left]
+image::database-icon.svg[]
+
+++++
+</div>
+++++
+
+
+
+== Install and Deploy
+++++
+<div class="card-row three-column-row">
+++++
+
+[.column]
+.Before You Begin
+* xref:#[System Requirements]
+* xref:#[ Production Checklist]
+
+[.column]
+.Installation
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
+
+[.column]
+.Deployment
+* xref:#[ Sizing a Cluster ]
+* xref:#[ Create a Cluster ]
+
+
+++++
+</div>
+++++
+
+== Learn
+++++
+<div class="card-row three-column-row">
+++++
+
+[.column]
+.Data
+* xref:#[Introduction to Couchbase Server]
+* xref:#[Buckets and Collections]
+* xref:#[ Data Model ]
+
+
+[.column]
+.Buckets and Storage
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam
+
+
+[.column]
+.Security
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
+
+++++
+</div>
+++++
+
+== Lorem ipsum
+++++
+<div class="card-row two-column-row">
+++++
+
+[.column]
+====== {empty}
+.Lorem ipsum
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+[]
+xref:#[Lorem ipsum]
+
+[.column]
+====== {empty}
+
+.Lorem ipsum
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet
+[]
+xref:#[Lorem ipsum]
+
+[.column]
+====== {empty}
+.Lorem ipsum
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+
+[]
+xref:#[Lorem ipsum]
+
+[.column]
+====== {empty}
+.Lorem ipsum
+
+video::n1e6kV_kPKo[youtube]
+
+Lorem ipsum dolor sit amet, consetetur
+xref:#[sadipscing elitr]
+
+
+++++
+</div>
+++++
diff --git a/preview-src/landing-page-sdk.adoc b/preview-src/landing-page-sdk.adoc
index d8a04df2..ef435861 100644
--- a/preview-src/landing-page-sdk.adoc
+++ b/preview-src/landing-page-sdk.adoc
@@ -1,4 +1,106 @@
 = Couchbase SDK
 :page-layout: landing-page-sdk
 :page-role: tiles
-:!sectids:
\ No newline at end of file
+:!sectids:
+
+
+= SDK
+++++
+<div class="card-row">
+++++
+
+[.column]
+====== {empty}
+[.content]
+The Couchbase SDK allows applications to access a Couchbase cluster. It offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
+
+[.column]
+====== {empty}
+[.media-left]
+image::sdk-icon.svg[]
+
+++++
+</div>
+++++
+
+== Languages
+++++
+<div class="card-row two-column-row">
+++++
+
+[.column]
+====== {empty}
+.C SDK
+
+[.content]
+The Couchbase C SDK (libcouchbase) enables C and C++ programs to access a Couchbase Server cluster. The C SDK is also commonly used as a core dependency of SDKs written in other language to provide a common implementation and high performance.
+[]
+xref:#[Start Using the C SDK]
+
+[.column]
+====== {empty}
+
+..NET SDK
+[.content]
+The .NET SDK enables you to interact with a Couchbase Server cluster from the .NET Framework using any Common Language Runtime (CLR) language, including C#, F#, and VB.NET. It offers both a traditional synchronous API and an asynchronous API based on the Task-based Asynchronous Pattern (TAP).
+[]
+xref:#[Start Using the .NET SDK]
+
+[.column]
+====== {empty}
+.Go SDK
+
+[.content]
+The Couchbase Go SDK allows you to connect to a Couchbase Server cluster from Go. The Go SDK is a native Go library and uses the high-performance gocbcore to handle communicating to the cluster over Couchbase’s binary protocols.
+[]
+xref:#[Start Using the Go SDK]
+
+[.column]
+====== {empty}
+.Java SDK
+
+[.content]
+The Java SDK allows Java applications to access a Couchbase Server cluster. The Java SDK offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
+[]
+xref:#[Start Using the Java SDK]
+
+[.column]
+====== {empty}
+.Node.js SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+[]
+xref:#[Start Using the Node.js SDK]
+
+[.column]
+====== {empty}
+.PHP SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+[]
+xref:#[Start Using the PHP SDK]
+
+[.column]
+====== {empty}
+.Python SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
+[]
+xref:#[Start Using the Python SDK]
+
+[.column]
+====== {empty}
+.Scala SDK
+
+[.content]
+Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
+[]
+xref:#[Start Using the Scala SDK]
+
+
+++++
+</div>
+++++
\ No newline at end of file
diff --git a/preview-src/sdk-icon.svg b/preview-src/sdk-icon.svg
new file mode 100644
index 00000000..c515c8ea
--- /dev/null
+++ b/preview-src/sdk-icon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="146.263" height="130" viewBox="0 0 146.263 130"><defs><style>.a{fill:#0074e0;}</style></defs><path class="a" d="M60.527,129.959a1.98,1.98,0,0,0,2.542-1.27L98.9,5.425a2.1,2.1,0,0,0-1.27-2.541L87.72.088A2.1,2.1,0,0,0,85.18,1.359L49.344,124.622a2.039,2.039,0,0,0,1.525,2.541ZM39.432,99.207l6.862-7.371a1.994,1.994,0,0,0,0-2.8L19.355,64.9l26.94-23.89a1.994,1.994,0,0,0,0-2.8l-6.862-7.37a2.013,2.013,0,0,0-2.8-.254L1.564,63.626a1.994,1.994,0,0,0,0,2.8L36.637,99.207A2,2,0,0,0,39.432,99.207Zm72.179,0,35.072-32.786a1.994,1.994,0,0,0,0-2.8L111.611,30.586a2.013,2.013,0,0,0-2.8.254l-6.862,7.37a2,2,0,0,0,0,2.8L128.894,64.9,101.953,89.041a2,2,0,0,0,0,2.8l6.862,7.371A2,2,0,0,0,111.611,99.207Z" transform="translate(-0.992 -0.023)"/></svg>
\ No newline at end of file
diff --git a/src/css/landing-page.css b/src/css/landing-page.css
index 849d66dc..773e3205 100644
--- a/src/css/landing-page.css
+++ b/src/css/landing-page.css
@@ -7,6 +7,11 @@
   margin-bottom: 15px;
 }
 
+.doc.landing-page-doc h1.sect0 {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
 .doc.landing-page-doc .text-color-brand-blue {
   color: var(--color-brand-blue);
 }
@@ -78,7 +83,19 @@
 }
 
 .card-row.three-column-row .column {
-  flex-basis: 25%;
+  flex-basis: 33%;
+  padding-right: var(--column-space);
+  padding-left: var(--column-space);
+}
+
+.card-row.three-column-row .column:first-child,
+.card-row.three-column-row .column:nth-child(3n+1) {
+  padding-left: 0;
+}
+
+.card-row.three-column-row .column:last-child,
+.card-row.three-column-row .column:nth-child(3n) {
+  padding-right: 0;
 }
 
 .card-row .three-column-row + .column {
@@ -89,11 +106,13 @@
   border-left: 1px solid var(--color-brand-gray5);
 }
 
-.doc.landing-page-doc h3 {
+.doc.landing-page-doc h3,
+.landing-page-doc .column .title {
   font-size: 1.5rem;
   line-height: 130%;
   color: var(--color-brand-black);
-  margin: 0;
+  margin: 0 0 8px;
+  letter-spacing: -0.025rem;
 }
 
 .doc.landing-page-doc .text-color-brand-blue-secondary {
@@ -128,11 +147,16 @@
 
 .doc.landing-page-doc .media-left {
   margin-left: 40px;
-  width: 100px;
+  width: 115px;
   margin-top: 0;
+  border: 0;
+  box-shadow: none;
+  padding: 0;
 }
 
-.doc.landing-page-doc .paragraph {
+.doc.landing-page-doc .column .paragraph,
+.doc.landing-page-doc .column .videoblock,
+.doc.landing-page-doc .column .imageblock {
   margin-top: 0;
 }
 
@@ -219,6 +243,7 @@
 .doc.landing-page-doc iframe {
   width: 100%;
   height: 315px;
+  margin-top: 8px;
 }
 
 /* CSS for nav filter */
diff --git a/src/partials/body-landing-core-concept.hbs b/src/partials/body-landing-core-concept.hbs
index 29bd5672..f994c768 100644
--- a/src/partials/body-landing-core-concept.hbs
+++ b/src/partials/body-landing-core-concept.hbs
@@ -1,167 +1,7 @@
 <div class="body container">
   <main class="article" data-ceiling="topbar">
     <article class="doc landing-page-doc">
-      <h1 class="page"> Core Concepts </h1>
-      <div class="card-row">
-        <div class="column">
-          <div class="paragraph">
-            <p>
-              Couchbase Server is an open source, distributed, NoSQL document-oriented engagement database.
-               It exposes a fast key-value store with managed cache for sub-millisecond data operations,
-               purpose-built indexers for fast queries and a powerful query engine for executing SQL-like queries.
-            </p>
-          </div>
-        </div>
-        <div class="column">
-          <figure class="media-left">
-            <img src="_/img/database-icon.svg" alt="" />
-          </figure>
-        </div>
-      </div>
-
-       <div class="heading">
-          <h2>Install and Deploy  </h2>
-        </div>
-      <div class="card-row three-column-row ">
-        <div class="column">
-          <div class="sub-heading">
-            <h3>Before You Begin </h3>
-          </div>
-          <ul class="list-group">
-            <li><a href="#"> System Requirements</a></li>
-            <li><a href="#"> Production Checklist</a></li>
-
-          </ul>
-        </div>
-         <div class="column">
-          <div class="sub-heading">
-            <h3>Installation </h3>
-          </div>
-          <ul class="list-group">
-            <li><a href="#"> Install on Linux </a></li>
-            <li><a href="#"> Install on Windows </a></li>
-              <li><a href="#"> Install on macOS</a></li>
-
-          </ul>
-        </div>
-         <div class="column">
-          <div class="sub-heading">
-            <h3>Deployment </h3>
-          </div>
-          <ul class="list-group">
-            <li><a href="#"> Sizing a Cluster</a></li>
-            <li><a href="#"> Create a Cluster </a></li>
-
-          </ul>
-        </div>
-      </div>
-
-      <div class="heading">
-          <h2> Learn  </h2>
-        </div>
-
-      <div class="card-row three-column-row ">
-        <div class="column">
-          <div class="sub-heading">
-            <h3>Data</h3>
-          </div>
-          <ul class="list-group">
-            <li><a href="#"> Introduction to Couchbase Server </a></li>
-            <li><a href="#"> Buckets and Collections </a></li>
-             <li><a href="#"> Data Model </a></li>
-
-          </ul>
-        </div>
-         <div class="column">
-          <div class="sub-heading">
-            <h3>Buckets and Storage </h3>
-          </div>
-          <ul class="list-group">
-            <li><a href="#"> Installation </a></li>
-            <li><a href="#"> Create a Cluster </a></li>
-
-          </ul>
-        </div>
-         <div class="column">
-          <div class="sub-heading">
-            <h3>Security </h3>
-          </div>
-          <ul class="list-group">
-            <li><a href="#"> Authentication </a></li>
-            <li><a href="#"> Authorization </a></li>
-             <li><a href="#"> Encryption </a></li>
-
-          </ul>
-        </div>
-      </div>
-
-
-         <div class="heading">
-          <h2> Lorem ipsum </h2>
-        </div>
-
-        <div class="card-row two-column-row ">
-            <div class="column">
-                <div class="sub-heading">
-                  <h3>Lorem ipsum</h3>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
-                    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-                      sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
-                      Stet clita kasd gubergren,
-                    no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <a href="#"> Lorem ipsum </a>
-            </div>
-             <div class="column">
-                <div class="sub-heading">
-                  <h3>Lorem ipsum</h3>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
-                    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-                      sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
-                      Stet clita kasd gubergren,
-                    no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <a href="#"> Lorem ipsum </a>
-            </div>
-             <div class="column">
-                <div class="sub-heading">
-                  <h3>Lorem ipsum</h3>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr,
-                    sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat,
-                      sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.
-                      Stet clita kasd gubergren,
-                    no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <a href="#"> Lorem ipsum </a>
-            </div>
-             <div class="column">
-                <div class="sub-heading">
-                  <h3>Lorem ipsum</h3>
-                </div>
-                <div class="content">
-                    <iframe   src="https://www.youtube.com/embed/n1e6kV_kPKo" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen>
-                    </iframe>
-                </div>
-                <a href="#"> Lorem ipsum </a>
-            </div>
-
-          </div>
-
-
-
-
+          {{{page.contents}}}
 
     </article>
   </main>
diff --git a/src/partials/body-landing-sdk.hbs b/src/partials/body-landing-sdk.hbs
index c7717fe3..318d51bd 100644
--- a/src/partials/body-landing-sdk.hbs
+++ b/src/partials/body-landing-sdk.hbs
@@ -1,130 +1,8 @@
 <div class="body container">
   <main class="article" data-ceiling="topbar">
     <article class="doc landing-page-doc">
-      <h1 class="page"> SDK </h1>
-      <div class="card-row">
-        <div class="column">
-          <div class="paragraph">
-            <p>
-
-             The Couchbase SDK allows applications to access a Couchbase cluster. It offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
-
-            </p>
-          </div>
-        </div>
-        <div class="column">
-          <figure class="media-left">
-            <img src="_/img/landing-page-icon/sdk-icon.svg" alt="" />
-          </figure>
-        </div>
-      </div>
-
-         <div class="heading">
-          <h2> Languages </h2>
-        </div>
-
-        <div class="card-row two-column-row ">
-            <div class="column">
-                <div class="sub-heading">
-                  <h3>C SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                    The Couchbase C SDK (libcouchbase) enables C and C++ programs to access a Couchbase Server cluster. The C SDK is also commonly used as a core dependency of SDKs written in other language to provide a common implementation and high performance.
-                  </p>
-                </div>
-                <a href="#"> Start Using the Go SDK</a>
-            </div>
-
-            <div class="column">
-                <div class="sub-heading">
-                  <h3>.NET SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-The .NET SDK enables you to interact with a Couchbase Server cluster from the .NET Framework using any Common Language Runtime (CLR) language, including C#, F#, and VB.NET. It offers both a traditional synchronous API and an asynchronous API based on the Task-based Asynchronous Pattern (TAP).
-
-                  </p>
-                </div>
-                <a href="#"> Start Using the .NET SDK</a>
-            </div>
-
-            <div class="column">
-                <div class="sub-heading">
-                  <h3>Go SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                   The Couchbase Go SDK allows you to connect to a Couchbase Server cluster from Go. The Go SDK is a native Go library and uses the high-performance gocbcore to handle communicating to the cluster over Couchbase’s binary protocols.
-                  </p>
-                </div>
-                <a href="#"> Start Using the Go SDK </a>
-            </div>
-
-            <div class="column">
-                <div class="sub-heading">
-                  <h3>Java SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                   The Java SDK allows Java applications to access a Couchbase Server cluster. The Java SDK offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
-                  </p>
-                </div>
-                <a href="#"> Start Using the Java SDK</a>
-            </div>
-             <div class="column">
-                <div class="sub-heading">
-                  <h3>Node.js SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem.
-                  </p>
-                </div>
-                <a href="#"> Start Using the Node.js SDK</a>
-            </div>
-             <div class="column">
-                <div class="sub-heading">
-                  <h3>PHP SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-                  </p>
-                </div>
-                <a href="#"> Start Using the PHP SDK</a>
-            </div>
-             <div class="column">
-                <div class="sub-heading">
-                  <h3>Python SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-                  </p>
-                </div>
-                <a href="#"> Start Using the Python SDK</a>
-            </div>
-              <div class="column">
-                <div class="sub-heading">
-                  <h3>Scala SDK</h3>
-                </div>
-                <div class="content">
-                  <p>
-                   Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet
-                  </p>
-                </div>
-                <a href="#"> Start Using the Scala SDK</a>
-            </div>
-
-
-
-
-          </div>
-
-
-
 
+      {{{page.contents}}}
 
     </article>
   </main>
diff --git a/src/partials/body-landing-tutorials_copy.hbs b/src/partials/body-landing-tutorials_copy.hbs
deleted file mode 100644
index 485ad568..00000000
--- a/src/partials/body-landing-tutorials_copy.hbs
+++ /dev/null
@@ -1,370 +0,0 @@
-
-  <main class="article" data-ceiling="topbar">
-    <article class="doc landing-page-doc">
-      <h1 class="page"> Couchbase Tutorials </h1>
-      <div class="card-row">
-        <div class="column">
-          <div class="paragraph">
-            <p>
-
-             The Couchbase SDK allows applications to access a Couchbase cluster. It offers traditional synchronous APIs as well as scalable asynchronous APIs to maximize performance.
-
-            </p>
-          </div>
-        </div>
-        <div class="column">
-          <figure class="media-left">
-            <img src="_/img/landing-page-icon/book-reader-icon.svg" alt="" />
-          </figure>
-        </div>
-      </div>
-
-         <div class="heading">
-          <h2> Tutorials </h2>
-        </div>
-
-        <div class="card-row two-column-row ">
-            <div class="column">
-                <div class="sub-heading two-column-heading">
-                  <h3 class="text-color-brand-blue-secondary">Lorem ipsum</h3>
-                  <div class="filter-info">
-                    <h5>
-                      <img src="_/img/landing-page-icon/advanced-icon.svg" alt="" />
-                       Advanced</h5>
-                    <span>Developer</span>
-                  </div>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <div class="other-info-list">
-                  <div class="box">
-                    <ul>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-                    </ul>
-                  </div>
-                  <div class="box">
-                    <h5>
-                      Components
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                    <div class="box">
-                    <h5>
-                      Languages
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                </div>
-            </div>
-            <div class="column">
-                <div class="sub-heading two-column-heading">
-                  <h3 class="text-color-brand-blue">Lorem ipsum</h3>
-                  <div class="filter-info">
-                    <h5>  <img src="_/img/landing-page-icon/Intermediate-icon.svg" alt="" /> Intermediate</h5>
-                    <span>DevOps</span>
-                  </div>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <div class="other-info-list">
-                  <div class="box">
-                    <ul>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-
-                    </ul>
-                  </div>
-                  <div class="box">
-                    <h5>
-                      Components
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                    <div class="box">
-                    <h5>
-                      Languages
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-
-                    </ul>
-                  </div>
-                </div>
-            </div>
-            <div class="column">
-                <div class="sub-heading two-column-heading">
-                  <h3 class="text-color-brand-blue">Lorem ipsum</h3>
-                  <div class="filter-info">
-                    <h5>  <img src="_/img/landing-page-icon/Intermediate-icon.svg" alt="" /> Intermediate</h5>
-                    <span>Developer</span>
-                  </div>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <div class="other-info-list">
-                  <div class="box">
-                    <ul>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-
-                    </ul>
-                  </div>
-                  <div class="box">
-                    <h5>
-                      Components
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-
-                    </ul>
-                  </div>
-                    <div class="box">
-                    <h5>
-                      Languages
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-
-                    </ul>
-                  </div>
-                </div>
-            </div>
-            <div class="column">
-                <div class="sub-heading two-column-heading">
-                  <h3 class="text-color-brand-blue">Lorem ipsum</h3>
-                  <div class="filter-info">
-                    <h5>  <img src="_/img/landing-page-icon/beginner-icon.svg" alt="" /> Beginner</h5>
-                    <span>Architect</span>
-                  </div>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <div class="other-info-list">
-                  <div class="box">
-                    <ul>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-
-                    </ul>
-                  </div>
-                  <div class="box">
-                    <h5>
-                      Components
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                    <div class="box">
-                    <h5>
-                      Languages
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                </div>
-            </div>
-            <div class="column">
-              <div class="sub-heading two-column-heading">
-                <h3 class="text-color-brand-blue">Lorem ipsum</h3>
-                <div class="filter-info">
-                  <h5> <img src="_/img/landing-page-icon/Intermediate-icon.svg" alt="" /> Intermediate</h5>
-                  <span>Developer</span>
-                </div>
-              </div>
-              <div class="content">
-                <p>
-                  Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-                </p>
-              </div>
-              <div class="other-info-list">
-                <div class="box">
-                  <ul>
-                    <li>
-                      <a href="#">Lorem ipsum</a>
-                    </li>
-                    <li>
-                      <a href="#">Lorem ipsum</a>
-                    </li>
-
-                  </ul>
-                </div>
-                <div class="box">
-                  <h5>
-                    Components
-                  </h5>
-                    <ul>
-                      <li>
-                          Lorem ipsum
-                      </li>
-                      <li>
-                          Lorem ipsum
-                      </li>
-                      <li>
-                          Lorem ipsum
-                      </li>
-                  </ul>
-                </div>
-                  <div class="box">
-                  <h5>
-                    Languages
-                  </h5>
-                    <ul>
-                      <li>
-                          Lorem ipsum
-                      </li>
-
-                  </ul>
-                </div>
-              </div>
-            </div>
-            <div class="column">
-                <div class="sub-heading two-column-heading">
-                  <h3 class="text-color-brand-blue">Lorem ipsum</h3>
-                  <div class="filter-info">
-                    <h5> <img src="_/img/landing-page-icon/advanced-icon.svg" alt="" /> Advanced </h5>
-                    <span>Architect</span>
-                  </div>
-                </div>
-                <div class="content">
-                  <p>
-                    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem
-                  </p>
-                </div>
-                <div class="other-info-list">
-                  <div class="box">
-                    <ul>
-                      <li>
-                        <a href="#">Lorem ipsum</a>
-                      </li>
-
-                    </ul>
-                  </div>
-                  <div class="box">
-                    <h5>
-                      Components
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                    <div class="box">
-                    <h5>
-                      Languages
-                    </h5>
-                      <ul>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                        <li>
-                            Lorem ipsum
-                        </li>
-                    </ul>
-                  </div>
-                </div>
-            </div>
-
-          </div>
-
-
-
-
-
-    </article>
-  </main>