diff --git a/html/landingpage.html b/html/landingpage.html
index 1cec404..fec5a7a 100644
--- a/html/landingpage.html
+++ b/html/landingpage.html
@@ -5,12 +5,17 @@
     <meta charset="utf-8">
     <title>THE ADVERSARY</title>
     <link rel="stylesheet" href="../sass/index.css">
+
+    <link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@400;500&family=Roboto:wght@400;700&display=swap" rel="stylesheet">
+
   </head>
 
   <body>
-
+    
     <div class="navigation">
-      <a href="#">HOME</a>
+      <img id="logo" src="../img/logodark.svg"> 
       <a href="#">LINUX</a>
       <a href="#">OPEN SOURCE</a>
       <a href="#">OPINION</a>
@@ -19,92 +24,76 @@
 
     <div class="content">
       <div class="articles">
+
         <a href="#">
           <div class="article">
             <div class="article-header">
-              <h3>The World is Burning</h3>
+              <h3>Java is trash, and here is the proof.</h3>
+            </div>
+            <div class="article-description"> 
+              <p>OPINION   DAVID   15.12.2021</p>
             </div>
             <div class="article-body">
-              <p>SomeText</p>
+              <p>After a recent vulnerability voices get louder that demand to retire the language.</p>
             </div>
           </div>
         </a>
+
+        <div class="divider"></div>
+
         <a href="#">
           <div class="article">
             <div class="article-header">
-              <h3>The World is Burning</h3>
+              <h3>Render fractals on canvas with WASM.</h3>
+            </div>
+            <div class="article-description"> 
+              <p>PROGRAMMING  DAVID   15.12.2021</p>
             </div>
             <div class="article-body">
-              <p>SomeText</p>
+              <p>Learn how to render mandelbrot fractals with web assembly.</p>
             </div>
           </div>
         </a>
+
+        <div class="divider"></div>
+
         <a href="#">
           <div class="article">
             <div class="article-header">
-              <h3>The World is Burning</h3>
+              <h3>Write directly to the framebuffer with Rust.</h3>
+            </div>
+            <div class="article-description"> 
+              <p>LINUX   DAVID   15.12.2021</p>
             </div>
             <div class="article-body">
-              <p>SomeText</p>
+              <p>Learn how to access the framebuffer with Rust.</p>
             </div>
           </div>
         </a>
+
+        <div class="divider"></div>
+
         <a href="#">
           <div class="article">
             <div class="article-header">
-              <h3>The World is Burning</h3>
+              <h3>Kobalt a simple webserver for testing.</h3>
+            </div>
+            <div class="article-description"> 
+              <p>OPEN SOURCE   DAVID   15.12.2021</p>
             </div>
             <div class="article-body">
-              <p>SomeText</p>
-            </div>
-          </div>
-        </a>
-        <a href="#">
-          <div class="article">
-            <div class="article-header">
-              <h3>The World is Burning</h3>
-            </div>
-            <div class="article-body">
-              <p>SomeText</p>
-            </div>
-          </div>
-        </a>
-        <a href="#">
-          <div class="article">
-            <div class="article-header">
-              <h3>The World is Burning</h3>
-            </div>
-            <div class="article-body">
-              <p>SomeText</p>
-            </div>
-          </div>
-        </a>
-        <a href="#">
-          <div class="article">
-            <div class="article-header">
-              <h3>The World is Burning</h3>
-            </div>
-            <div class="article-body">
-              <p>SomeText</p>
-            </div>
-          </div>
-        </a>
-        <a href="#">
-          <div class="article">
-            <div class="article-header">
-              <h3>The World is Burning</h3>
-            </div>
-            <div class="article-body">
-              <p>SomeText</p>
+              <p>Meet kobalt, the new fast and simple production ready webserver.</p>
             </div>
           </div>
         </a>
+        
       </div>
     </div>
   </body>
 
   <footer>
     <div class="foot">
+      <a>ABOUT</a>
       <a>IMPRESSUM</a>
       <a>CONTACT</a>
     </div>
