diff --git a/app/css/stylish-portfolio.css b/app/css/stylish-portfolio.css
index 2e56f65..53dec02 100644
--- a/app/css/stylish-portfolio.css
+++ b/app/css/stylish-portfolio.css
@@ -14,6 +14,10 @@ html {
   background-color: #2d2d2d;
 }
 
+.homelogo {
+  width: 150px;
+}
+
 body {
   font-family: 'Source Sans Pro';
 }
@@ -134,6 +138,7 @@ h6 {
   border-left: 1px solid rgba(255, 255, 255, 0.1);
 }
 
+
 .sidebar-nav {
   position: absolute;
   top: 0;
diff --git a/app/home.html b/app/home.html
index d06dcae..b4ad221 100644
--- a/app/home.html
+++ b/app/home.html
@@ -1,4 +1,3 @@
-HOME PAGE
 <!DOCTYPE html>
 <html>
 
@@ -6,7 +5,7 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="google-site-verification" content="nJkbfBxswOCjfbpQX-bVtikUXElYSoc8wAf5SOzCInk" />
-  <title>Coding Black Females</title>
+  <title>Coding Black Females Home</title>
 
   <!-- Bootstrap Core CSS -->
   <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
@@ -31,17 +30,51 @@
   <link rel="stylesheet" type="text/css" href="styles/style.css">
 </head>
 
+<body class="home">
+  <a class="menu-toggle rounded" href="#">
+    <i class="fas fa-bars"></i>
+  </a>
+  <nav class="bg-dark" id="sidebar-wrapper">
+    <ul class="sidebar-nav">
+      <li class="sidebar-brand">
+        <a class="js-scroll-trigger" href="#page-top">Coding Black Females</a>
+      </li>
+      <li class="sidebar-nav-item">
+        <a class="js-scroll-trigger" href="home.html">Home</a>
+      </li>
+      <li class="sidebar-nav-item">
+        <a class="js-scroll-trigger" href="about.html">About</a>
+      </li>
+      <li class="sidebar-nav-item">
+        <a class="js-scroll-trigger" href="contact.html">Contact</a>
+      </li>
+    </ul>
+  </nav>
 
+<section class="content-section text-white text-center" id="services">
 
-
-<body class="home">
-<h1>WELCOME </h1>
+<h1 class="text-white">WELCOME </h1>
 <p> We are the coding black female community started by Charlene in 2017</p>
 <p> Our Mission is...... </p>
-<img src = "img/cbf_logo_white.svg">
-<img src = "img/cbf_logo.svg">
+<img src = "img/cbf_logo_white.svg" class="homelogo">
+<img src = "img/cbf_logo.svg" class="homelogo">
+<img src = "img/favicon.png">
+</section>
 </body>
 
+<!-- Scroll to Top Button-->
+<a class="scroll-to-top rounded js-scroll-trigger" href="#page-top">
+  <i class="fas fa-angle-up"></i>
+</a>
+
+<!-- Bootstrap core JavaScript -->
+<script src="vendor/jquery/jquery.min.js"></script>
+<script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
+<!-- Plugin JavaScript -->
+<script src="vendor/jquery-easing/jquery.easing.min.js"></script>
 
+<!-- Custom scripts for this template -->
+<script src="js/stylish-portfolio.min.js"></script>
 
 </html>
diff --git a/app/img/favicon.png b/app/img/favicon.png
new file mode 100644
index 0000000..ba17d33
Binary files /dev/null and b/app/img/favicon.png differ
