diff --git a/docs/2022/09/20/how-to-create-githubpage.html b/docs/2022/09/20/how-to-create-githubpage.html
index dde484a..4ac84a3 100644
--- a/docs/2022/09/20/how-to-create-githubpage.html
+++ b/docs/2022/09/20/how-to-create-githubpage.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/404.html b/docs/404.html
index 77c636e..e26b2de 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/about.html b/docs/about.html
index a3f3838..37dd7c5 100644
--- a/docs/about.html
+++ b/docs/about.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
@@ -31,12 +31,17 @@
 </div>
         <div class="mainDiv">
     <h1>About</h1>
-    <p> 
-        What's uuuuuuuuuuuuuuuuuuuuuuuup!<br>
-        My name is Aaron and I'm studying <a href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte" target="_blank">Applied Computer Science</a> at the <a href="https://www.hs-offenburg.de/" target="_blank">University of Applied Science Offenburg</a>.<br>
-        This is my first approach of a website using Jekyll.<br>
-        <img src="/website/pictures/IMG_1417.jpg" alt="Face Aaron">
-    </p>
+    <div class="w3-card">
+        <img src="/website/pictures/IMG_1417.jpg" alt="Aaron Picture 2020">
+        <div class="w3-container">
+            <h4><b>Aaron</b></h4>
+            <p>
+                What's uuuuuuuuuuuuuuuuuuuuuuuup! 
+                I'm studying <a href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte" target="_blank">Applied Computer Science</a> at the <a href="https://www.hs-offenburg.de/" target="_blank">University of Applied Science Offenburg</a>. 
+                This is my first approach of a website using Jekyll.
+            </p>
+        </div>
+    </div>
 </div>
         <div id="navbarBottom" class="w3-bar w3-bottom w3-black">
     
diff --git a/docs/accessibility.html b/docs/accessibility.html
index e57ce1c..915f155 100644
--- a/docs/accessibility.html
+++ b/docs/accessibility.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/blog.html b/docs/blog.html
index a699e39..cb5e9ad 100644
--- a/docs/blog.html
+++ b/docs/blog.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/feed.xml b/docs/feed.xml
index 456eb58..71d41cd 100644
--- a/docs/feed.xml
+++ b/docs/feed.xml
@@ -1,4 +1,4 @@
-<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-26T12:10:07+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt;
+<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom" ><generator uri="https://jekyllrb.com/" version="3.9.2">Jekyll</generator><link href="/feed.xml" rel="self" type="application/atom+xml" /><link href="/" rel="alternate" type="text/html" /><updated>2022-09-26T17:39:33+02:00</updated><id>/feed.xml</id><title type="html">Mr.</title><subtitle>Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.</subtitle><entry><title type="html">2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages</title><link href="/2022/09/20/how-to-create-githubpage.html" rel="alternate" type="text/html" title="2022 Week 38 How to create a static website with Jekyll and deploy it on GitHubPages" /><published>2022-09-20T00:00:00+02:00</published><updated>2022-09-20T00:00:00+02:00</updated><id>/2022/09/20/how-to-create-githubpage</id><content type="html" xml:base="/2022/09/20/how-to-create-githubpage.html">&lt;div class=&quot;outerDiv&quot;&gt;
     &lt;div id=&quot;prerequisits&quot;&gt;
         &lt;h3&gt;Prerequisits&lt;/h3&gt;
         Install &lt;a href=&quot;https://git-scm.com/downloads&quot; target=&quot;_blank&quot;&gt;Git&lt;/a&gt;&lt;br&gt;
diff --git a/docs/imprint.html b/docs/imprint.html
index 0ffcf65..a52d69f 100644
--- a/docs/imprint.html
+++ b/docs/imprint.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/index.html b/docs/index.html
index 6e2595f..a29c8db 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/privacy.html b/docs/privacy.html
index 4f3ffc4..f3aa9d9 100644
--- a/docs/privacy.html
+++ b/docs/privacy.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/docs/terms.html b/docs/terms.html
index 00cb58d..31838ca 100644
--- a/docs/terms.html
+++ b/docs/terms.html
@@ -11,11 +11,11 @@
     <body>
         <div id="navbarTop" class="w3-bar w3-top w3-black">
     
-        <a href="/website/index.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Home</a>
+        <a href="/website/index.html"  class="w3-bar-item w3-button">Home</a>
     
-        <a href="/website/about.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">About</a>
+        <a href="/website/about.html"  class="w3-bar-item w3-button">About</a>
     
-        <a href="/website/blog.html"  class="w3-bar-item w3-button w3-hover-vivid-bluish-green">Blog</a>
+        <a href="/website/blog.html"  class="w3-bar-item w3-button">Blog</a>
     
     
         <a href="https://github.com/WickedJack99"  class="w3-bar-item w3-button w3-right"><i class='fa fa-github' style='color:#ffffff'></i></a>
diff --git a/localdocs/_includes/navigation.html b/localdocs/_includes/navigation.html
index e68c358..118ea6f 100644
--- a/localdocs/_includes/navigation.html
+++ b/localdocs/_includes/navigation.html
@@ -1,6 +1,6 @@
 <div id="navbarTop" class="w3-bar w3-top w3-black">
     {% for item in site.data.navigation %}
-        <a href="{{ item.link }}" {% if page.url == item.link %} class="current" {% endif %} class="w3-bar-item w3-button w3-hover-vivid-bluish-green">{{ item.name }}</a>
+        <a href="{{ item.link }}" {% if page.url == item.link %} class="current" {% endif %} class="w3-bar-item w3-button">{{ item.name }}</a>
     {% endfor %}
     {% for item in site.data.socialMedia %}
         <a href="{{ item.link }}" {% if page.url == item.link %} class="current" {% endif %} class="w3-bar-item w3-button w3-right">{{ item.icon }}</a>
diff --git a/localdocs/about.html b/localdocs/about.html
index 64ffa92..02509f7 100644
--- a/localdocs/about.html
+++ b/localdocs/about.html
@@ -5,10 +5,15 @@ css_file: styles.css
 ---
 <div class="mainDiv">
     <h1>About</h1>
-    <p> 
-        What's uuuuuuuuuuuuuuuuuuuuuuuup!<br>
-        My name is Aaron and I'm studying <a href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte" target="_blank">Applied Computer Science</a> at the <a href="https://www.hs-offenburg.de/" target="_blank">University of Applied Science Offenburg</a>.<br>
-        This is my first approach of a website using Jekyll.<br>
-        <img src="/website/pictures/IMG_1417.jpg" alt="Face Aaron">
-    </p>
+    <div class="w3-card">
+        <img src="/website/pictures/IMG_1417.jpg" alt="Aaron Picture 2020">
+        <div class="w3-container">
+            <h4><b>Aaron</b></h4>
+            <p>
+                What's uuuuuuuuuuuuuuuuuuuuuuuup! 
+                I'm studying <a href="https://www.hs-offenburg.de/en/studium/studiengaenge/bachelor/angewandte-informatik/studieninteressierte" target="_blank">Applied Computer Science</a> at the <a href="https://www.hs-offenburg.de/" target="_blank">University of Applied Science Offenburg</a>. 
+                This is my first approach of a website using Jekyll.
+            </p>
+        </div>
+    </div>
 </div>
\ No newline at end of file
