diff --git a/branding/index.html b/branding/index.html
index 848bf74..219b26a 100644
--- a/branding/index.html
+++ b/branding/index.html
@@ -20,7 +20,7 @@
 
   <body id="home" data-spy="scroll" data-target=".navbar" data-offset="100">
     <!-- navbar -->
-    <nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top">
+    <nav class="navbar navbar-expand-lg navbar-dark lbry-teal fixed-top">
       <div class="container">
         <span class="navbar-brand order-1 mr-0"><i class="fab fa-github"></i></span>
         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
@@ -29,48 +29,89 @@
         <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
           <div class="navbar-nav">
             <a class="nav-item nav-link" href="../">Home</a>
-            <a class="nav-item nav-link" href="#">Branding<span class="sr-only">(current)</span></a>
+            <a class="nav-item nav-link" href="#">Branding <span class="sr-only">(current)</span></a>
           </div>
         </div>
       </div>
     </nav>
     <!-- /navbar -->
     
-    <h1>Branding</h1>
+    <!-- globalParallax -->
+    <div class="parallax" data-depth-factor="3" id="global-parallax">
+      <img src="../img/lbry_background_art.png" alt="bg-img" class="parallax-img" />
+      <div class="parallax-mask"></div>
+      <div class="parallax-bg"></div>
 
-    <!-- footer -->
-    <div class="container">
-      <div class="row py-3">
-        <div class="col-md-7">
-          <ul class="nav">
-            <li class="nav-item">
-              <a class="nav-link" href="#">Terms and Condition</a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="#">Privacy Policy</a>
-            </li>
-            <li class="nav-item">
-              <div class="btn-group dropup">
-                <button type="button" class="btn btn-outline-secondary">Other Sites</button>
-                <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                  <span class="sr-only">Toggle Dropdown</span>
-                </button>
-                <div class="dropdown-menu">
-                  <a class="dropdown-item" href="#">LBRY.com</a>
-                  <a class="dropdown-item" href="#">LBRY.tech</a>
-                  <a class="dropdown-item" href="#">LBRY.fund</a>
-                  <a class="dropdown-item" href="#">LBRY.tv</a>
-                </div>
-              </div>
-            </li>
-          </ul>
+      <!-- globalParallaxContent -->
+      <div class="parallax-content">
+        <!-- jumbotron -->
+        <div class="jumbotron text-white" style="background-color: transparent;">
+          <div class="container text-sm-center pt-5">
+            <h1 class="display-2" Ideas style="font-weight: bold;">LBRY Branding Assets</h1>
+            <p class="lead">Branding Assets IG</p>
+            <div class="btn-group mt-4" role="group" aria-label="Callout buttons">
+              <a type="button" class="btn lbry-teal text-white btn-lg" href="#!">Download Asset Pack</a>
+            </div>
+          </div>
         </div>
-        <div class="col-md text-md-right">
-          <small>&copy; 2020 LBRY.org &amp; LBRY Foundation</small>
+        <!-- /jumbotron -->
+
+        <div class="container above-parallax">
+          <div class="row">
+            <div class="col">
+              Asset List
+              <ul>
+                <li>Asset</li>
+                <li>Asset</li>
+                <li>Asset</li>
+                <li>Asset</li>
+                <li>Asset</li>
+                <li>Asset</li>
+                <li>Asset</li>
+                <li>Asset</li>
+              </ul>
+            </div>
+          </div>
         </div>
+
+        <!-- footer -->
+        <div class="container above-parallax">
+          <div class="row py-3">
+            <div class="col-md-7">
+              <ul class="nav">
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Terms and Condition</a>
+                </li>
+                <li class="nav-item">
+                  <a class="nav-link" href="#">Privacy Policy</a>
+                </li>
+                <li class="nav-item">
+                  <div class="btn-group dropup">
+                    <button type="button" class="btn btn-outline-secondary">Other Sites</button>
+                    <button type="button" class="btn btn-outline-secondary dropdown-toggle dropdown-toggle-split"
+                      data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+                      <span class="sr-only">Toggle Dropdown</span>
+                    </button>
+                    <div class="dropdown-menu">
+                      <a class="dropdown-item" href="#">LBRY.com</a>
+                      <a class="dropdown-item" href="#">LBRY.tech</a>
+                      <a class="dropdown-item" href="#">LBRY.fund</a>
+                      <a class="dropdown-item" href="#">LBRY.tv</a>
+                    </div>
+                  </div>
+                </li>
+              </ul>
+            </div>
+            <div class="col-md text-md-right">
+              <small>&copy; 2020 LBRY.org &amp; LBRY Foundation</small>
+            </div>
+          </div>
+        </div>
+        <!-- /footer -->
       </div>
+      <!-- /globalParallaxContent -->
     </div>
-    <!-- /footer -->
+    <!-- /globalParallax -->
       
  
   <!-- JS DEPENDENCIES -->
