diff --git a/index.twig b/index.twig
index 55a5de6..a80c084 100644
--- a/index.twig
+++ b/index.twig
@@ -54,6 +54,24 @@
             </div>
         </div>
     </nav>
+    <!-- Header-->
+    <header class="bg-dark py-5">
+        <div class="container px-5">
+            <div class="row gx-5 justify-content-center">
+                <div class="col-lg-6">
+                    <div class="text-center my-5">
+                        <h1 class="display-5 fw-bolder text-white mb-2">Present your business in a whole new way</h1>
+                        <p class="lead text-white-50 mb-4">Quickly design and customize responsive mobile-first sites with Bootstrap, the world’s most popular front-end open source toolkit!</p>
+                        <div class="d-grid gap-3 d-sm-flex justify-content-sm-center">
+                            <a class="btn btn-primary btn-lg px-4 me-sm-3" href="#features">Get Started</a>
+                            <a class="btn btn-outline-light btn-lg px-4" href="#!">Learn More</a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </header>
+    
 
     <div id="header" role="banner" style="background-image: url('{{ pages["_meta"].meta.headerbg|url }}'); background-position: center; background-repeat: no-repeat; background-size: cover;">
         <div class="container">