diff --git a/brancher/homepage/templates/homepage/base.html b/brancher/homepage/templates/homepage/base.html
index e69de29..7f19ede 100644
--- a/brancher/homepage/templates/homepage/base.html
+++ b/brancher/homepage/templates/homepage/base.html
@@ -0,0 +1,49 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html>
+
+<head>
+  <title>Brancher</title>
+
+  <meta charset="utf-8">
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
+  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
+  <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
+  <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
+  <script src="{% static 'homepage/js/main.js' %}" type="text/javascript"></script>
+  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
+  <link rel="stylesheet" type="text/css" href="{% static 'homepage/css/styles.css' %}">
+  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat|Cardo' type='text/css'>
+  <link rel="stylesheet" type="text/css" href="{% static 'homepage/css/slider.css' %}" />
+  <link rel="stylesheet" href="{% static 'homepage/css/influencecompstyle.css' %}">
+  <link rel="icon" type="image/x-icon" href="{% static 'homepage/css/res/inverse_branch.svg' %}"/>
+</head>
+
+<body>
+  <nav class="navbar page-section navbar-expand-lg navbar-dark fixed-top" id="mainNav">
+      <div class="container">
+          <a class="navbar-brand js-scroll-trigger" href="index.html"><img src="{% static 'homepage/css/res/brancher_logo_v2_white.png' %}" alt="" /></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ml-1"></i></button>
+          <div class="collapse navbar-collapse" id="navbarResponsive">
+              <ul class="navbar-nav text-uppercase ml-auto">
+                  <li><a href="{% url 'homepage-about' %}">About</a></li>
+                  <li><a href="{% url 'homepage-services' %}">Services</a></li>
+                  <li><a href="{% url 'homepage-companies' %}">Companies</a></li>
+                  <li><a href="{% url 'homepage-influencer' %}">Influencers</a></li>
+                  <li><a href="{% url 'login' %}">Login</a></li>
+              </ul>
+          </div>
+      </div>
+  </nav>
+  {% block content %} {% endblock %}
+
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
+  <!-- Third party plugin JS-->
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
+  <!-- Core theme JS-->
+  <script src="{% static 'homepage/js/compjs.js' %}"></script>
+</body>
+
+</html>
diff --git a/brancher/homepage/templates/homepage/index.html b/brancher/homepage/templates/homepage/index.html
index 99f96da..2183b1b 100644
--- a/brancher/homepage/templates/homepage/index.html
+++ b/brancher/homepage/templates/homepage/index.html
@@ -1,42 +1,6 @@
+{% extends "homepage/base.html" %}
 {% load static %}
-
-<!DOCTYPE html>
-<html>
-
-<head>
-  <title>Brancher</title>
-
-  <meta charset="utf-8">
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
-  <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
-  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
-  <script src="https://code.iconify.design/1/1.0.7/iconify.min.js"></script>
-  <script src="https://use.fontawesome.com/releases/v5.13.0/js/all.js" crossorigin="anonymous"></script>
-  <script src="{% static 'homepage/js/main.js' %}" type="text/javascript"></script>
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-  <link rel="stylesheet" type="text/css" href="{% static 'homepage/css/styles.css' %}">
-  <link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Montserrat|Cardo' type='text/css'>
-  <link rel="stylesheet" type="text/css" href="{% static 'homepage/css/slider.css' %}" />
-  <link rel="stylesheet" href="{% static 'homepage/css/influencecompstyle.css' %}">
-  <link rel="icon" type="image/x-icon" href="{% static 'homepage/css/res/inverse_branch.svg' %}"/>
-</head>
-
-<body>
-  <nav class="navbar page-section navbar-expand-lg navbar-dark fixed-top" id="mainNav">
-      <div class="container">
-          <a class="navbar-brand js-scroll-trigger" href="index.html"><img src="{% static 'homepage/css/res/brancher_logo_v2_white.png' %}" alt="" /></a><button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">Menu<i class="fas fa-bars ml-1"></i></button>
-          <div class="collapse navbar-collapse" id="navbarResponsive">
-              <ul class="navbar-nav text-uppercase ml-auto">
-                  <li><a href="{% url 'homepage-about' %}">About</a></li>
-                  <li><a href="{% url 'homepage-services' %}">Services</a></li>
-                  <li><a href="{% url 'homepage-companies' %}">Companies</a></li>
-                  <li><a href="{% url 'homepage-influencer' %}">Influencers</a></li>
-                  <li><a href="{% url 'login' %}">Login</a></li>
-              </ul>
-          </div>
-      </div>
-  </nav>
-
+{% block content %}
     <div>
       <div class="column" style="margin-top: 70px">
         <a href="company.html">
@@ -48,18 +12,6 @@
           <img src="{% static 'homepage/css/res/home_page_right_v2.png' %}" alt="" style="width:100%; height:auto">
         </a>
       </div>
-    </div> -->
-    <!--<div class = "columnSpaceContainer">
-      <div class="columnSpace">
-        <a href="company.html">
-          <img src="{% static 'homepage/css/res/white.png' %}" alt="" style="width:100%;height:5%" >
-        </a>
-      </div>
-      <div class="columnSpace">
-        <a href="influencer.html">
-          <img src="{% static 'homepage/css/res/black.png' %}" alt="" style="width:100%;height:5%">
-        </a>
-      </div>
     </div>
 
   <section class="page-section bg-light" id="team">
@@ -128,26 +80,7 @@
           </div>
       </div>
   </section>
-  <!--<head>
-    <meta charset="utf-8">
-    <title>...</title>
-    <link rel="stylesheet" type="text/css" href="css/slider.css" />
-  </head>
-  <body>
-    <div class = "columnSpaceContainer">
-      <div class="columnSpace">
-        <a href="company.html">
-          <img src="{% static 'homepage/css/res/white.png' %}" alt="" style="width:100%;height:100%" >
-        </a>
-      </div>
-      <div class="columnSpace">
-        <a href="influencer.html">
-          <img src="{% static 'homepage/css/res/black.png' %}" alt="" style="width:100%;height:100%">
-        </a>
-      </div>
-    </div>
-  </body> -->
-  <!--</div>-->
+
   <section class="page-section" id="contactForm">
     <div class="container">
       <div class="text-center">
@@ -201,13 +134,4 @@
           </div>
       </div>
   </footer>
-
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
-  <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.bundle.min.js"></script>
-  <!-- Third party plugin JS-->
-  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.4.1/jquery.easing.min.js"></script>
-  <!-- Core theme JS-->
-  <script src="{% static 'homepage/js/compjs.js' %}"></script>
-</body>
-
-</html>
+{% endblock content %}
