diff --git a/ungleich_page/static/ungleich_page/css/ungleich.css b/ungleich_page/static/ungleich_page/css/ungleich.css
index 40ddf2fd..fc8a460e 100644
--- a/ungleich_page/static/ungleich_page/css/ungleich.css
+++ b/ungleich_page/static/ungleich_page/css/ungleich.css
@@ -111,3 +111,18 @@
     paddding: 10px;
   }
 }
+
+.header_slider {
+    height: 100vh;
+}
+
+.header_slider > .carousel {
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    align-items: stretch;
+}
+
+.header_slider > .carousel .item {
+    padding-top: 150px;
+}
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/includes/_header.html b/ungleich_page/templates/ungleich_page/includes/_header.html
index a86f2f24..996b297c 100644
--- a/ungleich_page/templates/ungleich_page/includes/_header.html
+++ b/ungleich_page/templates/ungleich_page/includes/_header.html
@@ -1,17 +1,36 @@
 {% load static %}
 {% load i18n %}
 
-<header>
-    <div class="container">
-		<div class="intro-text">
-		  <img  src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300" />
-		  <p></p><p></p><br>
-		  <div class="intro-cap">
-		    <span class="intro-cap">
-		      {% trans "We  Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %} 
-		    </span>
-		  </div>
+<header class="header_slider">
+  <div id="carousel-header-ungleich" class="carousel slide" data-ride="carousel" data-interval="5000">
+    <!-- Indicators -->
+    <ol class="carousel-indicators">
+      <li data-target="#carousel-header-ungleich" data-slide-to="0" class="active"></li>
+      <li data-target="#carousel-header-ungleich" data-slide-to="1"></li>
+      <li data-target="#carousel-header-ungleich" data-slide-to="2"></li>
+    </ol>
 
-		</div>
+    <!-- Wrapper for slides -->
+    <div class="carousel-inner" role="listbox">
+      <div class="item active">
+        <div class="container">
+    			<div>
+    			  <img src="{% static 'ungleich_page/img/logo_200x200.svg'%}" heigh="300" alt="" class="logo-image" img-responsive="" width="300" />
+    			  <p></p><p></p><br>
+    			  <div class="intro-cap">
+    			    <span class="intro-cap">
+    			      {% trans "We  Design, Configure &amp; Maintain <br> Your Linux Infrastructure " %}
+    			    </span>
+    			  </div>
+    			</div>
+        </div>
+      </div>
+      <div class="item">
+        <h1 style="color: #fff; margin-top: 150px;">slide 2</h1>
+      </div>
+      <div class="item">
+        <h1 style="color: #fff; margin-top: 150px;">slide 3</h1>
+      </div>
     </div>
+  </div>
 </header>
\ No newline at end of file