diff --git a/.DS_Store b/.DS_Store
index cbe49d5..8972454 100644
Binary files a/.DS_Store and b/.DS_Store differ
diff --git a/about-me.html b/about-me.html
index a9e9d29..3dd86fd 100755
--- a/about-me.html
+++ b/about-me.html
@@ -33,7 +33,7 @@
 
 		<!-- Header
 		============================================= -->
-		<header id="header" data-sticky-class="not-dark">
+		<header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
 			<div id="header-wrap">
 
@@ -44,13 +44,13 @@
 					<!-- Logo
 					============================================= -->
 					<div id="logo">
-						<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-							<img src="images/kk-logo.png" alt="Canvas Logo">
+						<a href="index.html" class="standard-logo">
+							<img src="images/kk-logo.png" alt="KK Logo">
 						</a>
-						<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-							<img src="images/kk-logo@2x.png" alt="Canvas Logo">
+						<a href="index.html" class="retina-logo">
+							<img src="images/kk-logo2x.png" alt="KK Logo">
 						</a>
-					</div>
+					</div><!-- #logo end -->
 
 					<!-- Primary Navigation
 					============================================= -->
@@ -101,7 +101,9 @@ <h1>KEHINDE KAMSON</h1>
 
 						<div class="col-lg-10 offset-lg-1 fontlarge">
 
-							<h3>About Me</h3>
+							<div class="heading-block center">
+		            <h3>ABOUT ME</h3>
+		          </div>
 
 							<p>
 								Kehinde Kamson is the founder and Chief Executive Officer of Sweet Sensation Nigeria, as well as the president of the Restaurant & Food Services Proprietors Association of Nigeria, (REFSPAN) - the umbrella body for all Quick Service Restaurants in Nigeria.
@@ -156,6 +158,7 @@ <h3>About Me</h3>
 			</div>
 		</section>
 
+		<div class="clear"></div>
 
     <section id="content">
 
@@ -163,7 +166,7 @@ <h3>About Me</h3>
 
         <div class="container clearfix">
           <div class="heading-block center">
-            <h3>VIEW GALLERY</h3>
+            <h3>GALLERY</h3>
             <!-- <span>Awesome Works that I've contibuted to. Proudly.!</span> -->
           </div>
 
@@ -188,33 +191,44 @@ <h3>VIEW GALLERY</h3>
 
     </section><!-- #content end -->
 
-	<!-- 	Footer
+		<!-- 	Footer
 		============================================= -->
-		<footer id="footer" class="dark">
+    <footer id="footer" class="dark">
 
-			<!-- Copyrights
-			============================================= -->
-			<div id="copyrights">
+      <!-- Copyrights
+      ============================================= -->
+      <div id="copyrights">
 
-				<div class="container clearfix">
+        <div class="container clearfix">
 
-					<div class="col_half">
-						Copyrights &copy; 2020 Kehinde Kamson.
-					</div>
+          <div class="col_half">
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
+          </div>
 
-					<div class="col_half col_last tright">
-						<div class="fright clearfix">
-							<div class="copyrights-menu copyright-links nobottommargin">
-								<a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-							</div>
-						</div>
-					</div>
+          <div class="col_half col_last tright">
+            <div class="fright clearfix">
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
+            </div>
+          </div>
 
-				</div>
+        </div>
 
-			</div><!-- #copyrights end -->
+      </div><!-- #copyrights end -->
 
-		</footer><!-- #footer end -->
+    </footer><!-- #footer end -->
 
 	</div><!-- #wrapper end -->
 
diff --git a/blog-single.html b/blog-single.html
index b0bf45f..a104fc8 100644
--- a/blog-single.html
+++ b/blog-single.html
@@ -33,7 +33,7 @@
 
     <!-- Header
     ============================================= -->
-    <header id="header" data-sticky-class="not-dark">
+    <header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
       <div id="header-wrap">
 
@@ -44,13 +44,13 @@
           <!-- Logo
           ============================================= -->
           <div id="logo">
-            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-              <img src="images/kk-logo.png" alt="Canvas Logo">
+            <a href="index.html" class="standard-logo">
+              <img src="images/kk-logo.png" alt="KK Logo">
             </a>
-            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-              <img src="images/kk-logo@2x.png" alt="Canvas Logo">
+            <a href="index.html" class="retina-logo">
+              <img src="images/kk-logo2x.png" alt="KK Logo">
             </a>
-          </div>
+          </div><!-- #logo end -->
 
           <!-- Primary Navigation
           ============================================= -->
@@ -78,17 +78,6 @@
 
     </header><!-- #header end -->
 
-      <!-- Page Title
-    ============================================= -->
-    <section id="page-title" class="page-title-center">
-
-      <div class="container clearfix">
-        <h1>Blog</h1>
-      </div>
-
-    </section>
-
-
 
     <!-- Content
     ============================================= -->
@@ -97,6 +86,9 @@ <h1>Blog</h1>
       <div class="content-wrap">
 
         <div class="container clearfix">
+          <div class="heading-block center">
+            <h3>BLOG</h3>
+          </div>
 
           <div class="single-post nobottommargin">
 
@@ -398,7 +390,7 @@ <h3>Leave a <span>Comment</span></h3>
 
 
 
-  <!--  Footer
+    <!--  Footer
     ============================================= -->
     <footer id="footer" class="dark">
 
@@ -409,14 +401,25 @@ <h3>Leave a <span>Comment</span></h3>
         <div class="container clearfix">
 
           <div class="col_half">
-            Copyrights &copy; 2020 Kehinde Kamson.
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
           </div>
 
           <div class="col_half col_last tright">
             <div class="fright clearfix">
-              <div class="copyrights-menu copyright-links nobottommargin">
-                <a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-              </div>
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
             </div>
           </div>
 
diff --git a/blog.html b/blog.html
index 51347a5..2925496 100644
--- a/blog.html
+++ b/blog.html
@@ -33,7 +33,7 @@
 
     <!-- Header
     ============================================= -->
-    <header id="header" data-sticky-class="not-dark">
+    <header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
       <div id="header-wrap">
 
@@ -44,13 +44,13 @@
           <!-- Logo
           ============================================= -->
           <div id="logo">
-            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-              <img src="images/kk-logo.png" alt="Canvas Logo">
+            <a href="index.html" class="standard-logo">
+              <img src="images/kk-logo.png" alt="KK Logo">
             </a>
-            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-              <img src="images/kk-logo@2x.png" alt="Canvas Logo">
+            <a href="index.html" class="retina-logo">
+              <img src="images/kk-logo2x.png" alt="KK Logo">
             </a>
-          </div>
+          </div><!-- #logo end -->
 
           <!-- Primary Navigation
           ============================================= -->
@@ -78,16 +78,6 @@
 
     </header><!-- #header end -->
 
-      <!-- Page Title
-    ============================================= -->
-    <section id="page-title" class="page-title-center">
-
-      <div class="container clearfix">
-        <h1>Blog</h1>
-      </div>
-
-    </section>
-
 
       <!-- Content
     ============================================= -->
@@ -96,6 +86,9 @@ <h1>Blog</h1>
       <div class="content-wrap">
 
         <div class="container clearfix">
+          <div class="heading-block center">
+            <h3>BLOG</h3>
+          </div>
 
           <!-- Posts
           ============================================= -->
@@ -197,7 +190,7 @@ <h2><a href="blog-single.html">This is a Standard post with a Preview Image</a><
 
 
 
-  <!--  Footer
+    <!--  Footer
     ============================================= -->
     <footer id="footer" class="dark">
 
@@ -208,14 +201,25 @@ <h2><a href="blog-single.html">This is a Standard post with a Preview Image</a><
         <div class="container clearfix">
 
           <div class="col_half">
-            Copyrights &copy; 2020 Kehinde Kamson.
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
           </div>
 
           <div class="col_half col_last tright">
             <div class="fright clearfix">
-              <div class="copyrights-menu copyright-links nobottommargin">
-                <a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-              </div>
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
             </div>
           </div>
 
diff --git a/business.html b/business.html
index dab1f15..71f3f83 100644
--- a/business.html
+++ b/business.html
@@ -33,7 +33,7 @@
 
     <!-- Header
     ============================================= -->
-    <header id="header" data-sticky-class="not-dark">
+    <header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
       <div id="header-wrap">
 
@@ -44,14 +44,13 @@
           <!-- Logo
           ============================================= -->
           <div id="logo">
-            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-              <img src="images/kk-logo.png" alt="Canvas Logo">
+            <a href="index.html" class="standard-logo">
+              <img src="images/kk-logo.png" alt="KK Logo">
             </a>
-            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-              <img src="images/kk-logo@2x.png" alt="Canvas Logo">
+            <a href="index.html" class="retina-logo">
+              <img src="images/kk-logo2x.png" alt="KK Logo">
             </a>
-          </div>
-
+          </div><!-- #logo end -->
           <!-- Primary Navigation
           ============================================= -->
           <nav id="primary-menu" class="not-dark">
@@ -78,16 +77,6 @@
 
     </header><!-- #header end -->
 
-      <!-- Page Title
-    ============================================= -->
-    <section id="page-title" class="page-title-center">
-
-      <div class="container clearfix">
-        <h1>Business</h1>
-      </div>
-
-    </section>
-
 
     <!-- Content
     ============================================= -->
@@ -96,6 +85,10 @@ <h1>Business</h1>
         <div class="container clearfix about-me">
           <div class="row clearfix">
             <div class="col-lg-10 offset-lg-1 fontlarge">
+              <div class="heading-block center">
+                <h3>BUSINESS</h3>
+              </div>
+
               <p>
                My decision to start Sweet Sensation was spurred by the difficulties I experienced equating home and work balance while working at PriceWaterhouseCoopers. On the one hand, I had my respectable profession, albeit stressful. On the other hand, was a somewhat demeaning pastry business. Confused about my future level of engagement, I sought the face of the Lord and got the go-ahead to continue with my cake and pastry business.
               </p>
@@ -110,7 +103,7 @@ <h1>Business</h1>
     </section>
 
 
-  <!--  Footer
+    <!--  Footer
     ============================================= -->
     <footer id="footer" class="dark">
 
@@ -121,14 +114,25 @@ <h1>Business</h1>
         <div class="container clearfix">
 
           <div class="col_half">
-            Copyrights &copy; 2020 Kehinde Kamson.
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
           </div>
 
           <div class="col_half col_last tright">
             <div class="fright clearfix">
-              <div class="copyrights-menu copyright-links nobottommargin">
-                <a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-              </div>
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
             </div>
           </div>
 
diff --git a/contact.html b/contact.html
index fce5a73..d61bb1c 100755
--- a/contact.html
+++ b/contact.html
@@ -33,7 +33,7 @@
 
 		<!-- Header
 		============================================= -->
-		<header id="header" data-sticky-class="not-dark">
+		<header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
 			<div id="header-wrap">
 
@@ -44,13 +44,13 @@
 					<!-- Logo
 					============================================= -->
 					<div id="logo">
-						<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-							<img src="images/kk-logo.png" alt="Canvas Logo">
+						<a href="index.html" class="standard-logo">
+							<img src="images/kk-logo.png" alt="KK Logo">
 						</a>
-						<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-							<img src="images/kk-logo@2x.png" alt="Canvas Logo">
+						<a href="index.html" class="retina-logo">
+							<img src="images/kk-logo2x.png" alt="KK Logo">
 						</a>
-					</div>
+					</div><!-- #logo end -->
 
 					<!-- Primary Navigation
 					============================================= -->
@@ -76,23 +76,17 @@
 			</div>
 		</header><!-- #header end -->
 
-		<!-- Page Title
-		============================================= -->
-		<section id="page-title" class="page-title-center">
-
-			<div class="container clearfix">
-				<h1>Contact</h1>
-			</div>
-
-		</section>
 
-
-			<section id="content">
+		<section id="content">
 
 			<div class="content-wrap">
 
 				<div class="container clearfix">
 
+          <div class="heading-block center">
+            <h3>CONTACT</h3>
+          </div>
+
 					<!-- Post Content
 					============================================= -->
 					<div class="postcontent nobottommargin clearfix">
@@ -185,30 +179,42 @@ <h4>Connect with Me</h4>
 
 		<!-- 	Footer
 		============================================= -->
-		<footer id="footer" class="dark">
-			<!-- Copyrights
-			============================================= -->
-			<div id="copyrights">
+    <footer id="footer" class="dark">
 
-				<div class="container clearfix">
+      <!-- Copyrights
+      ============================================= -->
+      <div id="copyrights">
 
-					<div class="col_half">
-						Copyrights &copy; 2020 Kehinde Kamson.
-					</div>
+        <div class="container clearfix">
 
-					<div class="col_half col_last tright">
-						<div class="fright clearfix">
-							<div class="copyrights-menu copyright-links nobottommargin">
-								<a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-							</div>
-						</div>
-					</div>
+          <div class="col_half">
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
+          </div>
 
-				</div>
+          <div class="col_half col_last tright">
+            <div class="fright clearfix">
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
+            </div>
+          </div>
+
+        </div>
 
-			</div><!-- #copyrights end -->
+      </div><!-- #copyrights end -->
 
-		</footer><!-- #footer end -->
+    </footer><!-- #footer end -->
 
 	</div><!-- #wrapper end -->
 
diff --git a/css/bootstrap.css b/css/bootstrap.css
index bff8c9c..aea9c95 100755
--- a/css/bootstrap.css
+++ b/css/bootstrap.css
@@ -2632,14 +2632,14 @@ fieldset:disabled a.btn {
 
 .btn-success {
 	color: #fff;
-	background-color: #28a745;
-	border-color: #28a745;
+	background-color: #ffaf4f;
+	border-color: #ffaf4f;
 }
 
 .btn-success:hover {
 	color: #fff;
-	background-color: #218838;
-	border-color: #1e7e34;
+	background-color: #ffa639;
+	border-color: #ffa639;
 }
 
 .btn-success:focus, .btn-success.focus {
@@ -2651,8 +2651,8 @@ fieldset:disabled a.btn {
 
 .btn-success.disabled, .btn-success:disabled {
 	color: #fff;
-	background-color: #28a745;
-	border-color: #28a745;
+	background-color: #ffaf4f;
+	border-color: #ffaf4f;
 }
 
 .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
diff --git a/css/dark.css b/css/dark.css
index f1b7f7c..5eab735 100755
--- a/css/dark.css
+++ b/css/dark.css
@@ -173,7 +173,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li:hover > a,
 .dark.overlay-menu #header-wrap:not(.not-dark) #primary-menu > ul > li.current > a,
 .overlay-menu #primary-menu.dark > ul > li:hover > a,
-.overlay-menu #primary-menu.dark > ul > li.current > a { color: #1ABC9C !important; }
+.overlay-menu #primary-menu.dark > ul > li.current > a { color: #ffaf4f !important; }
 
 .dark #primary-menu:not(.not-dark) ul ul,
 .dark #primary-menu:not(.not-dark) ul li .mega-menu-content,
@@ -181,7 +181,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 #primary-menu.dark ul li .mega-menu-content {
 	background-color: #333;
 	border-color: #3F3F3F;
-	border-top-color: #1ABC9C;
+	border-top-color: #ffaf4f;
 }
 
 .dark.overlay-menu #primary-menu:not(.not-dark) ul,
@@ -192,7 +192,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 .dark #primary-menu:not(.not-dark) ul li .mega-menu-content.style-2,
 #primary-menu.dark ul li .mega-menu-content.style-2 {
 	border-color: transparent;
-	border-top-color: #1ABC9C;
+	border-top-color: #ffaf4f;
 }
 
 .dark #primary-menu:not(.not-dark) ul ul li,
@@ -260,7 +260,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 .dark #top-cart .top-cart-content {
 	background-color: #333;
 	border-color: #3F3F3F;
-	border-top-color: #1ABC9C;
+	border-top-color: #ffaf4f;
 }
 
 .dark .top-cart-title { border-bottom-color: #3F3F3F; }
@@ -269,9 +269,9 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 
 .dark .top-cart-item-image { border-color: #444; }
 
-.dark .top-cart-item-image:hover { border-color: #1ABC9C; }
+.dark .top-cart-item-image:hover { border-color: #ffaf4f; }
 
-.dark .top-cart-item-desc a:hover { color: #1ABC9C !important; }
+.dark .top-cart-item-desc a:hover { color: #ffaf4f !important; }
 
 .dark .top-cart-item-desc span.top-cart-item-price { color: #AAA; }
 
@@ -452,8 +452,8 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 
 .dark .post-timeline .entry:hover .entry-timeline,
 .dark .post-timeline .entry:hover .timeline-divider {
-	border-color: #1ABC9C;
-	color: #1ABC9C;
+	border-color: #ffaf4f;
+	color: #ffaf4f;
 }
 
 .dark .spost,
@@ -551,7 +551,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 
 .dark .cart-product-thumbnail img { border-color: rgba(0,0,0,0.2); }
 
-.dark .cart-product-thumbnail img:hover { border-color: #1ABC9C; }
+.dark .cart-product-thumbnail img:hover { border-color: #ffaf4f; }
 
 .dark .cart-product-name a,
 .dark .product-name a { color: #EEE; }
@@ -578,7 +578,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 .dark .button-dark:not(.button-border),
 .dark .button:hover { background-color: rgba(0,0,0,0.3); }
 
-.dark .button-dark:hover { background-color: #1ABC9C; }
+.dark .button-dark:hover { background-color: #ffaf4f; }
 
 .dark .button-light:not(.button-border):hover { background-color: #282828; }
 
@@ -657,10 +657,10 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 .dark .fbox-effect .fbox-icon i:hover,
 .dark .fbox-effect:hover .fbox-icon i { background-color: #494949; }
 
-.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; }
+.dark .fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #ffaf4f; }
 
 .dark .fbox-effect.fbox-dark .fbox-icon i:hover,
-.dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #1ABC9C; }
+.dark .fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffaf4f; }
 
 .dark .fbox-border.fbox-effect .fbox-icon i:hover,
 .dark .fbox-border.fbox-effect:hover .fbox-icon i { box-shadow: 0 0 0 1px #494949; }
@@ -668,9 +668,9 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 .dark .fbox-border.fbox-effect .fbox-icon i:after { background-color: #494949; }
 
 .dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
-.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; }
+.dark .fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffaf4f; }
 
-.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #1ABC9C; }
+.dark .fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #ffaf4f; }
 
 .dark .process-steps li .i-bordered { background-color: #494949; }
 
@@ -704,7 +704,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 
 .dark .i-rounded:hover,
 .dark .i-circled:hover {
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 	box-shadow: 0 0 0 rgba(0,0,0,0.2);
@@ -797,7 +797,7 @@ body.top-search-open .dark #header-wrap:not(.not-dark) #top-search a,
 
 .dark ul.tab-nav.tab-nav2 li a { background-color: rgba(0,0,0,0.2); }
 
-.dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #1ABC9C; }
+.dark ul.tab-nav.tab-nav2 li.ui-state-active a { background-color: #ffaf4f; }
 
 .dark .tabs-bordered .tab-container { border-color: #494949; }
 
@@ -1072,7 +1072,7 @@ body #side-panel.dark #side-panel-trigger-close a {
 
 .dark .tagcloud a:hover {
 	border-color: transparent !important;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF !important;
 }
 
@@ -1675,13 +1675,13 @@ body #side-panel.dark #side-panel-trigger-close a {
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover a,
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current a,
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover a,
-	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #1ABC9C !important; }
+	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current a { color: #ffaf4f !important; }
 
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu ul ul a,
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li:hover ul a,
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > ul > li.current ul a,
 	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li:hover ul a,
-	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a  { color: #444 !important; }
+	body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu > div > ul > li.current ul a  { color: #fff !important; }
 
 	.dark .pricing-box.pricing-extended .pricing-action-area { border-top-color: rgba(255,255,255,0.15); }
 
diff --git a/css/responsive.css b/css/responsive.css
index 2d95b62..3c6cf59 100755
--- a/css/responsive.css
+++ b/css/responsive.css
@@ -404,7 +404,7 @@
 
 	#primary-menu > ul > li.sub-menu > a,
 	#primary-menu > .container > ul > li.sub-menu > a {
-		background-image: url("../images/icons/submenu.png");
+		background-image: url("../images/icons/submenu-dark.png");
 		background-position: right center;
 		background-repeat: no-repeat;
 	}
diff --git a/images/.DS_Store b/images/.DS_Store
index 745319f..7405af7 100644
Binary files a/images/.DS_Store and b/images/.DS_Store differ
diff --git a/images/KK-logo@2x.png b/images/KK-logo@2x.png
deleted file mode 100644
index 3d5ce20..0000000
Binary files a/images/KK-logo@2x.png and /dev/null differ
diff --git a/images/icons/.DS_Store b/images/icons/.DS_Store
new file mode 100644
index 0000000..5008ddf
Binary files /dev/null and b/images/icons/.DS_Store differ
diff --git a/images/icons/submenu.png b/images/icons/submenu.png
deleted file mode 100755
index d0aa08e..0000000
Binary files a/images/icons/submenu.png and /dev/null differ
diff --git a/images/index.html b/images/index.html
new file mode 100755
index 0000000..348c346
--- /dev/null
+++ b/images/index.html
@@ -0,0 +1,1721 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en-US">
+<head>
+
+	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+	<meta name="author" content="SemiColonWeb" />
+
+	<!-- Stylesheets
+	============================================= -->
+	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
+	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
+	<link rel="stylesheet" href="style.css" type="text/css" />
+	<link rel="stylesheet" href="css/swiper.css" type="text/css" />
+	<link rel="stylesheet" href="css/dark.css" type="text/css" />
+	<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
+	<link rel="stylesheet" href="css/animate.css" type="text/css" />
+	<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
+
+	<link rel="stylesheet" href="css/responsive.css" type="text/css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+	<!-- Document Title
+	============================================= -->
+	<title>Canvas | The Multi-Purpose HTML5 Template</title>
+
+</head>
+
+<body class="stretched">
+
+	<!-- Document Wrapper
+	============================================= -->
+	<div id="wrapper" class="clearfix">
+
+		<!-- Header
+		============================================= -->
+		<header id="header" class="transparent-header full-header" data-sticky-class="not-dark">
+
+			<div id="header-wrap">
+
+				<div class="container clearfix">
+
+					<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
+
+					<!-- Logo
+					============================================= -->
+					<div id="logo">
+						<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/logo.png" alt="Canvas Logo"></a>
+						<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img src="images/logo@2x.png" alt="Canvas Logo"></a>
+					</div><!-- #logo end -->
+
+					<!-- Primary Navigation
+					============================================= -->
+					<nav id="primary-menu" class="dark">
+
+						<ul>
+							<li class="current"><a href="index.html"><div>Home</div></a>
+								<ul>
+									<li><a href="index-corporate.html"><div>Home - Corporate</div></a>
+										<ul>
+											<li><a href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
+											<li><a href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
+											<li><a href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
+											<li><a href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-portfolio.html"><div>Home - Portfolio</div></a>
+										<ul>
+											<li><a href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
+											<li><a href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
+											<li><a href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
+											<li><a href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-blog.html"><div>Home - Blog</div></a>
+										<ul>
+											<li><a href="index-blog.html"><div>Blog - Layout 1</div></a></li>
+											<li><a href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
+											<li><a href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-shop.html"><div>Home - Shop</div></a>
+										<ul>
+											<li><a href="index-shop.html"><div>Shop - Layout 1</div></a></li>
+											<li><a href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-magazine.html"><div>Home - Magazine</div></a>
+										<ul>
+											<li><a href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
+											<li><a href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
+											<li><a href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
+										</ul>
+									</li>
+									<li><a href="landing.html"><div>Home - Landing Page</div></a>
+										<ul>
+											<li><a href="landing.html"><div>Landing Page - Layout 1</div></a></li>
+											<li><a href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
+											<li><a href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
+											<li><a href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
+											<li><a href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
+										<ul>
+											<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
+											<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
+											<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-onepage.html"><div>Home - One Page</div></a>
+										<ul>
+											<li><a href="index-onepage.html"><div>One Page - Default</div></a></li>
+											<li><a href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
+											<li><a href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-wedding.html"><div>Home - Wedding</div></a></li>
+									<li><a href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
+									<li><a href="index-events.html"><div>Home - Events</div></a></li>
+									<li><a href="index-parallax.html"><div>Home - Parallax</div></a></li>
+									<li><a href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
+									<li><a href="index-boxed.html"><div>Home - Boxed Layout</div></a></li>
+								</ul>
+							</li>
+							<li><a href="#"><div>Features</div></a>
+								<ul>
+									<li><a href="#"><div><i class="icon-stack"></i>Sliders</div></a>
+										<ul>
+											<li><a href="slider-revolution.html"><div>Revolution Slider</div></a>
+												<ul>
+													<li><a href="rs-demos.html"><div>Premium Templates</div></a></li>
+													<li><a href="slider-revolution.html"><div>Full Screen</div></a></li>
+													<li><a href="slider-revolution-fullwidth.html"><div>Full Width</div></a></li>
+													<li><a href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a></li>
+													<li><a href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a></li>
+												</ul>
+											</li>
+											<li><a href="slider-canvas.html"><div>Canvas Slider</div></a>
+												<ul>
+													<li><a href="slider-canvas.html"><div>Full Width</div></a></li>
+													<li><a href="slider-canvas-fade.html"><div>Fade Transition</div></a></li>
+													<li><a href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a></li>
+													<li><a href="slider-canvas-video-event.html"><div>Custom Video Event</div></a></li>
+													<li><a href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a></li>
+													<li><a href="slider-canvas-3.html"><div>3 Columns</div></a></li>
+													<li><a href="slider-canvas-4.html"><div>4 Columns</div></a></li>
+													<li><a href="slider-canvas-5.html"><div>5 Columns</div></a></li>
+												</ul>
+											</li>
+											<li><a href="slider-flex.html"><div>Flex Slider</div></a>
+												<ul>
+													<li><a href="slider-flex.html"><div>Default Layout</div></a></li>
+													<li><a href="slider-flex-thumbs.html"><div>with Thumbs</div></a></li>
+												</ul>
+											</li>
+											<li><a href="slider-owl.html"><div>Owl Slider</div></a>
+												<ul>
+													<li><a href="slider-owl-full.html"><div>Full Width</div></a></li>
+													<li><a href="slider-owl.html"><div>Boxed Width</div></a></li>
+													<li><a href="slider-owl-videos.html"><div>Video Slider</div></a></li>
+												</ul>
+											</li>
+											<li><a href="static-parallax.html"><div>Static Media</div></a>
+												<ul>
+													<li><a href="static-parallax.html"><div>Static - Parallax</div></a></li>
+													<li><a href="static-image.html"><div>Static - Image</div></a></li>
+													<li><a href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a></li>
+													<li><a href="static-html5-video.html"><div>Static - HTML5 Video</div></a></li>
+													<li><a href="static-embed-video.html"><div>Static - Embedded Video</div></a></li>
+												</ul>
+											</li>
+										</ul>
+									</li>
+									<li><a href="widgets.html"><div><i class="icon-gift"></i>Widgets</div></a>
+										<ul>
+											<li><a href="widgets.html"><div>Links</div></a></li>
+											<li><a href="widgets.html"><div>Flickr Photostream</div></a></li>
+											<li><a href="widgets.html"><div>Dribbble Shots</div></a></li>
+											<li><a href="widgets.html"><div>Instagram Feed</div></a></li>
+											<li><a href="widgets.html"><div>Posts List</div></a></li>
+											<li><a href="widgets.html"><div>Twitter Feed</div></a></li>
+											<li><a href="widgets.html"><div>Tabbed Widgets</div></a></li>
+											<li><a href="widgets.html"><div>Carousel</div></a></li>
+											<li><a href="widgets.html"><div>Subscribers</div></a></li>
+											<li><a href="widgets.html"><div>Social Icons</div></a></li>
+											<li><a href="widgets.html"><div>Testimonials</div></a></li>
+											<li><a href="widgets.html"><div>Quick Contact</div></a></li>
+											<li><a href="widgets.html"><div>Tags Cloud</div></a></li>
+											<li><a href="widgets.html"><div>Video Embeds</div></a></li>
+											<li><a href="widgets.html"><div>Raw Text/HTML</div></a></li>
+										</ul>
+									</li>
+									<li><a href="#"><div><i class="icon-umbrella"></i>Headers</div></a>
+										<ul>
+											<li><a href="header-light.html"><div>Light Version</div></a></li>
+											<li><a href="header-dark.html"><div>Dark Version</div></a></li>
+											<li><a href="header-transparent.html"><div>Transparent</div></a></li>
+											<li><a href="header-semi-transparent.html"><div>Semi Transparent</div></a>
+												<ul>
+													<li><a href="header-semi-transparent.html"><div>Light Version</div></a></li>
+													<li><a href="header-semi-transparent-dark.html"><div>Dark Version</div></a></li>
+												</ul>
+											</li>
+											<li><a href="header-side-left.html"><div>Left Side Header</div></a>
+												<ul>
+													<li><a href="header-side-left.html"><div>Fixed Position</div></a></li>
+													<li><a href="header-side-left-open.html"><div>OnClick Open</div></a></li>
+													<li><a href="header-side-left-open-push.html"><div>Push Content</div></a></li>
+												</ul>
+											</li>
+											<li><a href="header-side-right.html"><div>Right Side Header</div></a>
+												<ul>
+													<li><a href="header-side-right.html"><div>Fixed Position</div></a></li>
+													<li><a href="header-side-right-open.html"><div>OnClick Open</div></a></li>
+													<li><a href="header-side-right-open-push.html"><div>Push Content</div></a></li>
+												</ul>
+											</li>
+											<li><a href="header-floating.html"><div>Floating Version</div></a></li>
+											<li><a href="static-sticky.html"><div>Static Sticky</div></a></li>
+											<li><a href="responsive-sticky.html"><div>Responsive Sticky</div></a></li>
+											<li><a href="logo-changer.html"><div>Alternate Logos</div></a></li>
+											<li><a href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a></li>
+										</ul>
+									</li>
+									<li><a href="forms.html"><div><i class="icon-wpforms"></i>Forms</div></a></li>
+									<li><a href="side-panel.html"><div><i class="icon-line-layout"></i>Side Panel</div></a>
+										<ul>
+											<li><a href="side-panel-left-overlay.html"><div>Left Overlay</div></a></li>
+											<li><a href="side-panel-left-push.html"><div>Left Push</div></a></li>
+											<li><a href="side-panel-right-overlay.html"><div>Right Overlay</div></a></li>
+											<li><a href="side-panel.html"><div>Right Push</div></a></li>
+											<li><a href="side-panel-light.html"><div>Light Background</div></a></li>
+										</ul>
+									</li>
+									<li><a href="mega-menu.html"><div><i class="icon-line-columns"></i>Mega Menu</div></a></li>
+									<li><a href="#"><div><i class="icon-align-justify2"></i>Menu Styles</div></a>
+										<ul>
+											<li><a href="header-light.html"><div>Menu - Style 1</div></a></li>
+											<li><a href="menu-2.html"><div>Menu - Style 2</div></a></li>
+											<li><a href="menu-3.html"><div>Menu - Style 3</div></a></li>
+											<li><a href="menu-4.html"><div>Menu - Style 4</div></a></li>
+											<li><a href="menu-5.html"><div>Menu - Style 5</div></a></li>
+											<li><a href="menu-6.html"><div>Menu - Style 6</div></a></li>
+											<li><a href="menu-7.html"><div>Menu - Style 7</div></a></li>
+											<li><a href="menu-8.html"><div>Menu - Style 8</div></a></li>
+											<li><a href="menu-9.html"><div>Menu - Style 9</div></a></li>
+											<li><a href="menu-10.html"><div>Menu - Overlay</div></a></li>
+											<li><a href="split-menu.html"><div>Menu - Split Layout</div></a></li>
+										</ul>
+									</li>
+									<li><a href="#"><div><i class="icon-ok-sign"></i>Page Titles</div></a>
+										<ul>
+											<li><a href="page.html"><div>Left Align</div></a></li>
+											<li><a href="page-title-right.html"><div>Right Align</div></a></li>
+											<li><a href="page-title-center.html"><div>Center Align</div></a></li>
+											<li><a href="page-titledark.html"><div>Dark Style</div></a></li>
+											<li><a href="page-title-pattern.html"><div>Pattern Background</div></a></li>
+											<li><a href="page-title-parallax.html"><div>Parallax Background</div></a>
+												<ul>
+													<li><a href="page-title-parallax.html"><div>Default Header</div></a></li>
+													<li><a href="page-title-parallax-header.html"><div>Transparent Header</div></a></li>
+												</ul>
+											</li>
+											<li><a href="page-title-video.html"><div>HTML5 Video</div></a></li>
+											<li><a href="page-title-nobg.html"><div>No Background</div></a></li>
+											<li><a href="page-title-mini.html"><div>Mini Version</div></a></li>
+										</ul>
+									</li>
+									<li><a href="contact.html"><div><i class="icon-envelope-alt"></i>Contact Pages</div></a>
+										<ul>
+											<li><a href="contact.html">Contact 1</a></li>
+											<li><a href="contact-2.html">Contact 2</a></li>
+											<li><a href="contact-3.html">Contact 3</a></li>
+											<li><a href="contact-4.html">Contact 4</a></li>
+											<li><a href="contact-5.html">Contact 5</a></li>
+											<li><a href="contact-6.html">Contact 6</a></li>
+											<li><a href="contact-7.html">Contact 7</a></li>
+										</ul>
+									</li>
+									<li><a href="#footer" data-scrollto="#footer"><div><i class="icon-th"></i>Footers</div></a>
+										<ul>
+											<li><a href="sticky-footer.html"><div>Sticky Footer</div></a></li>
+											<li><a href="#footer" data-scrollto="#footer"><div>Footer - Layout 1</div></a></li>
+											<li><a href="footer-2.html#footer"><div>Footer - Layout 2</div></a></li>
+											<li><a href="footer-3.html#footer"><div>Footer - Layout 3</div></a></li>
+											<li><a href="footer-4.html#footer"><div>Footer - Layout 4</div></a></li>
+											<li><a href="footer-5.html#footer"><div>Footer - Layout 5</div></a></li>
+											<li><a href="footer-6.html#footer"><div>Footer - Layout 6</div></a></li>
+											<li><a href="footer-7.html#footer"><div>Footer - Layout 7</div></a></li>
+										</ul>
+									</li>
+									<li><a href="#"><div><i class="icon-calendar3"></i>Events</div></a>
+										<ul>
+											<li><a href="events-calendar.html"><div>Full Width Calendar</div></a></li>
+											<li><a href="events-list.html"><div>Events List</div></a>
+												<ul>
+													<li><a href="events-list.html"><div>Right Sidebar</div></a></li>
+													<li><a href="events-list-left-sidebar.html"><div>Left Sidebar</div></a></li>
+													<li><a href="events-list-both-sidebar.html"><div>Both Sidebar</div></a></li>
+													<li><a href="events-list-fullwidth.html"><div>Full Width</div></a></li>
+													<li><a href="events-list-parallax.html"><div>Parallax List</div></a></li>
+												</ul>
+											</li>
+											<li><a href="event-single.html"><div>Single Event</div></a>
+												<ul>
+													<li><a href="event-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
+													<li><a href="event-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+													<li><a href="event-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
+													<li><a href="event-single.html"><div>Full Width</div></a></li>
+												</ul>
+											</li>
+											<li><a href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
+												<ul>
+													<li><a href="event-single-full-width-image.html"><div>Parallax Image</div></a></li>
+													<li><a href="event-single-full-width-map.html"><div>Google Map</div></a></li>
+													<li><a href="event-single-full-width-slider.html"><div>Slider Gallery</div></a></li>
+													<li><a href="event-single-full-width-video.html"><div>HTML5 Video</div></a></li>
+												</ul>
+											</li>
+										</ul>
+									</li>
+									<li><a href="modal-onload.html"><div><i class="icon-line-expand"></i>Modal OnLoad</div></a>
+										<ul>
+											<li><a href="modal-onload.html"><div>Simple Layout</div></a></li>
+											<li><a href="modal-onload-iframe.html"><div>Video iFrame</div></a></li>
+											<li><a href="modal-onload-subscribe.html"><div>Subscription Form</div></a></li>
+											<li><a href="modal-onload-common-height.html"><div>Common Height</div></a></li>
+											<li><a href="modal-onload-cookie.html"><div>Cookies Enabled</div></a></li>
+										</ul>
+									</li>
+									<li><a href="coming-soon.html"><div><i class="icon-time"></i>Coming Soon</div></a>
+										<ul>
+											<li><a href="coming-soon.html"><div>Simple Layout</div></a></li>
+											<li><a href="coming-soon-2.html"><div>Parallax Image</div></a></li>
+											<li><a href="coming-soon-3.html"><div>HTML5 Video</div></a></li>
+										</ul>
+									</li>
+									<li><a href="profile.html"><div><i class="icon-user"></i>User Profile</div></a></li>
+								</ul>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Pages</div></a>
+								<div class="mega-menu-content style-2 clearfix">
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
+											<ul>
+												<li><a href="about.html"><div>About Us</div></a></li>
+												<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
+												<li><a href="about-me.html"><div>About Me</div></a></li>
+												<li><a href="team.html"><div>Team Members</div></a></li>
+												<li><a href="jobs.html"><div>Careers</div></a></li>
+												<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
+												<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
+												<li><a href="sitemap.html"><div>Sitemap</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
+											<ul>
+												<li><a href="services.html"><div>Services - Layout 1</div></a></li>
+												<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
+												<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
+												<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
+												<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
+												<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
+												<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
+												<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Layout Grids</div></a>
+											<ul>
+												<li><a href="full-width.html"><div>Full Width</div></a></li>
+												<li><a href="full-width-wide.html"><div>Full Width - Wide</div></a></li>
+												<li><a href="right-sidebar.html"><div>Right Sidebar</div></a></li>
+												<li><a href="left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="both-right-sidebar.html"><div>Both Right Sidebar</div></a></li>
+												<li><a href="both-left-sidebar.html"><div>Both Left Sidebar</div></a></li>
+												<li><a href="blank-page.html"><div>Blank Page</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Miscellaneous</div></a>
+											<ul>
+												<li><a href="login-register.html"><div>Login/Register</div></a></li>
+												<li><a href="login-register-2.html"><div>Login/Register - Style 2</div></a></li>
+												<li><a href="login-register-3.html"><div>Login/Register - Style 3</div></a></li>
+												<li><a href="login-1.html"><div>Login - Style 1</div></a></li>
+												<li><a href="login-2.html"><div>Login - Style 2</div></a></li>
+												<li><a href="404.html"><div>404 - Simple Layout</div></a></li>
+												<li><a href="404-2.html"><div>404 - Parallax Image</div></a></li>
+												<li><a href="404-3.html"><div>404 - HTML5 Video</div></a></li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Portfolio</div></a>
+								<div class="mega-menu-content style-2 clearfix">
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Grids</div></a>
+											<ul>
+												<li><a href="portfolio-1.html"><div>1 Column</div></a></li>
+												<li><a href="portfolio-2.html"><div>2 Columns</div></a></li>
+												<li><a href="portfolio-3.html"><div>3 Columns</div></a></li>
+												<li><a href="portfolio.html"><div>4 Columns</div></a></li>
+												<li><a href="portfolio-5.html"><div>5 Columns</div></a></li>
+												<li><a href="portfolio-6.html"><div>6 Columns</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
+											<ul>
+												<li><a href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a></li>
+												<li><a href="portfolio-2-masonry.html"><div>2 Columns</div></a></li>
+												<li><a href="portfolio-3-masonry.html"><div>3 Columns</div></a></li>
+												<li><a href="portfolio-masonry.html"><div>4 Columns</div></a></li>
+												<li><a href="portfolio-5-masonry.html"><div>5 Columns</div></a></li>
+												<li><a href="portfolio-6-masonry.html"><div>6 Columns</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Loading Styles</div></a>
+											<ul>
+												<li><a href="portfolio.html"><div>jQuery Filter</div></a></li>
+												<li><a href="portfolio-jpagination.html"><div>jQuery Pagination</div></a></li>
+												<li><a href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a></li>
+												<li><a href="portfolio-ajax.html"><div>AJAX In Page</div></a></li>
+												<li><a href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a></li>
+												<li><a href="portfolio-filter-styles.html"><div>Filter Styles</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Single Project</div></a>
+											<ul>
+												<li><a href="portfolio-single-extended.html"><div>Extended Item</div></a></li>
+												<li><a href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a></li>
+												<li><a href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a></li>
+												<li><a href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a></li>
+												<li><a href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a></li>
+												<li><a href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Layouts</div></a>
+											<ul>
+												<li><a href="portfolio-nomargin.html"><div>Default</div></a></li>
+												<li><a href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a></li>
+												<li><a href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a></li>
+												<li><a href="portfolio-parallax.html"><div>Parallax</div></a></li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Blog</div></a>
+								<div class="mega-menu-content style-2 clearfix">
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Default</div></a>
+											<ul>
+												<li><a href="blog.html"><div>Right Sidebar</div></a></li>
+												<li><a href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="blog-full-width.html"><div>Full Width</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Timeline</div></a>
+											<ul>
+												<li><a href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
+												<li><a href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-timeline.html"><div>Full Width</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
+											<ul>
+												<li><a href="blog-masonry.html"><div>4 Columns</div></a></li>
+												<li><a href="blog-masonry-3.html"><div>3 Columns</div></a></li>
+												<li><a href="blog-masonry-2.html"><div>2 Columns</div></a></li>
+												<li><a href="blog-masonry-full.html"><div>100% Width</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Grid</div></a>
+											<ul>
+												<li><a href="blog-grid.html"><div>4 Columns</div></a></li>
+												<li><a href="blog-grid-3.html"><div>3 Columns</div></a></li>
+												<li><a href="blog-grid-2.html"><div>2 Columns</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Small Thumbs</div></a>
+											<ul>
+												<li><a href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-small.html"><div>Right Sidebar</div></a></li>
+												<li><a href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="blog-small-full-width.html"><div>Full Width</div></a></li>
+												<li><a href="blog-small-alt.html"><div>Alternate Layout</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Item Splitting</div></a>
+											<ul>
+												<li><a href="blog-grid.html"><div>Pagination</div></a></li>
+												<li><a href="blog-masonry.html"><div>Infinite Scroll</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Single</div></a>
+											<ul>
+												<li><a href="blog-single.html"><div>Default Layout</div></a></li>
+												<li><a href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-single-full.html"><div>Full Width</div></a></li>
+												<li><a href="blog-single-small.html"><div>Small Image</div></a></li>
+												<li><a href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Comments Module</div></a>
+											<ul>
+												<li><a href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li>
+												<li><a href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li><a href="shop.html"><div>Shop</div></a>
+								<ul>
+									<li><a href="shop.html"><div>4 Columns</div></a></li>
+									<li><a href="shop-3.html"><div>3 Columns</div></a>
+										<ul>
+											<li><a href="shop-3.html"><div>Full Width</div></a></li>
+											<li><a href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="shop-2.html"><div>2 Columns</div></a>
+										<ul>
+											<li><a href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a></li>
+											<li><a href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="shop-1.html"><div>1 Columns</div></a>
+										<ul>
+											<li><a href="shop-1.html"><div>Full Width</div></a></li>
+											<li><a href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a></li>
+											<li><a href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="shop-category-parallax.html"><div>Categories - Parallax</div></a></li>
+									<li><a href="shop-combination-filter.html"><div>Combination Filter</div></a></li>
+									<li><a href="shop-single.html"><div>Single Product</div></a>
+										<ul>
+											<li><a href="shop-single.html"><div>Full Width</div></a></li>
+											<li><a href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+											<li><a href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="cart.html"><div>Cart</div></a></li>
+									<li><a href="checkout.html"><div>Checkout</div></a></li>
+								</ul>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Shortcodes</div></a>
+								<div class="mega-menu-content clearfix">
+									<ul class="mega-menu-column col-5">
+										<li><a href="animations.html"><div><i class="icon-magic"></i>Animations</div></a></li>
+										<li><a href="buttons.html"><div><i class="icon-link"></i>Buttons</div></a></li>
+										<li><a href="carousel.html"><div><i class="icon-heart3"></i>Carousel</div></a></li>
+										<li><a href="charts.html"><div><i class="icon-bar-chart"></i>Charts</div></a></li>
+										<li><a href="clients.html"><div><i class="icon-apple"></i>Clients</div></a></li>
+										<li><a href="columns-grids.html"><div><i class="icon-th-large"></i>Columns</div></a></li>
+										<li><a href="counters.html"><div><i class="icon-time"></i>Counters</div></a></li>
+										<li><a href="component-datatable.html"><div><i class="icon-table"></i>Data Tables</div></a></li>
+										<li><a href="component-datepicker.html"><div><i class="icon-calendar3"></i>Date &amp; Time Pickers</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="dividers.html"><div><i class="icon-indent-right"></i>Dividers</div></a></li>
+										<li><a href="featured-boxes.html"><div><i class="icon-lightbulb"></i>Icon Boxes</div></a></li>
+										<li><a href="gallery.html"><div><i class="icon-picture"></i>Galleries</div></a></li>
+										<li><a href="headings-dropcaps.html"><div><i class="icon-pencil2"></i>Heading Styles</div></a></li>
+										<li><a href="icon-lists.html"><div><i class="icon-list-alt"></i>Icon Lists</div></a></li>
+										<li><a href="labels-badges.html"><div><i class="icon-plus-sign"></i>Labels</div></a></li>
+										<li><a href="lightbox.html"><div><i class="icon-resize-full"></i>Lightbox</div></a></li>
+										<li><a href="form-elements.html"><div><i class="icon-edit"></i>Form Elements</div></a></li>
+										<li><a href="component-uploads.html"><div><i class="icon-line-upload"></i>File Uploads</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="lists-cards.html"><div><i class="icon-th-list"></i>Lists &amp; Cards</div></a></li>
+										<li><a href="maps.html"><div><i class="icon-map-marker2"></i>Maps</div></a></li>
+										<li><a href="media-embeds.html"><div><i class="icon-play"></i>Media Embeds</div></a></li>
+										<li><a href="modal-popovers.html"><div><i class="icon-move"></i>Modal Boxes</div></a></li>
+										<li><a href="navigation.html"><div><i class="icon-align-justify2"></i>Navigations</div></a></li>
+										<li><a href="pagination-progress.html"><div><i class="icon-cogs"></i>Pagination</div></a></li>
+										<li><a href="pie-skills.html"><div><i class="icon-tasks"></i>Pies &amp; Skills</div></a></li>
+										<li><a href="component-range-slider.html"><div><i class="icon-line-move"></i>Range Slider</div></a></li>
+										<li><a href="component-ratings.html"><div><i class="icon-star3"></i>Star Ratings</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="pricing.html"><div><i class="icon-dollar"></i>Pricing Boxes</div></a></li>
+										<li><a href="process-steps.html"><div><i class="icon-thumbs-up"></i>Process Steps</div></a></li>
+										<li><a href="promo-boxes.html"><div><i class="icon-rocket"></i>Promo Boxes</div></a></li>
+										<li><a href="quotes-blockquotes.html"><div><i class="icon-quote-left"></i>Blockquotes</div></a></li>
+										<li><a href="responsive.html"><div><i class="icon-laptop2"></i>Responsive</div></a></li>
+										<li><a href="sections.html"><div><i class="icon-folder-open"></i>Sections</div></a></li>
+										<li><a href="social-icons.html"><div><i class="icon-facebook2"></i>Social Icons</div></a></li>
+										<li><a href="component-select-picker.html"><div><i class="icon-select"></i>Select Picker</div></a></li>
+										<li><a href="component-select-box.html"><div><i class="icon-line-columns"></i>Select Boxes</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="style-boxes.html"><div><i class="icon-exclamation-sign"></i>Alert Boxes</div></a></li>
+										<li><a href="styled-icons.html"><div><i class="icon-flag2"></i>Styled Icons</div></a></li>
+										<li><a href="tables.html"><div><i class="icon-table"></i>Tables</div></a></li>
+										<li><a href="tabs.html"><div><i class="icon-star3"></i>Tabs</div></a></li>
+										<li><a href="testimonials-twitter.html"><div><i class="icon-user4"></i>Testimonials</div></a></li>
+										<li><a href="thumbnails-slider.html"><div><i class="icon-camera3"></i>Thumbnails</div></a></li>
+										<li><a href="toggles-accordions.html"><div><i class="icon-ok-circle"></i>Toggles</div></a></li>
+										<li><a href="component-radios-switches.html"><div><i class="icon-line-square-check"></i>Radios &amp; Switches</div></a></li>
+										<li><a href="flip-cards.html"><div><i class="icon-refresh"></i>Flip Cards</div></a></li>
+									</ul>
+								</div>
+							</li>
+						</ul>
+
+						<!-- Top Cart
+						============================================= -->
+						<div id="top-cart">
+							<a href="#" id="top-cart-trigger"><i class="icon-shopping-cart"></i><span>5</span></a>
+							<div class="top-cart-content">
+								<div class="top-cart-title">
+									<h4>Shopping Cart</h4>
+								</div>
+								<div class="top-cart-items">
+									<div class="top-cart-item clearfix">
+										<div class="top-cart-item-image">
+											<a href="#"><img src="images/shop/small/1.jpg" alt="Blue Round-Neck Tshirt" /></a>
+										</div>
+										<div class="top-cart-item-desc">
+											<a href="#">Blue Round-Neck Tshirt</a>
+											<span class="top-cart-item-price">$19.99</span>
+											<span class="top-cart-item-quantity">x 2</span>
+										</div>
+									</div>
+									<div class="top-cart-item clearfix">
+										<div class="top-cart-item-image">
+											<a href="#"><img src="images/shop/small/6.jpg" alt="Light Blue Denim Dress" /></a>
+										</div>
+										<div class="top-cart-item-desc">
+											<a href="#">Light Blue Denim Dress</a>
+											<span class="top-cart-item-price">$24.99</span>
+											<span class="top-cart-item-quantity">x 3</span>
+										</div>
+									</div>
+								</div>
+								<div class="top-cart-action clearfix">
+									<span class="fleft top-checkout-price">$114.95</span>
+									<button class="button button-3d button-small nomargin fright">View Cart</button>
+								</div>
+							</div>
+						</div><!-- #top-cart end -->
+
+						<!-- Top Search
+						============================================= -->
+						<div id="top-search">
+							<a href="#" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a>
+							<form action="search.html" method="get">
+								<input type="text" name="q" class="form-control" value="" placeholder="Type &amp; Hit Enter..">
+							</form>
+						</div><!-- #top-search end -->
+
+					</nav><!-- #primary-menu end -->
+
+				</div>
+
+			</div>
+
+		</header><!-- #header end -->
+
+		<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix">
+			<div class="slider-parallax-inner">
+
+				<div class="swiper-container swiper-parent">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/1.jpg');">
+							<div class="container clearfix">
+								<div class="slider-caption slider-caption-center">
+									<h2 data-animate="fadeInUp">Welcome to Canvas</h2>
+									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements &amp; simply put them on your own Canvas.</p>
+								</div>
+							</div>
+						</div>
+						<div class="swiper-slide dark">
+							<div class="container clearfix">
+								<div class="slider-caption slider-caption-center">
+									<h2 data-animate="fadeInUp">Beautifully Flexible</h2>
+									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Looks beautiful &amp; ultra-sharp on Retina Screen Displays. Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
+								</div>
+							</div>
+							<div class="video-wrap">
+								<video id="slide-video" poster="images/videos/explore.jpg" preload="auto" loop autoplay muted>
+									<source src='images/videos/explore.webm' type='video/webm' />
+									<source src='images/videos/explore.mp4' type='video/mp4' />
+								</video>
+								<div class="video-overlay" style="background-color: rgba(0,0,0,0.55);"></div>
+							</div>
+						</div>
+						<div class="swiper-slide" style="background-image: url('images/slider/swiper/3.jpg'); background-position: center top;">
+							<div class="container clearfix">
+								<div class="slider-caption">
+									<h2 data-animate="fadeInUp">Great Performance</h2>
+									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">You'll be surprised to see the Final Results of your Creation &amp; would crave for more.</p>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
+					<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
+				</div>
+
+				<a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown"></i></a>
+
+			</div>
+		</section>
+
+		<!-- Content
+		============================================= -->
+		<section id="content">
+
+			<div class="content-wrap">
+
+				<div class="container clearfix">
+					<div class="row clearfix">
+
+						<div class="col-xl-5">
+							<div class="heading-block topmargin">
+								<h1>Welcome to Canvas.<br>MultiPurpose Template.</h1>
+							</div>
+							<p class="lead">Create a website that you are gonna be proud of. Be it Business, Portfolio, Agency, Photography, eCommerce &amp; much more.</p>
+						</div>
+
+						<div class="col-xl-7">
+
+							<div style="position: relative; margin-bottom: -60px;" class="ohidden" data-height-xl="426" data-height-lg="567" data-height-md="470" data-height-md="287" data-height-xs="183">
+								<img src="images/services/main-fbrowser.png" style="position: absolute; top: 0; left: 0;" data-animate="fadeInUp" data-delay="100" alt="Chrome">
+								<img src="images/services/main-fmobile.png" style="position: absolute; top: 0; left: 0;" data-animate="fadeInUp" data-delay="400" alt="iPad">
+							</div>
+
+						</div>
+
+					</div>
+				</div>
+
+				<div class="section nobottommargin">
+					<div class="container clear-bottommargin clearfix">
+
+						<div class="row topmargin-sm clearfix">
+
+							<div class="col-lg-4 bottommargin">
+								<i class="i-plain color i-large icon-line2-screen-desktop inline-block" style="margin-bottom: 15px;"></i>
+								<div class="heading-block nobottomborder" style="margin-bottom: 15px;">
+									<span class="before-heading">Scalable on Devices.</span>
+									<h4>Responsive &amp; Retina</h4>
+								</div>
+								<p>Employment respond committed meaningful fight against oppression social challenges rural legal aid governance. Meaningful work, implementation, process cooperation, campaign inspire.</p>
+							</div>
+
+							<div class="col-lg-4 bottommargin">
+								<i class="i-plain color i-large icon-line2-energy inline-block" style="margin-bottom: 15px;"></i>
+								<div class="heading-block nobottomborder" style="margin-bottom: 15px;">
+									<span class="before-heading">Smartly Coded &amp; Maintained.</span>
+									<h4>Powerful Performance</h4>
+								</div>
+								<p>Medecins du Monde Jane Addams reduce child mortality challenges Ford Foundation. Diversification shifting landscape advocate pathway to a better life rights international. Assessment.</p>
+							</div>
+
+							<div class="col-lg-4 bottommargin">
+								<i class="i-plain color i-large icon-line2-equalizer inline-block" style="margin-bottom: 15px;"></i>
+								<div class="heading-block nobottomborder" style="margin-bottom: 15px;">
+									<span class="before-heading">Flexible &amp; Customizable.</span>
+									<h4>Truly Multi-Purpose</h4>
+								</div>
+								<p>Democracy inspire breakthroughs, Rosa Parks; inspiration raise awareness natural resources. Governance impact; transformative donation philanthropy, respect reproductive.</p>
+							</div>
+
+						</div>
+
+					</div>
+				</div>
+
+				<div class="container clearfix">
+
+					<div class="heading-block topmargin-lg center">
+						<h2>Even more Feature Rich</h2>
+						<span class="divcenter">Philanthropy convener livelihoods, initiative end hunger gender rights local. John Lennon storytelling; advocate, altruism impact catalyst.</span>
+					</div>
+
+					<div class="row bottommargin-sm">
+
+						<div class="col-lg-4 col-md-6 bottommargin">
+
+							<div class="feature-box fbox-right topmargin" data-animate="fadeIn">
+								<div class="fbox-icon">
+									<a href="#"><i class="icon-line-heart"></i></a>
+								</div>
+								<h3>Boxed &amp; Wide Layouts</h3>
+								<p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
+							</div>
+
+							<div class="feature-box fbox-right topmargin" data-animate="fadeIn" data-delay="200">
+								<div class="fbox-icon">
+									<a href="#"><i class="icon-line-paper"></i></a>
+								</div>
+								<h3>Extensive Documentation</h3>
+								<p>We have covered each &amp; everything in our Docs including Videos &amp; Screenshots.</p>
+							</div>
+
+							<div class="feature-box fbox-right topmargin" data-animate="fadeIn" data-delay="400">
+								<div class="fbox-icon">
+									<a href="#"><i class="icon-line-layers"></i></a>
+								</div>
+								<h3>Parallax Support</h3>
+								<p>Display your Content attractively using Parallax Sections with HTML5 Videos.</p>
+							</div>
+
+						</div>
+
+						<div class="col-lg-4 d-md-none d-lg-block bottommargin center">
+							<img src="images/services/iphone7.png" alt="iphone 2">
+						</div>
+
+						<div class="col-lg-4 col-md-6 bottommargin">
+
+							<div class="feature-box topmargin" data-animate="fadeIn">
+								<div class="fbox-icon">
+									<a href="#"><i class="icon-line-power"></i></a>
+								</div>
+								<h3>HTML5 Video</h3>
+								<p>Canvas provides support for Native HTML5 Videos that can be added to a Background.</p>
+							</div>
+
+							<div class="feature-box topmargin" data-animate="fadeIn" data-delay="200">
+								<div class="fbox-icon">
+									<a href="#"><i class="icon-line-check"></i></a>
+								</div>
+								<h3>Endless Possibilities</h3>
+								<p>Complete control on each &amp; every element that provides endless customization.</p>
+							</div>
+
+							<div class="feature-box topmargin" data-animate="fadeIn" data-delay="400">
+								<div class="fbox-icon">
+									<a href="#"><i class="icon-bulb"></i></a>
+								</div>
+								<h3>Light &amp; Dark Color Schemes</h3>
+								<p>Change your Website's Primary Scheme instantly by simply adding the dark class.</p>
+							</div>
+
+						</div>
+
+					</div>
+
+				</div>
+
+				<div class="row clearfix align-items-stretch">
+
+					<div class="col-lg-6 center col-padding" style="background: url('images/services/main-bg.jpg') center center no-repeat; background-size: cover;">
+					</div>
+
+					<div class="col-lg-6 center col-padding" style="background-color: #F5F5F5;">
+						<div class="heading-block nobottomborder">
+							<span class="before-heading color">Easily Understandable &amp; Customizable.</span>
+							<h3>Walkthrough Videos &amp; Demos</h3>
+						</div>
+
+						<div class="center bottommargin">
+							<a href="https://vimeo.com/101373765" data-lightbox="iframe" style="position: relative;">
+								<img src="images/services/video.jpg" alt="Video">
+								<span class="i-overlay nobg"><img src="images/icons/video-play.png" alt="Play"></span>
+							</a>
+						</div>
+						<p class="lead nobottommargin">Democracy inspire breakthroughs, Rosa Parks; inspiration raise awareness natural resources. Governance impact; transformative donation philanthropy, respect reproductive.</p>
+					</div>
+
+				</div>
+
+				<div class="row clearfix align-items-stretch bottommargin-lg">
+
+					<div class="col-lg-3 col-md-6 dark center col-padding" style="background-color: #515875;">
+						<i class="i-plain i-xlarge divcenter icon-line2-directions"></i>
+						<div class="counter counter-lined"><span data-from="100" data-to="846" data-refresh-interval="50" data-speed="2000"></span>K</div>
+						<h5>Lines of Codes</h5>
+					</div>
+
+					<div class="col-lg-3 col-md-6 dark center col-padding" style="background-color: #576F9E;">
+						<i class="i-plain i-xlarge divcenter icon-line2-graph"></i>
+						<div class="counter counter-lined"><span data-from="3000" data-to="21500" data-refresh-interval="100" data-speed="2500"></span></div>
+						<h5>KBs of HTML Files</h5>
+					</div>
+
+					<div class="col-lg-3 col-md-6 dark center col-padding" style="background-color: #6697B9;">
+						<i class="i-plain i-xlarge divcenter icon-line2-layers"></i>
+						<div class="counter counter-lined"><span data-from="10" data-to="408" data-refresh-interval="25" data-speed="3500"></span></div>
+						<h5>No. of Templates</h5>
+					</div>
+
+					<div class="col-lg-3 col-md-6 dark center col-padding" style="background-color: #88C3D8;">
+						<i class="i-plain i-xlarge divcenter icon-line2-clock"></i>
+						<div class="counter counter-lined"><span data-from="60" data-to="1400" data-refresh-interval="30" data-speed="2700"></span></div>
+						<h5>Hours of Coding</h5>
+					</div>
+
+				</div>
+
+				<div class="container clearfix">
+
+					<div class="col_one_third">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-line-monitor"></i></a>
+							</div>
+							<h3>Responsive Layout</h3>
+							<p>Powerful Layout with Responsive functionality that can be adapted to any screen size.</p>
+						</div>
+					</div>
+
+					<div class="col_one_third">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-line-eye"></i></a>
+							</div>
+							<h3>Retina Ready Graphics</h3>
+							<p>Looks beautiful &amp; ultra-sharp on Retina Displays with Retina Icons, Fonts &amp; Images.</p>
+						</div>
+					</div>
+
+					<div class="col_one_third col_last">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-line-star"></i></a>
+							</div>
+							<h3>Powerful Performance</h3>
+							<p>Optimized code that are completely customizable and deliver unmatched fast performance.</p>
+						</div>
+					</div>
+
+					<div class="clear"></div>
+
+					<div class="col_one_third">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-line-play"></i></a>
+							</div>
+							<h3>HTML5 Video</h3>
+							<p>Canvas provides support for Native HTML5 Videos that can be added to a Full Width Background.</p>
+						</div>
+					</div>
+
+					<div class="col_one_third">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-params"></i></a>
+							</div>
+							<h3>Parallax Support</h3>
+							<p>Display your Content attractively using Parallax Sections that have unlimited customizable areas.</p>
+						</div>
+					</div>
+
+					<div class="col_one_third col_last">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-line-circle-check"></i></a>
+							</div>
+							<h3>Endless Possibilities</h3>
+							<p>Complete control on each &amp; every element that provides endless customization possibilities.</p>
+						</div>
+					</div>
+
+					<div class="clear"></div>
+
+					<div class="col_one_third bottommargin-sm">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-bulb"></i></a>
+							</div>
+							<h3>Light &amp; Dark Color Schemes</h3>
+							<p>Change your Website's Primary Scheme instantly by simply adding the dark class to the body.</p>
+						</div>
+					</div>
+
+					<div class="col_one_third bottommargin-sm">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-heart2"></i></a>
+							</div>
+							<h3>Boxed &amp; Wide Layouts</h3>
+							<p>Stretch your Website to the Full Width or make it boxed to surprise your visitors.</p>
+						</div>
+					</div>
+
+					<div class="col_one_third bottommargin-sm col_last">
+						<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="1000">
+							<div class="fbox-icon">
+								<a href="#"><i class="icon-note"></i></a>
+							</div>
+							<h3>Extensive Documentation</h3>
+							<p>We have covered each &amp; everything in our Documentation including Videos &amp; Screenshots.</p>
+						</div>
+					</div>
+
+					<div class="clear"></div>
+
+				</div>
+
+				<div class="section topmargin nobottommargin nobottomborder">
+					<div class="container clearfix">
+						<div class="heading-block center nomargin">
+							<h3>Our Latest Works</h3>
+						</div>
+					</div>
+				</div>
+
+				<div id="portfolio" class="portfolio portfolio-nomargin grid-container portfolio-notitle portfolio-full grid-container clearfix">
+
+					<article class="portfolio-item pf-media pf-icons">
+						<div class="portfolio-image">
+							<a href="portfolio-single.html">
+								<img src="images/portfolio/4/1.jpg" alt="Open Imagination">
+							</a>
+							<div class="portfolio-overlay">
+								<a href="images/portfolio/full/1.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
+								<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single.html">Open Imagination</a></h3>
+							<span><a href="#">Media</a>, <a href="#">Icons</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-illustrations">
+						<div class="portfolio-image">
+							<a href="portfolio-single.html">
+								<img src="images/portfolio/4/2.jpg" alt="Locked Steel Gate">
+							</a>
+							<div class="portfolio-overlay">
+								<a href="images/portfolio/full/2.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
+								<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single.html">Locked Steel Gate</a></h3>
+							<span><a href="#">Illustrations</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-graphics pf-uielements">
+						<div class="portfolio-image">
+							<a href="#">
+								<img src="images/portfolio/4/3.jpg" alt="Mac Sunglasses">
+							</a>
+							<div class="portfolio-overlay">
+								<a href="https://vimeo.com/89396394" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
+								<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single-video.html">Mac Sunglasses</a></h3>
+							<span><a href="#">Graphics</a>, <a href="#">UI Elements</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-icons pf-illustrations">
+						<div class="portfolio-image">
+							<a href="portfolio-single.html">
+								<img src="images/portfolio/4/4.jpg" alt="Open Imagination">
+							</a>
+							<div class="portfolio-overlay" data-lightbox="gallery">
+								<a href="images/portfolio/full/4.jpg" class="left-icon" data-lightbox="gallery-item"><i class="icon-line-stack-2"></i></a>
+								<a href="images/portfolio/full/4-1.jpg" class="hidden" data-lightbox="gallery-item"></a>
+								<a href="portfolio-single-gallery.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single-gallery.html">Morning Dew</a></h3>
+							<span><a href="#">Icons</a>, <a href="#">Illustrations</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-uielements pf-media">
+						<div class="portfolio-image">
+							<a href="portfolio-single.html">
+								<img src="images/portfolio/4/5.jpg" alt="Console Activity">
+							</a>
+							<div class="portfolio-overlay">
+								<a href="images/portfolio/full/5.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
+								<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single.html">Console Activity</a></h3>
+							<span><a href="#">UI Elements</a>, <a href="#">Media</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-graphics pf-illustrations">
+						<div class="portfolio-image">
+							<a href="portfolio-single.html">
+								<img src="images/portfolio/4/6.jpg" alt="Open Imagination">
+							</a>
+							<div class="portfolio-overlay" data-lightbox="gallery">
+								<a href="images/portfolio/full/6.jpg" class="left-icon" data-lightbox="gallery-item"><i class="icon-line-stack-2"></i></a>
+								<a href="images/portfolio/full/6-1.jpg" class="hidden" data-lightbox="gallery-item"></a>
+								<a href="images/portfolio/full/6-2.jpg" class="hidden" data-lightbox="gallery-item"></a>
+								<a href="images/portfolio/full/6-3.jpg" class="hidden" data-lightbox="gallery-item"></a>
+								<a href="portfolio-single-gallery.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single-gallery.html">Shake It!</a></h3>
+							<span><a href="#">Illustrations</a>, <a href="#">Graphics</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-uielements pf-icons">
+						<div class="portfolio-image">
+							<a href="portfolio-single-video.html">
+								<img src="images/portfolio/4/7.jpg" alt="Backpack Contents">
+							</a>
+							<div class="portfolio-overlay">
+								<a href="https://www.youtube.com/watch?v=kuceVNBTJio" class="left-icon" data-lightbox="iframe"><i class="icon-line-play"></i></a>
+								<a href="portfolio-single-video.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single-video.html">Backpack Contents</a></h3>
+							<span><a href="#">UI Elements</a>, <a href="#">Icons</a></span>
+						</div>
+					</article>
+
+					<article class="portfolio-item pf-graphics">
+						<div class="portfolio-image">
+							<a href="portfolio-single.html">
+								<img src="images/portfolio/4/8.jpg" alt="Sunset Bulb Glow">
+							</a>
+							<div class="portfolio-overlay">
+								<a href="images/portfolio/full/8.jpg" class="left-icon" data-lightbox="image"><i class="icon-line-plus"></i></a>
+								<a href="portfolio-single.html" class="right-icon"><i class="icon-line-ellipsis"></i></a>
+							</div>
+						</div>
+						<div class="portfolio-desc">
+							<h3><a href="portfolio-single.html">Sunset Bulb Glow</a></h3>
+							<span><a href="#">Graphics</a></span>
+						</div>
+					</article>
+
+				</div>
+
+
+				<div class="clear"></div>
+
+				<a href="portfolio.html" class="button button-full button-dark center tright bottommargin-lg">
+					<div class="container clearfix">
+						More than 100+ predefined Portfolio Grid Layouts. <strong>See More</strong> <i class="icon-caret-right" style="top:4px;"></i>
+					</div>
+				</a>
+
+				<div class="container clearfix">
+
+					<div class="col_one_third bottommargin-sm center">
+						<img data-animate="fadeInLeft" src="images/services/iphone6.png" alt="Iphone">
+					</div>
+
+					<div class="col_two_third bottommargin-sm col_last">
+
+						<div class="heading-block topmargin-sm">
+							<h3>Optimized for Mobile &amp; Touch Enabled Devices.</h3>
+						</div>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero quod consequuntur quibusdam, enim expedita sed quia nesciunt incidunt accusamus necessitatibus modi adipisci officia libero accusantium esse hic, obcaecati, ullam, laboriosam!</p>
+
+						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti vero, animi suscipit id facere officia. Aspernatur, quo, quos nisi dolorum aperiam fugiat deserunt velit rerum laudantium cum magnam.</p>
+
+						<a href="#" class="button button-border button-dark button-rounded button-large noleftmargin topmargin-sm">Learn more</a>
+
+					</div>
+
+				</div>
+
+				<div class="section parallax dark nobottommargin" style="background-image: url('images/services/home-testi-bg.jpg'); padding: 100px 0;" data-bottom-top="background-position:0px 300px;" data-top-bottom="background-position:0px -300px;">
+
+					<div class="heading-block center">
+						<h3>What Clients Say?</h3>
+					</div>
+
+					<div class="fslider testimonial testimonial-full" data-animation="fade" data-arrows="false">
+						<div class="flexslider">
+							<div class="slider-wrap">
+								<div class="slide">
+									<div class="testi-image">
+										<a href="#"><img src="images/testimonials/3.jpg" alt="Customer Testimonails"></a>
+									</div>
+									<div class="testi-content">
+										<p>Similique fugit repellendus expedita excepturi iure perferendis provident quia eaque. Repellendus, vero numquam?</p>
+										<div class="testi-meta">
+											Steve Jobs
+											<span>Apple Inc.</span>
+										</div>
+									</div>
+								</div>
+								<div class="slide">
+									<div class="testi-image">
+										<a href="#"><img src="images/testimonials/2.jpg" alt="Customer Testimonails"></a>
+									</div>
+									<div class="testi-content">
+										<p>Natus voluptatum enim quod necessitatibus quis expedita harum provident eos obcaecati id culpa corporis molestias.</p>
+										<div class="testi-meta">
+											Collis Ta'eed
+											<span>Envato Inc.</span>
+										</div>
+									</div>
+								</div>
+								<div class="slide">
+									<div class="testi-image">
+										<a href="#"><img src="images/testimonials/1.jpg" alt="Customer Testimonails"></a>
+									</div>
+									<div class="testi-content">
+										<p>Incidunt deleniti blanditiis quas aperiam recusandae consequatur ullam quibusdam cum libero illo rerum!</p>
+										<div class="testi-meta">
+											John Doe
+											<span>XYZ Inc.</span>
+										</div>
+									</div>
+								</div>
+							</div>
+						</div>
+					</div>
+
+				</div>
+
+				<div class="section notopmargin notopborder">
+					<div class="container clearfix">
+						<div class="heading-block center nomargin">
+							<h3>Latest from the Blog</h3>
+						</div>
+					</div>
+				</div>
+
+				<div class="container clear-bottommargin clearfix">
+					<div class="row">
+
+						<div class="col-lg-3 col-md-6 bottommargin">
+							<div class="ipost clearfix">
+								<div class="entry-image">
+									<a href="#"><img class="image_fade" src="images/magazine/thumb/1.jpg" alt="Image"></a>
+								</div>
+								<div class="entry-title">
+									<h3><a href="blog-single.html">Bloomberg smart cities; change-makers economic security</a></h3>
+								</div>
+								<ul class="entry-meta clearfix">
+									<li><i class="icon-calendar3"></i> 13th Jun 2014</li>
+									<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 53</a></li>
+								</ul>
+								<div class="entry-content">
+									<p>Prevention effect, advocate dialogue rural development lifting people up community civil society. Catalyst, grantees leverage.</p>
+								</div>
+							</div>
+						</div>
+
+						<div class="col-lg-3 col-md-6 bottommargin">
+							<div class="ipost clearfix">
+								<div class="entry-image">
+									<a href="#"><img class="image_fade" src="images/magazine/thumb/2.jpg" alt="Image"></a>
+								</div>
+								<div class="entry-title">
+									<h3><a href="blog-single.html">Medicine new approaches communities, outcomes partnership</a></h3>
+								</div>
+								<ul class="entry-meta clearfix">
+									<li><i class="icon-calendar3"></i> 24th Feb 2014</li>
+									<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 17</a></li>
+								</ul>
+								<div class="entry-content">
+									<p>Cross-agency coordination clean water rural, promising development turmoil inclusive education transformative community.</p>
+								</div>
+							</div>
+						</div>
+
+						<div class="col-lg-3 col-md-6 bottommargin">
+							<div class="ipost clearfix">
+								<div class="entry-image">
+									<a href="#"><img class="image_fade" src="images/magazine/thumb/3.jpg" alt="Image"></a>
+								</div>
+								<div class="entry-title">
+									<h3><a href="blog-single.html">Significant altruism planned giving insurmountable challenges liberal</a></h3>
+								</div>
+								<ul class="entry-meta clearfix">
+									<li><i class="icon-calendar3"></i> 30th Dec 2014</li>
+									<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 13</a></li>
+								</ul>
+								<div class="entry-content">
+									<p>Micro-finance; vaccines peaceful contribution citizens of change generosity. Measures design thinking accelerate progress medical initiative.</p>
+								</div>
+							</div>
+						</div>
+
+						<div class="col-lg-3 col-md-6 bottommargin">
+							<div class="ipost clearfix">
+								<div class="entry-image">
+									<a href="#"><img class="image_fade" src="images/magazine/thumb/4.jpg" alt="Image"></a>
+								</div>
+								<div class="entry-title">
+									<h3><a href="blog-single.html">Compassion conflict resolution, progressive; tackle</a></h3>
+								</div>
+								<ul class="entry-meta clearfix">
+									<li><i class="icon-calendar3"></i> 15th Jan 2014</li>
+									<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 54</a></li>
+								</ul>
+								<div class="entry-content">
+									<p>Community health workers best practices, effectiveness meaningful work The Elders fairness. Our ambitions local solutions globalization.</p>
+								</div>
+							</div>
+						</div>
+
+					</div>
+				</div>
+
+				<div class="section">
+					<div class="container clearfix">
+
+						<div class="heading-block topmargin-sm center">
+							<h3>Meet Our Team</h3>
+						</div>
+
+						<div class="row">
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+
+								<div class="team">
+									<div class="team-image">
+										<img src="images/team/3.jpg" alt="John Doe">
+									</div>
+									<div class="team-desc team-desc-bg">
+										<div class="team-title"><h4>John Doe</h4><span>CEO</span></div>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
+											<i class="icon-facebook"></i>
+											<i class="icon-facebook"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
+											<i class="icon-twitter"></i>
+											<i class="icon-twitter"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
+											<i class="icon-gplus"></i>
+											<i class="icon-gplus"></i>
+										</a>
+									</div>
+								</div>
+
+							</div>
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+
+								<div class="team">
+									<div class="team-image">
+										<img src="images/team/2.jpg" alt="Josh Clark">
+									</div>
+									<div class="team-desc team-desc-bg">
+										<div class="team-title"><h4>Josh Clark</h4><span>Co-Founder</span></div>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
+											<i class="icon-facebook"></i>
+											<i class="icon-facebook"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
+											<i class="icon-twitter"></i>
+											<i class="icon-twitter"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
+											<i class="icon-gplus"></i>
+											<i class="icon-gplus"></i>
+										</a>
+									</div>
+								</div>
+
+							</div>
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+
+								<div class="team">
+									<div class="team-image">
+										<img src="images/team/8.jpg" alt="Mary Jane">
+									</div>
+									<div class="team-desc team-desc-bg">
+										<div class="team-title"><h4>Mary Jane</h4><span>Sales</span></div>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
+											<i class="icon-facebook"></i>
+											<i class="icon-facebook"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
+											<i class="icon-twitter"></i>
+											<i class="icon-twitter"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
+											<i class="icon-gplus"></i>
+											<i class="icon-gplus"></i>
+										</a>
+									</div>
+								</div>
+
+							</div>
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+
+								<div class="team">
+									<div class="team-image">
+										<img src="images/team/4.jpg" alt="Nix Maxwell">
+									</div>
+									<div class="team-desc team-desc-bg">
+										<div class="team-title"><h4>Nix Maxwell</h4><span>Support</span></div>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-facebook">
+											<i class="icon-facebook"></i>
+											<i class="icon-facebook"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-twitter">
+											<i class="icon-twitter"></i>
+											<i class="icon-twitter"></i>
+										</a>
+										<a href="#" class="social-icon inline-block si-small si-light si-rounded si-gplus">
+											<i class="icon-gplus"></i>
+											<i class="icon-gplus"></i>
+										</a>
+									</div>
+								</div>
+
+							</div>
+
+						</div>
+
+					</div>
+				</div>
+
+				<div class="container clearfix">
+
+					<div id="oc-clients" class="owl-carousel image-carousel carousel-widget" data-margin="60" data-loop="true" data-nav="false" data-autoplay="5000" data-pagi="false" data-items-xs="2" data-items-sm="3" data-items-md="4" data-items-lg="5" data-items-xl="6">
+
+						<div class="oc-item"><a href="#"><img src="images/clients/1.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/2.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/3.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/4.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/5.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/6.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/7.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/8.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/9.png" alt="Clients"></a></div>
+						<div class="oc-item"><a href="#"><img src="images/clients/10.png" alt="Clients"></a></div>
+
+					</div>
+
+
+				</div>
+
+			</div>
+
+		</section><!-- #content end -->
+
+		<!-- Footer
+		============================================= -->
+		<footer id="footer" class="dark">
+
+			<div class="container">
+
+				<!-- Footer Widgets
+				============================================= -->
+				<div class="footer-widgets-wrap clearfix">
+
+					<div class="col_two_third">
+
+						<div class="col_one_third">
+
+							<div class="widget clearfix">
+
+								<img src="images/footer-widget-logo.png" alt="" class="footer-logo">
+
+								<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> &amp; <strong>Flexible</strong> Design Standards.</p>
+
+								<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
+									<address>
+										<strong>Headquarters:</strong><br>
+										795 Folsom Ave, Suite 600<br>
+										San Francisco, CA 94107<br>
+									</address>
+									<abbr title="Phone Number"><strong>Phone:</strong></abbr> (91) 8547 632521<br>
+									<abbr title="Fax"><strong>Fax:</strong></abbr> (91) 11 4752 1433<br>
+									<abbr title="Email Address"><strong>Email:</strong></abbr> info@canvas.com
+								</div>
+
+							</div>
+
+						</div>
+
+						<div class="col_one_third">
+
+							<div class="widget widget_links clearfix">
+
+								<h4>Blogroll</h4>
+
+								<ul>
+									<li><a href="https://codex.wordpress.org/">Documentation</a></li>
+									<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
+									<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
+									<li><a href="https://wordpress.org/support/">Support Forums</a></li>
+									<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
+									<li><a href="https://wordpress.org/news/">WordPress Blog</a></li>
+									<li><a href="https://planet.wordpress.org/">WordPress Planet</a></li>
+								</ul>
+
+							</div>
+
+						</div>
+
+						<div class="col_one_third col_last">
+
+							<div class="widget clearfix">
+								<h4>Recent Posts</h4>
+
+								<div id="post-list-footer">
+									<div class="spost clearfix">
+										<div class="entry-c">
+											<div class="entry-title">
+												<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
+											</div>
+											<ul class="entry-meta">
+												<li>10th July 2014</li>
+											</ul>
+										</div>
+									</div>
+
+									<div class="spost clearfix">
+										<div class="entry-c">
+											<div class="entry-title">
+												<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
+											</div>
+											<ul class="entry-meta">
+												<li>10th July 2014</li>
+											</ul>
+										</div>
+									</div>
+
+									<div class="spost clearfix">
+										<div class="entry-c">
+											<div class="entry-title">
+												<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
+											</div>
+											<ul class="entry-meta">
+												<li>10th July 2014</li>
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+
+						</div>
+
+					</div>
+
+					<div class="col_one_third col_last">
+
+						<div class="widget clearfix" style="margin-bottom: -20px;">
+
+							<div class="row">
+
+								<div class="col-lg-6 bottommargin-sm">
+									<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
+									<h5 class="nobottommargin">Total Downloads</h5>
+								</div>
+
+								<div class="col-lg-6 bottommargin-sm">
+									<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
+									<h5 class="nobottommargin">Clients</h5>
+								</div>
+
+							</div>
+
+						</div>
+
+						<div class="widget subscribe-widget clearfix">
+							<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers &amp; Inside Scoops:</h5>
+							<div class="widget-subscribe-form-result"></div>
+							<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="nobottommargin">
+								<div class="input-group divcenter">
+									<div class="input-group-prepend">
+										<div class="input-group-text"><i class="icon-email2"></i></div>
+									</div>
+									<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
+									<div class="input-group-append">
+										<button class="btn btn-success" type="submit">Subscribe</button>
+									</div>
+								</div>
+							</form>
+						</div>
+
+						<div class="widget clearfix" style="margin-bottom: -20px;">
+
+							<div class="row">
+
+								<div class="col-lg-6 clearfix bottommargin-sm">
+									<a href="#" class="social-icon si-dark si-colored si-facebook nobottommargin" style="margin-right: 10px;">
+										<i class="icon-facebook"></i>
+										<i class="icon-facebook"></i>
+									</a>
+									<a href="#"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on Facebook</small></a>
+								</div>
+								<div class="col-lg-6 clearfix">
+									<a href="#" class="social-icon si-dark si-colored si-rss nobottommargin" style="margin-right: 10px;">
+										<i class="icon-rss"></i>
+										<i class="icon-rss"></i>
+									</a>
+									<a href="#"><small style="display: block; margin-top: 3px;"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
+								</div>
+
+							</div>
+
+						</div>
+
+					</div>
+
+				</div><!-- .footer-widgets-wrap end -->
+
+			</div>
+
+			<!-- Copyrights
+			============================================= -->
+			<div id="copyrights">
+
+				<div class="container clearfix">
+
+					<div class="col_half">
+						Copyrights &copy; 2014 All Rights Reserved by Canvas Inc.<br>
+						<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
+					</div>
+
+					<div class="col_half col_last tright">
+						<div class="fright clearfix">
+							<a href="#" class="social-icon si-small si-borderless si-facebook">
+								<i class="icon-facebook"></i>
+								<i class="icon-facebook"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-twitter">
+								<i class="icon-twitter"></i>
+								<i class="icon-twitter"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-gplus">
+								<i class="icon-gplus"></i>
+								<i class="icon-gplus"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-pinterest">
+								<i class="icon-pinterest"></i>
+								<i class="icon-pinterest"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-vimeo">
+								<i class="icon-vimeo"></i>
+								<i class="icon-vimeo"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-github">
+								<i class="icon-github"></i>
+								<i class="icon-github"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-yahoo">
+								<i class="icon-yahoo"></i>
+								<i class="icon-yahoo"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-linkedin">
+								<i class="icon-linkedin"></i>
+								<i class="icon-linkedin"></i>
+							</a>
+						</div>
+
+						<div class="clear"></div>
+
+						<i class="icon-envelope2"></i> info@canvas.com <span class="middot">&middot;</span> <i class="icon-headphones"></i> +91-11-6541-6369 <span class="middot">&middot;</span> <i class="icon-skype2"></i> CanvasOnSkype
+					</div>
+
+				</div>
+
+			</div><!-- #copyrights end -->
+
+		</footer><!-- #footer end -->
+
+	</div><!-- #wrapper end -->
+
+	<!-- Go To Top
+	============================================= -->
+	<div id="gotoTop" class="icon-angle-up"></div>
+
+	<!-- External JavaScripts
+	============================================= -->
+	<script src="js/jquery.js"></script>
+	<script src="js/plugins.js"></script>
+
+	<!-- Footer Scripts
+	============================================= -->
+	<script src="js/functions.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/images/kk-logo-dark.png b/images/kk-logo-dark.png
new file mode 100644
index 0000000..7c93ffb
Binary files /dev/null and b/images/kk-logo-dark.png differ
diff --git a/images/kk-logo-dark2x.png b/images/kk-logo-dark2x.png
new file mode 100644
index 0000000..f279b43
Binary files /dev/null and b/images/kk-logo-dark2x.png differ
diff --git a/images/kk-logo.png b/images/kk-logo.png
index a95a059..7a33b58 100644
Binary files a/images/kk-logo.png and b/images/kk-logo.png differ
diff --git a/images/kk-logo2x.png b/images/kk-logo2x.png
new file mode 100644
index 0000000..d55bcf7
Binary files /dev/null and b/images/kk-logo2x.png differ
diff --git a/images/slider/swiper/oprah_1.jpeg b/images/slider/swiper/oprah_1.jpeg
new file mode 100644
index 0000000..44caf4c
Binary files /dev/null and b/images/slider/swiper/oprah_1.jpeg differ
diff --git a/index copy.html b/index copy.html
new file mode 100755
index 0000000..1343a3c
--- /dev/null
+++ b/index copy.html	
@@ -0,0 +1,356 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en-US">
+<head>
+
+	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+	<meta name="author" content="SemiColonWeb" />
+
+	<!-- Stylesheets
+	============================================= -->
+	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
+	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
+	<link rel="stylesheet" href="style.css" type="text/css" />
+	<link rel="stylesheet" href="css/swiper.css" type="text/css" />
+	<link rel="stylesheet" href="css/dark.css" type="text/css" />
+	<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
+	<link rel="stylesheet" href="css/animate.css" type="text/css" />
+	<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
+
+	<link rel="stylesheet" href="css/responsive.css" type="text/css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+	<!-- Document Title
+	============================================= -->
+	<title>Kehinde Kamson</title>
+
+</head>
+
+<body class="stretched">
+
+	<!-- Document Wrapper
+	============================================= -->
+	<div id="wrapper" class="clearfix">
+
+		<!-- Header
+		============================================= -->
+		<header id="header" class="full-header transparent-header" data-sticky-class="not-dark">
+
+			<div id="header-wrap">
+
+				<div class="container clearfix">
+
+					<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
+
+					<!-- Logo
+					============================================= -->
+					<div id="logo">
+						<a href="index.html" class="standard-logo" data-dark-logo="images/kk-logo-dark.png">
+							<img src="images/kk-logo.png" alt="KK Logo">
+						</a>
+						<a href="index.html" class="retina-logo" data-dark-logo="images/kk-logo-dark2x.png">
+							<img src="images/kk-logo2x.png" alt="KK Logo">
+						</a>
+					</div><!-- #logo end -->
+
+					<!-- Primary Navigation
+					============================================= -->
+					<nav id="primary-menu" class="not-dark">
+
+						<ul>
+							<li class="current"><a href="index.html"><div>Home</div></a></li>
+							<li><a href="index-copy.html"><div>About Me</div></a></li>
+							<li><a href="philanthropy.html"><div>Interests</div></a>
+								<ul>
+									<li><a href="ministry.html"><div>Ministry</div></a></li>
+									<li><a href="philanthropy.html"><div>Philantropy</div></a></li>
+									<li><a href="business.html"><div>Business</div></a></li>
+									<li><a href="writing.html"><div>Writing</div></a></li>
+								</ul>
+							</li>
+							<li><a href="blog.html"><div>Blog</div></a></li>
+							<li><a href="contact.html"><div>Contact</div></a></li>
+						</ul>
+					</nav><!-- #primary-menu end -->
+
+				</div>
+
+			</div>
+
+		</header><!-- #header end -->
+
+		<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" data-effect="fade" data-loop="true" data-autoplay="3000" data-speed="1000" data-progress="true">
+
+			<div class="slider-parallax-inner">
+
+				<div class="swiper-container swiper-parent">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/k1.jpeg');">
+							<div class="container clearfix">
+								<div class="slider-caption slider-caption-center">
+<!-- 									<h2 data-animate="fadeInUp">Welcome to Canvas</h2>
+									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements &amp; simply put them on our Canvas.</p> -->
+								</div>
+							</div>
+						</div>
+
+						<div class="swiper-slide" style="background-image: url('images/slider/swiper/k2.jpeg'); background-position: center top;">
+							<div class="container clearfix">
+								<div class="slider-caption">
+									<!-- <h2 data-animate="fadeInUp">Great Performance</h2>
+									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">You'll be surprised to see the Final Results of your Creation &amp; would crave for more.</p> -->
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
+					<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
+					<div class="swiper-pagination"></div>
+				</div>
+
+			</div>
+
+		</section>
+
+		<!-- <div class="clear"></div> -->
+
+		<section id="content">
+			<div class="content-wrap footer-stick">
+				<section id="section-about" class="page-section nobg nomargin">
+					<div class="container clearfix">
+
+						<div class="heading-block center">
+							<h2>About Me</h2>
+						</div>
+
+						<div class="bottommargin-sm fontlarge">
+
+							<p>Kehinde Kamson is the founder and Chief Executive Officer of Sweet Sensation Nigeria, as well as the president of the Restaurant & Food Services Proprietors Association of Nigeria, (REFSPAN) - the umbrella body for all Quick Service Restaurants in Nigeria.</p>
+
+							<p>She was born on the 14th of August 1961 in Lagos Nigeria to the Late Venerable Archdeacon Beniah  Adeleke Adelaja, a well respected Clergyman and the former Principal of CMS Grammar School, and Late Omoba Evangeline Adebayo Adelaja, founder of Eva Adelaja Secondary School...</p>
+
+							<a href="about-me.html" class="button button-border button-rounded button-medium noleftmargin">Learn more</a>
+						</div>
+					</div>
+
+				</section>
+			</div>
+		</section>
+		<!-- <div class="clear"></div> -->
+
+		<!-- Content
+		============================================= -->
+		<section id="content">
+			<div>
+				<section id="section-interests" class="page-section section nomargin purple-bg">
+					<div class="container clearfix">
+						<div class="heading-block center">
+							<h2 class="whitefont">Interests</h2>
+						</div>
+
+						<div class="row">
+							<div class="col-lg-3 col-md-6">
+								<div class="feature-box media-box">
+									<div class="fbox-media">
+										<img src="images/services/2.jpg" alt="My Interests">
+									</div>
+									<div class="fbox-desc">
+										<h3 class="whitefont">Ministry</h3>
+										<p class="whitefont">I am a Susan Wesley Awardee of the Methodist Trinity Council and a Patroness of the Christian Association of Nigeria. I think of myself as...</p>
+										<a href="ministry.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-lg-3 col-md-6">
+								<div class="feature-box media-box">
+									<div class="fbox-media">
+										<img src="images/services/philanthropy.png" alt="My Interests">
+									</div>
+									<div class="fbox-desc">
+										<h3 class="whitefont">Philanthropy</h3>
+										<p class="whitefont">Over the past 20 years of Sweet Sensation’s existence, I have directed personal and business CSR resources aimed at...</p>
+										<a href="philanthropy.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-lg-3 col-md-6">
+								<div class="feature-box media-box">
+									<div class="fbox-media">
+										<img src="images/services/1.jpg" alt="My Interests">
+									</div>
+									<div class="fbox-desc">
+										<h3 class="whitefont">Business</h3>
+										<p class="whitefont">My decision to start Sweet Sensation was spurred by the difficulties I experienced equating home and work balance while working at...</p>
+										<a href="business.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-lg-3 col-md-5">
+								<div class="feature-box media-box">
+									<div class="fbox-media">
+										<img src="images/services/3.jpg" alt="My Interests">
+									</div>
+									<div class="fbox-desc">
+										<h3 class="whitefont">Writing</h3>
+										<p class="whitefont">Yes, I love to write. I have put pen to paper and authored the book, Pots, Pans and Spoons; a memoir about my personal life and the story of how...</p>
+										<a href="writing.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+									</div>
+								</div>
+							</div>
+						</div>
+
+						<div class="clear"></div>
+
+					</div>
+				</section>
+			</div>
+		</section>
+
+		<section id="content">
+			<div class="content-wrap">
+				<div class="section notopmargin notopborder nobg">
+					<div class="container clearfix">
+
+						<div class="heading-block center">
+							<h2>Latest From The Blog</h2>
+						</div>
+					</div>
+
+					<div class="container clear-bottommargin clearfix">
+						<div class="row">
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+								<div class="ipost clearfix">
+									<div class="entry-image">
+										<a href="#"><img class="image_fade" src="images/magazine/thumb/1.jpg" alt="Image"></a>
+									</div>
+									<div class="entry-title">
+										<h3><a href="blog-single.html">Bloomberg smart cities; change-makers economic security</a></h3>
+									</div>
+									<ul class="entry-meta clearfix">
+										<li><i class="icon-calendar3"></i> 13th Jun 2014</li>
+										<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 53</a></li>
+									</ul>
+									<div class="entry-content">
+										<p>Prevention effect, advocate dialogue rural development lifting people up community civil society. Catalyst, grantees leverage.</p>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+								<div class="ipost clearfix">
+									<div class="entry-image">
+										<a href="#"><img class="image_fade" src="images/magazine/thumb/2.jpg" alt="Image"></a>
+									</div>
+									<div class="entry-title">
+										<h3><a href="blog-single.html">Medicine new approaches communities, outcomes partnership</a></h3>
+									</div>
+									<ul class="entry-meta clearfix">
+										<li><i class="icon-calendar3"></i> 24th Feb 2014</li>
+										<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 17</a></li>
+									</ul>
+									<div class="entry-content">
+										<p>Cross-agency coordination clean water rural, promising development turmoil inclusive education transformative community.</p>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+								<div class="ipost clearfix">
+									<div class="entry-image">
+										<a href="#"><img class="image_fade" src="images/magazine/thumb/3.jpg" alt="Image"></a>
+									</div>
+									<div class="entry-title">
+										<h3><a href="blog-single.html">Significant altruism planned giving insurmountable challenges liberal</a></h3>
+									</div>
+									<ul class="entry-meta clearfix">
+										<li><i class="icon-calendar3"></i> 30th Dec 2014</li>
+										<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 13</a></li>
+									</ul>
+									<div class="entry-content">
+										<p>Micro-finance; vaccines peaceful contribution citizens of change generosity. Measures design thinking accelerate progress medical initiative.</p>
+									</div>
+								</div>
+							</div>
+
+							<div class="col-lg-3 col-md-6 bottommargin">
+								<div class="ipost clearfix">
+									<div class="entry-image">
+										<a href="#"><img class="image_fade" src="images/magazine/thumb/4.jpg" alt="Image"></a>
+									</div>
+									<div class="entry-title">
+										<h3><a href="blog-single.html">Compassion conflict resolution, progressive; tackle</a></h3>
+									</div>
+									<ul class="entry-meta clearfix">
+										<li><i class="icon-calendar3"></i> 15th Jan 2014</li>
+										<li><a href="blog-single.html#comments"><i class="icon-comments"></i> 54</a></li>
+									</ul>
+									<div class="entry-content">
+										<p>Community health workers best practices, effectiveness meaningful work The Elders fairness. Our ambitions local solutions globalization.</p>
+									</div>
+								</div>
+							</div>
+
+						</div>
+					</div>
+				</div>
+			</section>
+		</div>
+
+
+
+
+		<!-- Footer
+		============================================= -->
+				<footer id="footer">
+
+			<!-- Copyrights
+			============================================= -->
+			<div id="copyrights">
+
+				<div class="container clearfix">
+
+					<div class="col_half">
+						Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
+					</div>
+
+					<div class="col_half col_last tright">
+						<div class="fright clearfix">
+							<a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-small si-colored si-instagram">
+								<i class="icon-instagram"></i>
+								<i class="icon-instagram"></i>
+							</a>
+
+							<a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-small si-colored si-twitter">
+								<i class="icon-twitter"></i>
+								<i class="icon-twitter"></i>
+							</a>
+
+							<a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-small si-colored si-facebook">
+								<i class="icon-facebook"></i>
+								<i class="icon-facebook"></i>
+							</a>
+						</div>
+					</div>
+
+				</div>
+
+			</div><!-- #copyrights end -->
+
+		</footer><!-- #footer end -->
+
+	</div><!-- #wrapper end -->
+
+	<!-- External JavaScripts
+	============================================= -->
+	<script src="js/jquery.js"></script>
+	<script src="js/plugins.js"></script>
+
+	<!-- Footer Scripts
+	============================================= -->
+	<script src="js/functions.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/index.html b/index.html
index c03c7c6..b71fc5c 100755
--- a/index.html
+++ b/index.html
@@ -31,28 +31,53 @@
 	============================================= -->
 	<div id="wrapper" class="clearfix">
 
+		<div id="home" class="page-section" style="position:absolute;top:0;left:0;width:100%;height:200px;z-index:-2;"></div>
+
+		<section id="slider" class="slider-element slider-parallax full-screen with-header swiper_wrapper clearfix" data-effect="fade" data-loop="true" data-autoplay="3000" data-speed="1000" data-progress="true">
+
+			<div class="slider-parallax-inner">
+
+				<div class="swiper-container swiper-parent">
+					<div class="swiper-wrapper">
+						<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/k1.jpeg');">
+						</div>
+						<div class="swiper-slide" style="background-image: url('images/slider/swiper/k2.jpeg'); background-position: center top;">
+						</div>
+					</div>
+					<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
+					<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
+					<div class="swiper-pagination"></div>
+				</div>
+
+			</div>
+
+		</section>
+
 		<!-- Header
 		============================================= -->
-		<header id="header" data-sticky-class="not-dark">
+		<header id="header" class="full-header purple-overlay">
 
 			<div id="header-wrap">
 
 				<div class="container clearfix">
 
-					<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
+					<div id="primary-menu-trigger" class="whitefont"><i class="icon-reorder"></i></div>
 
 					<!-- Logo
 					============================================= -->
 					<div id="logo">
-						<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-							<img src="images/kk-logo.png" alt="KK Logo"></a>
-						<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-							<img src="images/kk-logo@2x.png" alt="KK Logo"></a>
-					</div><!-- #logo end -->
+						<a href="index.html" class="standard-logo" data-light-logo="images/kk-logo.png">
+							<img src="images/kk-logo.png" alt="KK Logo">
+						</a>
+						<a href="index.html" class="retina-logo" data-light-logo="images/kk-logo-2x.png">
+							<img src="images/kk-logo.png" alt="KK Logo">
+						</a>
+					</div>
+					<!-- #logo end -->
 
 					<!-- Primary Navigation
 					============================================= -->
-					<nav id="primary-menu" class="dark">
+					<nav id="primary-menu" class="not-dark">
 
 						<ul>
 							<li class="current"><a href="index.html"><div>Home</div></a></li>
@@ -68,47 +93,14 @@
 							<li><a href="blog.html"><div>Blog</div></a></li>
 							<li><a href="contact.html"><div>Contact</div></a></li>
 						</ul>
-
 					</nav><!-- #primary-menu end -->
 
 				</div>
 
 			</div>
+			<a href="#" data-scrollto="#content" data-offset="100" class="dark one-page-arrow"><i class="icon-angle-down infinite animated fadeInDown"></i></a>
 
-		</header><!-- #header end -->
-
-		<section id="slider" class="slider-element slider-parallax swiper_wrapper full-screen clearfix" data-effect="fade" data-loop="true" data-autoplay="3000" data-speed="1000" data-progress="true">
-
-			<div class="slider-parallax-inner">
-
-				<div class="swiper-container swiper-parent">
-					<div class="swiper-wrapper">
-						<div class="swiper-slide dark" style="background-image: url('images/slider/swiper/k1.jpeg');">
-							<div class="container clearfix">
-								<div class="slider-caption slider-caption-center">
-<!-- 									<h2 data-animate="fadeInUp">Welcome to Canvas</h2>
-									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">Create just what you need for your Perfect Website. Choose from a wide range of Elements &amp; simply put them on our Canvas.</p> -->
-								</div>
-							</div>
-						</div>
-
-						<div class="swiper-slide" style="background-image: url('images/slider/swiper/k2.jpeg'); background-position: center top;">
-							<div class="container clearfix">
-								<div class="slider-caption">
-									<!-- <h2 data-animate="fadeInUp">Great Performance</h2>
-									<p class="d-none d-sm-block" data-animate="fadeInUp" data-delay="200">You'll be surprised to see the Final Results of your Creation &amp; would crave for more.</p> -->
-								</div>
-							</div>
-						</div>
-					</div>
-					<div class="slider-arrow-left"><i class="icon-angle-left"></i></div>
-					<div class="slider-arrow-right"><i class="icon-angle-right"></i></div>
-					<div class="swiper-pagination"></div>
-				</div>
-
-			</div>
-
-		</section>
+		</header>
 
 		<!-- <div class="clear"></div> -->
 
@@ -118,14 +110,14 @@
 					<div class="container clearfix">
 
 						<div class="heading-block center">
-							<h2>About Me</h2>
+							<h2 data-animate="fadeInUp">About Me</h2>
 						</div>
 
 						<div class="bottommargin-sm fontlarge">
 
-							<p>Kehinde Kamson is the founder and Chief Executive Officer of Sweet Sensation Nigeria, as well as the president of the Restaurant & Food Services Proprietors Association of Nigeria, (REFSPAN) - the umbrella body for all Quick Service Restaurants in Nigeria.</p>
+							<p data-animate="fadeInUp">Kehinde Kamson is the founder and Chief Executive Officer of Sweet Sensation Nigeria, as well as the president of the Restaurant & Food Services Proprietors Association of Nigeria, (REFSPAN) - the umbrella body for all Quick Service Restaurants in Nigeria.</p>
 
-							<p>She was born on the 14th of August 1961 in Lagos Nigeria to the Late Venerable Archdeacon Beniah  Adeleke Adelaja, a well respected Clergyman and the former Principal of CMS Grammar School, and Late Omoba Evangeline Adebayo Adelaja, founder of Eva Adelaja Secondary School...</p>
+							<p data-animate="fadeInUp">She was born on the 14th of August 1961 in Lagos Nigeria to the Late Venerable Archdeacon Beniah  Adeleke Adelaja, a well respected Clergyman and the former Principal of CMS Grammar School, and Late Omoba Evangeline Adebayo Adelaja, founder of Eva Adelaja Secondary School...</p>
 
 							<a href="about-me.html" class="button button-border button-rounded button-medium noleftmargin">Learn more</a>
 						</div>
@@ -134,19 +126,16 @@ <h2>About Me</h2>
 				</section>
 			</div>
 		</section>
-
-
 		<!-- <div class="clear"></div> -->
 
 		<!-- Content
 		============================================= -->
 		<section id="content">
 			<div>
-				<section id="section-interests" class="page-section section nomargin">
+				<section id="section-interests" class="page-section section nomargin purple-overlay">
 					<div class="container clearfix">
-
 						<div class="heading-block center">
-							<h2>Interests</h2>
+							<h2 class="whitefont" data-animate="fadeInUp">Interests</h2>
 						</div>
 
 						<div class="row">
@@ -156,9 +145,9 @@ <h2>Interests</h2>
 										<img src="images/services/2.jpg" alt="My Interests">
 									</div>
 									<div class="fbox-desc">
-										<h3>Ministry</h3>
-										<p>I am a Susan Wesley Awardee of the Methodist Trinity Council and a Patroness of the Christian Association of Nigeria. I think of myself as...</p>
-										<a href="ministry.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+										<h3 class="whitefont">Ministry</h3>
+										<p class="whitefont">I am a Susan Wesley Awardee of the Methodist Trinity Council and a Patroness of the Christian Association of Nigeria. I think of myself as...</p>
+										<a href="ministry.html" class="button button-light button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
 									</div>
 								</div>
 							</div>
@@ -169,9 +158,9 @@ <h3>Ministry</h3>
 										<img src="images/services/philanthropy.png" alt="My Interests">
 									</div>
 									<div class="fbox-desc">
-										<h3>Philanthropy</h3>
-										<p>Over the past 20 years of Sweet Sensation’s existence, I have directed personal and business CSR resources aimed at...</p>
-										<a href="philanthropy.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+										<h3 class="whitefont">Philanthropy</h3>
+										<p class="whitefont">Over the past 20 years of Sweet Sensation’s existence, I have directed personal and business CSR resources aimed at...</p>
+										<a href="philanthropy.html" class="button button-light button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
 									</div>
 								</div>
 							</div>
@@ -182,9 +171,9 @@ <h3>Philanthropy</h3>
 										<img src="images/services/1.jpg" alt="My Interests">
 									</div>
 									<div class="fbox-desc">
-										<h3>Business</h3>
-										<p>My decision to start Sweet Sensation was spurred by the difficulties I experienced equating home and work balance while working at...</p>
-										<a href="business.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+										<h3 class="whitefont">Business</h3>
+										<p class="whitefont">My decision to start Sweet Sensation was spurred by the difficulties I experienced equating home and work balance while working at...</p>
+										<a href="business.html" class="button button-light button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
 									</div>
 								</div>
 							</div>
@@ -195,9 +184,9 @@ <h3>Business</h3>
 										<img src="images/services/3.jpg" alt="My Interests">
 									</div>
 									<div class="fbox-desc">
-										<h3>Writing</h3>
-										<p>Yes, I love to write. I have put pen to paper and authored the book, Pots, Pans and Spoons; a memoir about my personal life and the story of how...</p>
-										<a href="writing.html" class="button button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
+										<h3 class="whitefont">Writing</h3>
+										<p class="whitefont">Yes, I love to write. I have put pen to paper and authored the book, Pots, Pans and Spoons; a memoir about my personal life and the story of how...</p>
+										<a href="writing.html" class="button button-light button-border button-mini button-border-thin noleftmargin topmargin-sm bottommargin-sm">Read more</a>
 									</div>
 								</div>
 							</div>
@@ -215,8 +204,8 @@ <h3>Writing</h3>
 				<div class="section notopmargin notopborder nobg">
 					<div class="container clearfix">
 
-						<div class="heading-block center">
-							<h2>Latest From The Blog</h2>
+						<div class="heading-block center" >
+							<h2 data-animate="fadeInUp">Latest From The Blog</h2>
 						</div>
 					</div>
 
@@ -306,42 +295,42 @@ <h3><a href="blog-single.html">Compassion conflict resolution, progressive; tack
 
 		<!-- Footer
 		============================================= -->
-		<footer id="footer" class="dark">
+    <footer id="footer" class="dark">
 
-			<!-- Copyrights
-			============================================= -->
-			<div id="copyrights">
+      <!-- Copyrights
+      ============================================= -->
+      <div id="copyrights">
 
-				<div class="container clearfix">
+        <div class="container clearfix">
 
-					<div class="col_half">
-						Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
-					</div>
+          <div class="col_half">
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
+          </div>
 
-					<div class="col_half col_last tright">
-						<div class="fright clearfix">
-							<a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-small si-borderless si-instagram">
-								<i class="icon-instagram"></i>
-								<i class="icon-instagram"></i>
-							</a>
-
-							<a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-small si-borderless si-twitter">
-								<i class="icon-twitter"></i>
-								<i class="icon-twitter"></i>
-							</a>
-
-							<a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-small si-borderless si-facebook">
-								<i class="icon-facebook"></i>
-								<i class="icon-facebook"></i>
-							</a>
-						</div>
-					</div>
+          <div class="col_half col_last tright">
+            <div class="fright clearfix">
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
 
-				</div>
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
+            </div>
+          </div>
+
+        </div>
 
-			</div><!-- #copyrights end -->
+      </div><!-- #copyrights end -->
 
-		</footer><!-- #footer end -->
+    </footer><!-- #footer end -->
 
 	</div><!-- #wrapper end -->
 
diff --git a/ministry.html b/ministry.html
index ca450fa..06e325f 100644
--- a/ministry.html
+++ b/ministry.html
@@ -33,7 +33,7 @@
 
     <!-- Header
     ============================================= -->
-    <header id="header" data-sticky-class="not-dark">
+    <header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
       <div id="header-wrap">
 
@@ -44,13 +44,13 @@
           <!-- Logo
           ============================================= -->
           <div id="logo">
-            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-              <img src="images/kk-logo.png" alt="Canvas Logo">
+            <a href="index.html" class="standard-logo">
+              <img src="images/kk-logo.png" alt="KK Logo">
             </a>
-            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-              <img src="images/kk-logo@2x.png" alt="Canvas Logo">
+            <a href="index.html" class="retina-logo">
+              <img src="images/kk-logo2x.png" alt="KK Logo">
             </a>
-          </div>
+          </div><!-- #logo end -->
 
           <!-- Primary Navigation
           ============================================= -->
@@ -78,17 +78,6 @@
 
     </header><!-- #header end -->
 
-      <!-- Page Title
-    ============================================= -->
-    <section id="page-title" class="page-title-center">
-
-      <div class="container clearfix">
-        <h1>Ministry</h1>
-      </div>
-
-    </section>
-
-
     <!-- Content
     ============================================= -->
     <section id="content">
@@ -96,6 +85,10 @@ <h1>Ministry</h1>
         <div class="container clearfix about-me">
           <div class="row clearfix">
             <div class="col-lg-10 offset-lg-1 fontlarge">
+              <div class="heading-block center">
+                <h3>MINISTRY</h3>
+              </div>
+
               <p>
                I am a Susan Wesley Awardee of the Methodist Trinity Council and a Patroness of the Christian Association of Nigeria. I think of herself as a motivational speaker and hope messenger to women and youths in general. I serve and preach through a private ministry called Tehila Bethesda, and through my messages as a Lay Preacher of the Methodist Church, Nigeria.
               </p>
@@ -107,9 +100,9 @@ <h1>Ministry</h1>
     </section>
 
 
-  <!--  Footer
+    <!--  Footer
     ============================================= -->
-    <footer id="footer" class="dark">
+        <footer id="footer" class="dark">
 
       <!-- Copyrights
       ============================================= -->
@@ -118,14 +111,25 @@ <h1>Ministry</h1>
         <div class="container clearfix">
 
           <div class="col_half">
-            Copyrights &copy; 2020 Kehinde Kamson.
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
           </div>
 
           <div class="col_half col_last tright">
             <div class="fright clearfix">
-              <div class="copyrights-menu copyright-links nobottommargin">
-                <a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-              </div>
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
             </div>
           </div>
 
@@ -135,6 +139,7 @@ <h1>Ministry</h1>
 
     </footer><!-- #footer end -->
 
+
   </div><!-- #wrapper end -->
 
 
diff --git a/navigation.html b/navigation.html
new file mode 100755
index 0000000..658f79e
--- /dev/null
+++ b/navigation.html
@@ -0,0 +1,1356 @@
+<!DOCTYPE html>
+<html dir="ltr" lang="en-US">
+<head>
+
+	<meta http-equiv="content-type" content="text/html; charset=utf-8" />
+	<meta name="author" content="SemiColonWeb" />
+
+	<!-- Stylesheets
+	============================================= -->
+	<link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700|Raleway:300,400,500,600,700|Crete+Round:400i" rel="stylesheet" type="text/css" />
+	<link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
+	<link rel="stylesheet" href="style.css" type="text/css" />
+	<link rel="stylesheet" href="css/dark.css" type="text/css" />
+	<link rel="stylesheet" href="css/font-icons.css" type="text/css" />
+	<link rel="stylesheet" href="css/animate.css" type="text/css" />
+	<link rel="stylesheet" href="css/magnific-popup.css" type="text/css" />
+
+	<link rel="stylesheet" href="css/responsive.css" type="text/css" />
+	<meta name="viewport" content="width=device-width, initial-scale=1" />
+
+	<!-- Document Title
+	============================================= -->
+	<title>Navigation | Canvas</title>
+
+</head>
+
+<body class="stretched">
+
+	<!-- Document Wrapper
+	============================================= -->
+	<div id="wrapper" class="clearfix">
+
+		<!-- Header
+		============================================= -->
+		<header id="header" class="full-header">
+
+			<div id="header-wrap">
+
+				<div class="container clearfix">
+
+					<div id="primary-menu-trigger"><i class="icon-reorder"></i></div>
+
+					<!-- Logo
+					============================================= -->
+					<div id="logo">
+						<a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png"><img src="images/logo.png" alt="Canvas Logo"></a>
+						<a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png"><img src="images/logo@2x.png" alt="Canvas Logo"></a>
+					</div><!-- #logo end -->
+
+					<!-- Primary Navigation
+					============================================= -->
+					<nav id="primary-menu">
+
+						<ul>
+							<li><a href="index.html"><div>Home</div></a>
+								<ul>
+									<li><a href="index-corporate.html"><div>Home - Corporate</div></a>
+										<ul>
+											<li><a href="index-corporate.html"><div>Corporate - Layout 1</div></a></li>
+											<li><a href="index-corporate-2.html"><div>Corporate - Layout 2</div></a></li>
+											<li><a href="index-corporate-3.html"><div>Corporate - Layout 3</div></a></li>
+											<li><a href="index-corporate-4.html"><div>Corporate - Layout 4</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-portfolio.html"><div>Home - Portfolio</div></a>
+										<ul>
+											<li><a href="index-portfolio.html"><div>Portfolio - Layout 1</div></a></li>
+											<li><a href="index-portfolio-2.html"><div>Portfolio - Layout 2</div></a></li>
+											<li><a href="index-portfolio-3.html"><div>Portfolio - Masonry</div></a></li>
+											<li><a href="index-portfolio-4.html"><div>Portfolio - AJAX</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-blog.html"><div>Home - Blog</div></a>
+										<ul>
+											<li><a href="index-blog.html"><div>Blog - Layout 1</div></a></li>
+											<li><a href="index-blog-2.html"><div>Blog - Layout 2</div></a></li>
+											<li><a href="index-blog-3.html"><div>Blog - Layout 3</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-shop.html"><div>Home - Shop</div></a>
+										<ul>
+											<li><a href="index-shop.html"><div>Shop - Layout 1</div></a></li>
+											<li><a href="index-shop-2.html"><div>Shop - Layout 2</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-magazine.html"><div>Home - Magazine</div></a>
+										<ul>
+											<li><a href="index-magazine.html"><div>Magazine - Layout 1</div></a></li>
+											<li><a href="index-magazine-2.html"><div>Magazine - Layout 2</div></a></li>
+											<li><a href="index-magazine-3.html"><div>Magazine - Layout 3</div></a></li>
+										</ul>
+									</li>
+									<li><a href="landing.html"><div>Home - Landing Page</div></a>
+										<ul>
+											<li><a href="landing.html"><div>Landing Page - Layout 1</div></a></li>
+											<li><a href="landing-2.html"><div>Landing Page - Layout 2</div></a></li>
+											<li><a href="landing-3.html"><div>Landing Page - Layout 3</div></a></li>
+											<li><a href="landing-4.html"><div>Landing Page - Layout 4</div></a></li>
+											<li><a href="landing-5.html"><div>Landing Page - Layout 5</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-fullscreen-image.html"><div>Home - Full Screen</div></a>
+										<ul>
+											<li><a href="index-fullscreen-image.html"><div>Full Screen - Image</div></a></li>
+											<li><a href="index-fullscreen-slider.html"><div>Full Screen - Slider</div></a></li>
+											<li><a href="index-fullscreen-video.html"><div>Full Screen - Video</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-onepage.html"><div>Home - One Page</div></a>
+										<ul>
+											<li><a href="index-onepage.html"><div>One Page - Default</div></a></li>
+											<li><a href="index-onepage-2.html"><div>One Page - Submenu</div></a></li>
+											<li><a href="index-onepage-3.html"><div>One Page - Dots Style</div></a></li>
+										</ul>
+									</li>
+									<li><a href="index-wedding.html"><div>Home - Wedding</div></a></li>
+									<li><a href="index-restaurant.html"><div>Home - Restaurant</div></a></li>
+									<li><a href="index-events.html"><div>Home - Events</div></a></li>
+									<li><a href="index-parallax.html"><div>Home - Parallax</div></a></li>
+									<li><a href="index-app-showcase.html"><div>Home - App Showcase</div></a></li>
+									<li><a href="index-boxed.html"><div>Home - Boxed Layout</div></a></li>
+								</ul>
+							</li>
+							<li><a href="#"><div>Features</div></a>
+								<ul>
+									<li><a href="#"><div><i class="icon-stack"></i>Sliders</div></a>
+										<ul>
+											<li><a href="slider-revolution.html"><div>Revolution Slider</div></a>
+												<ul>
+													<li><a href="rs-demos.html"><div>Premium Templates</div></a></li>
+													<li><a href="slider-revolution.html"><div>Full Screen</div></a></li>
+													<li><a href="slider-revolution-fullwidth.html"><div>Full Width</div></a></li>
+													<li><a href="slider-revolution-kenburns.html"><div>Kenburns Effect</div></a></li>
+													<li><a href="slider-revolution-html5-videos.html"><div>HTML5 Video</div></a></li>
+												</ul>
+											</li>
+											<li><a href="slider-canvas.html"><div>Canvas Slider</div></a>
+												<ul>
+													<li><a href="slider-canvas.html"><div>Full Width</div></a></li>
+													<li><a href="slider-canvas-fade.html"><div>Fade Transition</div></a></li>
+													<li><a href="slider-canvas-autoplay.html"><div>Autoplay Feature</div></a></li>
+													<li><a href="slider-canvas-video-event.html"><div>Custom Video Event</div></a></li>
+													<li><a href="slider-canvas-pagination.html"><div>Pagination Navigation</div></a></li>
+													<li><a href="slider-canvas-3.html"><div>3 Columns</div></a></li>
+													<li><a href="slider-canvas-4.html"><div>4 Columns</div></a></li>
+													<li><a href="slider-canvas-5.html"><div>5 Columns</div></a></li>
+												</ul>
+											</li>
+											<li><a href="slider-flex.html"><div>Flex Slider</div></a>
+												<ul>
+													<li><a href="slider-flex.html"><div>Default Layout</div></a></li>
+													<li><a href="slider-flex-thumbs.html"><div>with Thumbs</div></a></li>
+												</ul>
+											</li>
+											<li><a href="slider-owl.html"><div>Owl Slider</div></a>
+												<ul>
+													<li><a href="slider-owl-full.html"><div>Full Width</div></a></li>
+													<li><a href="slider-owl.html"><div>Boxed Width</div></a></li>
+													<li><a href="slider-owl-videos.html"><div>Video Slider</div></a></li>
+												</ul>
+											</li>
+											<li><a href="static-parallax.html"><div>Static Media</div></a>
+												<ul>
+													<li><a href="static-parallax.html"><div>Static - Parallax</div></a></li>
+													<li><a href="static-image.html"><div>Static - Image</div></a></li>
+													<li><a href="static-thumbs-grid.html"><div>Static - Thumb Gallery</div></a></li>
+													<li><a href="static-html5-video.html"><div>Static - HTML5 Video</div></a></li>
+													<li><a href="static-embed-video.html"><div>Static - Embedded Video</div></a></li>
+												</ul>
+											</li>
+										</ul>
+									</li>
+									<li><a href="widgets.html"><div><i class="icon-gift"></i>Widgets</div></a>
+										<ul>
+											<li><a href="widgets.html"><div>Links</div></a></li>
+											<li><a href="widgets.html"><div>Flickr Photostream</div></a></li>
+											<li><a href="widgets.html"><div>Dribbble Shots</div></a></li>
+											<li><a href="widgets.html"><div>Instagram Feed</div></a></li>
+											<li><a href="widgets.html"><div>Posts List</div></a></li>
+											<li><a href="widgets.html"><div>Twitter Feed</div></a></li>
+											<li><a href="widgets.html"><div>Tabbed Widgets</div></a></li>
+											<li><a href="widgets.html"><div>Carousel</div></a></li>
+											<li><a href="widgets.html"><div>Subscribers</div></a></li>
+											<li><a href="widgets.html"><div>Social Icons</div></a></li>
+											<li><a href="widgets.html"><div>Testimonials</div></a></li>
+											<li><a href="widgets.html"><div>Quick Contact</div></a></li>
+											<li><a href="widgets.html"><div>Tags Cloud</div></a></li>
+											<li><a href="widgets.html"><div>Video Embeds</div></a></li>
+											<li><a href="widgets.html"><div>Raw Text/HTML</div></a></li>
+										</ul>
+									</li>
+									<li><a href="#"><div><i class="icon-umbrella"></i>Headers</div></a>
+										<ul>
+											<li><a href="header-light.html"><div>Light Version</div></a></li>
+											<li><a href="header-dark.html"><div>Dark Version</div></a></li>
+											<li><a href="header-transparent.html"><div>Transparent</div></a></li>
+											<li><a href="header-semi-transparent.html"><div>Semi Transparent</div></a>
+												<ul>
+													<li><a href="header-semi-transparent.html"><div>Light Version</div></a></li>
+													<li><a href="header-semi-transparent-dark.html"><div>Dark Version</div></a></li>
+												</ul>
+											</li>
+											<li><a href="header-side-left.html"><div>Left Side Header</div></a>
+												<ul>
+													<li><a href="header-side-left.html"><div>Fixed Position</div></a></li>
+													<li><a href="header-side-left-open.html"><div>OnClick Open</div></a></li>
+													<li><a href="header-side-left-open-push.html"><div>Push Content</div></a></li>
+												</ul>
+											</li>
+											<li><a href="header-side-right.html"><div>Right Side Header</div></a>
+												<ul>
+													<li><a href="header-side-right.html"><div>Fixed Position</div></a></li>
+													<li><a href="header-side-right-open.html"><div>OnClick Open</div></a></li>
+													<li><a href="header-side-right-open-push.html"><div>Push Content</div></a></li>
+												</ul>
+											</li>
+											<li><a href="header-floating.html"><div>Floating Version</div></a></li>
+											<li><a href="static-sticky.html"><div>Static Sticky</div></a></li>
+											<li><a href="responsive-sticky.html"><div>Responsive Sticky</div></a></li>
+											<li><a href="logo-changer.html"><div>Alternate Logos</div></a></li>
+											<li><a href="alternate-mobile-menu.html"><div>Alternate Mobile Menu</div></a></li>
+										</ul>
+									</li>
+									<li><a href="forms.html"><div><i class="icon-wpforms"></i>Forms</div></a></li>
+									<li><a href="side-panel.html"><div><i class="icon-line-layout"></i>Side Panel</div></a>
+										<ul>
+											<li><a href="side-panel-left-overlay.html"><div>Left Overlay</div></a></li>
+											<li><a href="side-panel-left-push.html"><div>Left Push</div></a></li>
+											<li><a href="side-panel-right-overlay.html"><div>Right Overlay</div></a></li>
+											<li><a href="side-panel.html"><div>Right Push</div></a></li>
+											<li><a href="side-panel-light.html"><div>Light Background</div></a></li>
+										</ul>
+									</li>
+									<li><a href="mega-menu.html"><div><i class="icon-line-columns"></i>Mega Menu</div></a></li>
+									<li><a href="#"><div><i class="icon-align-justify2"></i>Menu Styles</div></a>
+										<ul>
+											<li><a href="header-light.html"><div>Menu - Style 1</div></a></li>
+											<li><a href="menu-2.html"><div>Menu - Style 2</div></a></li>
+											<li><a href="menu-3.html"><div>Menu - Style 3</div></a></li>
+											<li><a href="menu-4.html"><div>Menu - Style 4</div></a></li>
+											<li><a href="menu-5.html"><div>Menu - Style 5</div></a></li>
+											<li><a href="menu-6.html"><div>Menu - Style 6</div></a></li>
+											<li><a href="menu-7.html"><div>Menu - Style 7</div></a></li>
+											<li><a href="menu-8.html"><div>Menu - Style 8</div></a></li>
+											<li><a href="menu-9.html"><div>Menu - Style 9</div></a></li>
+											<li><a href="menu-10.html"><div>Menu - Overlay</div></a></li>
+											<li><a href="split-menu.html"><div>Menu - Split Layout</div></a></li>
+										</ul>
+									</li>
+									<li><a href="#"><div><i class="icon-ok-sign"></i>Page Titles</div></a>
+										<ul>
+											<li><a href="page.html"><div>Left Align</div></a></li>
+											<li><a href="page-title-right.html"><div>Right Align</div></a></li>
+											<li><a href="page-title-center.html"><div>Center Align</div></a></li>
+											<li><a href="page-titledark.html"><div>Dark Style</div></a></li>
+											<li><a href="page-title-pattern.html"><div>Pattern Background</div></a></li>
+											<li><a href="page-title-parallax.html"><div>Parallax Background</div></a>
+												<ul>
+													<li><a href="page-title-parallax.html"><div>Default Header</div></a></li>
+													<li><a href="page-title-parallax-header.html"><div>Transparent Header</div></a></li>
+												</ul>
+											</li>
+											<li><a href="page-title-video.html"><div>HTML5 Video</div></a></li>
+											<li><a href="page-title-nobg.html"><div>No Background</div></a></li>
+											<li><a href="page-title-mini.html"><div>Mini Version</div></a></li>
+										</ul>
+									</li>
+									<li><a href="contact.html"><div><i class="icon-envelope-alt"></i>Contact Pages</div></a>
+										<ul>
+											<li><a href="contact.html">Contact 1</a></li>
+											<li><a href="contact-2.html">Contact 2</a></li>
+											<li><a href="contact-3.html">Contact 3</a></li>
+											<li><a href="contact-4.html">Contact 4</a></li>
+											<li><a href="contact-5.html">Contact 5</a></li>
+											<li><a href="contact-6.html">Contact 6</a></li>
+											<li><a href="contact-7.html">Contact 7</a></li>
+										</ul>
+									</li>
+									<li><a href="#footer" data-scrollto="#footer"><div><i class="icon-th"></i>Footers</div></a>
+										<ul>
+											<li><a href="sticky-footer.html"><div>Sticky Footer</div></a></li>
+											<li><a href="#footer" data-scrollto="#footer"><div>Footer - Layout 1</div></a></li>
+											<li><a href="footer-2.html#footer"><div>Footer - Layout 2</div></a></li>
+											<li><a href="footer-3.html#footer"><div>Footer - Layout 3</div></a></li>
+											<li><a href="footer-4.html#footer"><div>Footer - Layout 4</div></a></li>
+											<li><a href="footer-5.html#footer"><div>Footer - Layout 5</div></a></li>
+											<li><a href="footer-6.html#footer"><div>Footer - Layout 6</div></a></li>
+											<li><a href="footer-7.html#footer"><div>Footer - Layout 7</div></a></li>
+										</ul>
+									</li>
+									<li><a href="#"><div><i class="icon-calendar3"></i>Events</div></a>
+										<ul>
+											<li><a href="events-calendar.html"><div>Full Width Calendar</div></a></li>
+											<li><a href="events-list.html"><div>Events List</div></a>
+												<ul>
+													<li><a href="events-list.html"><div>Right Sidebar</div></a></li>
+													<li><a href="events-list-left-sidebar.html"><div>Left Sidebar</div></a></li>
+													<li><a href="events-list-both-sidebar.html"><div>Both Sidebar</div></a></li>
+													<li><a href="events-list-fullwidth.html"><div>Full Width</div></a></li>
+													<li><a href="events-list-parallax.html"><div>Parallax List</div></a></li>
+												</ul>
+											</li>
+											<li><a href="event-single.html"><div>Single Event</div></a>
+												<ul>
+													<li><a href="event-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
+													<li><a href="event-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+													<li><a href="event-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
+													<li><a href="event-single.html"><div>Full Width</div></a></li>
+												</ul>
+											</li>
+											<li><a href="event-single-full-width-image.html"><div>Single Event - Full</div></a>
+												<ul>
+													<li><a href="event-single-full-width-image.html"><div>Parallax Image</div></a></li>
+													<li><a href="event-single-full-width-map.html"><div>Google Map</div></a></li>
+													<li><a href="event-single-full-width-slider.html"><div>Slider Gallery</div></a></li>
+													<li><a href="event-single-full-width-video.html"><div>HTML5 Video</div></a></li>
+												</ul>
+											</li>
+										</ul>
+									</li>
+									<li><a href="modal-onload.html"><div><i class="icon-line-expand"></i>Modal OnLoad</div></a>
+										<ul>
+											<li><a href="modal-onload.html"><div>Simple Layout</div></a></li>
+											<li><a href="modal-onload-iframe.html"><div>Video iFrame</div></a></li>
+											<li><a href="modal-onload-subscribe.html"><div>Subscription Form</div></a></li>
+											<li><a href="modal-onload-common-height.html"><div>Common Height</div></a></li>
+											<li><a href="modal-onload-cookie.html"><div>Cookies Enabled</div></a></li>
+										</ul>
+									</li>
+									<li><a href="coming-soon.html"><div><i class="icon-time"></i>Coming Soon</div></a>
+										<ul>
+											<li><a href="coming-soon.html"><div>Simple Layout</div></a></li>
+											<li><a href="coming-soon-2.html"><div>Parallax Image</div></a></li>
+											<li><a href="coming-soon-3.html"><div>HTML5 Video</div></a></li>
+										</ul>
+									</li>
+									<li><a href="profile.html"><div><i class="icon-user"></i>User Profile</div></a></li>
+								</ul>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Pages</div></a>
+								<div class="mega-menu-content style-2 clearfix">
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Introduction</div></a>
+											<ul>
+												<li><a href="about.html"><div>About Us</div></a></li>
+												<li><a href="about-2.html"><div>About Us - Layout 2</div></a></li>
+												<li><a href="about-me.html"><div>About Me</div></a></li>
+												<li><a href="team.html"><div>Team Members</div></a></li>
+												<li><a href="jobs.html"><div>Careers</div></a></li>
+												<li><a href="side-navigation.html"><div>Side Navigation</div></a></li>
+												<li><a href="page-submenu.html"><div>Page Submenu</div></a></li>
+												<li><a href="sitemap.html"><div>Sitemap</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Utility</div></a>
+											<ul>
+												<li><a href="services.html"><div>Services - Layout 1</div></a></li>
+												<li><a href="services-2.html"><div>Services - Layout 2</div></a></li>
+												<li><a href="services-3.html"><div>Services - Layout 3</div></a></li>
+												<li><a href="faqs.html"><div>FAQs - Layout 1</div></a></li>
+												<li><a href="faqs-2.html"><div>FAQs - Layout 2</div></a></li>
+												<li><a href="faqs-3.html"><div>FAQs - Layout 3</div></a></li>
+												<li><a href="faqs-4.html"><div>FAQs - Layout 4</div></a></li>
+												<li><a href="maintenance.html"><div>Maintenance Page</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Layout Grids</div></a>
+											<ul>
+												<li><a href="full-width.html"><div>Full Width</div></a></li>
+												<li><a href="full-width-wide.html"><div>Full Width - Wide</div></a></li>
+												<li><a href="right-sidebar.html"><div>Right Sidebar</div></a></li>
+												<li><a href="left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="both-right-sidebar.html"><div>Both Right Sidebar</div></a></li>
+												<li><a href="both-left-sidebar.html"><div>Both Left Sidebar</div></a></li>
+												<li><a href="blank-page.html"><div>Blank Page</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Miscellaneous</div></a>
+											<ul>
+												<li><a href="login-register.html"><div>Login/Register</div></a></li>
+												<li><a href="login-register-2.html"><div>Login/Register - Style 2</div></a></li>
+												<li><a href="login-register-3.html"><div>Login/Register - Style 3</div></a></li>
+												<li><a href="login-1.html"><div>Login - Style 1</div></a></li>
+												<li><a href="login-2.html"><div>Login - Style 2</div></a></li>
+												<li><a href="404.html"><div>404 - Simple Layout</div></a></li>
+												<li><a href="404-2.html"><div>404 - Parallax Image</div></a></li>
+												<li><a href="404-3.html"><div>404 - HTML5 Video</div></a></li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Portfolio</div></a>
+								<div class="mega-menu-content style-2 clearfix">
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Grids</div></a>
+											<ul>
+												<li><a href="portfolio-1.html"><div>1 Column</div></a></li>
+												<li><a href="portfolio-2.html"><div>2 Columns</div></a></li>
+												<li><a href="portfolio-3.html"><div>3 Columns</div></a></li>
+												<li><a href="portfolio.html"><div>4 Columns</div></a></li>
+												<li><a href="portfolio-5.html"><div>5 Columns</div></a></li>
+												<li><a href="portfolio-6.html"><div>6 Columns</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
+											<ul>
+												<li><a href="portfolio-mixed-masonry.html"><div>Mixed Columns</div></a></li>
+												<li><a href="portfolio-2-masonry.html"><div>2 Columns</div></a></li>
+												<li><a href="portfolio-3-masonry.html"><div>3 Columns</div></a></li>
+												<li><a href="portfolio-masonry.html"><div>4 Columns</div></a></li>
+												<li><a href="portfolio-5-masonry.html"><div>5 Columns</div></a></li>
+												<li><a href="portfolio-6-masonry.html"><div>6 Columns</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Loading Styles</div></a>
+											<ul>
+												<li><a href="portfolio.html"><div>jQuery Filter</div></a></li>
+												<li><a href="portfolio-jpagination.html"><div>jQuery Pagination</div></a></li>
+												<li><a href="portfolio-infinity-scroll.html"><div>Infinity Scroll</div></a></li>
+												<li><a href="portfolio-ajax.html"><div>AJAX In Page</div></a></li>
+												<li><a href="portfolio-ajax-in-modal.html"><div>AJAX In Modal</div></a></li>
+												<li><a href="portfolio-filter-styles.html"><div>Filter Styles</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Single Project</div></a>
+											<ul>
+												<li><a href="portfolio-single-extended.html"><div>Extended Item</div></a></li>
+												<li><a href="portfolio-single-fullwidth.html"><div>Parallax Image</div></a></li>
+												<li><a href="portfolio-single-gallery-full.html"><div>Slider Gallery</div></a></li>
+												<li><a href="portfolio-single-video-fullwidth-left-sidebar.html"><div>HTML5 Video</div></a></li>
+												<li><a href="portfolio-single-thumbs-right-sidebar.html"><div>Masonry Thumbs</div></a></li>
+												<li><a href="portfolio-single-video-both-sidebar.html"><div>Embed Video</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li class="mega-menu-title"><a href="#"><div>Layouts</div></a>
+											<ul>
+												<li><a href="portfolio-nomargin.html"><div>Default</div></a></li>
+												<li><a href="portfolio-1-alt-right-sidebar.html"><div>Right Sidebar</div></a></li>
+												<li><a href="portfolio-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="portfolio-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="portfolio-fullwidth-notitle.html"><div>100% Width</div></a></li>
+												<li><a href="portfolio-parallax.html"><div>Parallax</div></a></li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li class="mega-menu"><a href="#"><div>Blog</div></a>
+								<div class="mega-menu-content style-2 clearfix">
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Default</div></a>
+											<ul>
+												<li><a href="blog.html"><div>Right Sidebar</div></a></li>
+												<li><a href="blog-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="blog-full-width.html"><div>Full Width</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Timeline</div></a>
+											<ul>
+												<li><a href="blog-timeline-right-sidebar.html"><div>Right Sidebar</div></a></li>
+												<li><a href="blog-timeline-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-timeline.html"><div>Full Width</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Masonry</div></a>
+											<ul>
+												<li><a href="blog-masonry.html"><div>4 Columns</div></a></li>
+												<li><a href="blog-masonry-3.html"><div>3 Columns</div></a></li>
+												<li><a href="blog-masonry-2.html"><div>2 Columns</div></a></li>
+												<li><a href="blog-masonry-full.html"><div>100% Width</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Grid</div></a>
+											<ul>
+												<li><a href="blog-grid.html"><div>4 Columns</div></a></li>
+												<li><a href="blog-grid-3.html"><div>3 Columns</div></a></li>
+												<li><a href="blog-grid-2.html"><div>2 Columns</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Small Thumbs</div></a>
+											<ul>
+												<li><a href="blog-small-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-small.html"><div>Right Sidebar</div></a></li>
+												<li><a href="blog-small-both-sidebar.html"><div>Both Sidebar</div></a></li>
+												<li><a href="blog-small-full-width.html"><div>Full Width</div></a></li>
+												<li><a href="blog-small-alt.html"><div>Alternate Layout</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Item Splitting</div></a>
+											<ul>
+												<li><a href="blog-grid.html"><div>Pagination</div></a></li>
+												<li><a href="blog-masonry.html"><div>Infinite Scroll</div></a></li>
+											</ul>
+										</li>
+									</ul>
+									<ul class="mega-menu-column col-lg-3">
+										<li class="mega-menu-title"><a href="#"><div>Single</div></a>
+											<ul>
+												<li><a href="blog-single.html"><div>Default Layout</div></a></li>
+												<li><a href="blog-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+												<li><a href="blog-single-full.html"><div>Full Width</div></a></li>
+												<li><a href="blog-single-small.html"><div>Small Image</div></a></li>
+												<li><a href="blog-single-split-right-sidebar.html"><div>Split Layout</div></a></li>
+											</ul>
+										</li>
+										<li class="mega-menu-title"><a href="#"><div>Comments Module</div></a>
+											<ul>
+												<li><a href="blog-single-left-sidebar.html#comments"><div>Facebook Comments</div></a></li>
+												<li><a href="blog-single-small.html#comments"><div>Disqus Comments</div></a></li>
+											</ul>
+										</li>
+									</ul>
+								</div>
+							</li>
+							<li><a href="shop.html"><div>Shop</div></a>
+								<ul>
+									<li><a href="shop.html"><div>4 Columns</div></a></li>
+									<li><a href="shop-3.html"><div>3 Columns</div></a>
+										<ul>
+											<li><a href="shop-3.html"><div>Full Width</div></a></li>
+											<li><a href="shop-3-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-3-left-sidebar.html"><div>Left Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="shop-2.html"><div>2 Columns</div></a>
+										<ul>
+											<li><a href="shop-2-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-2-left-sidebar.html"><div>Left Sidebar</div></a></li>
+											<li><a href="shop-2-both-sidebar.html"><div>Both Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="shop-1.html"><div>1 Columns</div></a>
+										<ul>
+											<li><a href="shop-1.html"><div>Full Width</div></a></li>
+											<li><a href="shop-1-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-1-left-sidebar.html"><div>Left Sidebar</div></a></li>
+											<li><a href="shop-1-both-sidebar.html"><div>Both Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="shop-category-parallax.html"><div>Categories - Parallax</div></a></li>
+									<li><a href="shop-combination-filter.html"><div>Combination Filter</div></a></li>
+									<li><a href="shop-single.html"><div>Single Product</div></a>
+										<ul>
+											<li><a href="shop-single.html"><div>Full Width</div></a></li>
+											<li><a href="shop-single-right-sidebar.html"><div>Right Sidebar</div></a></li>
+											<li><a href="shop-single-left-sidebar.html"><div>Left Sidebar</div></a></li>
+											<li><a href="shop-single-both-sidebar.html"><div>Both Sidebar</div></a></li>
+										</ul>
+									</li>
+									<li><a href="cart.html"><div>Cart</div></a></li>
+									<li><a href="checkout.html"><div>Checkout</div></a></li>
+								</ul>
+							</li>
+							<li class="current mega-menu"><a href="#"><div>Shortcodes</div></a>
+								<div class="mega-menu-content clearfix">
+									<ul class="mega-menu-column col-5">
+										<li><a href="animations.html"><div><i class="icon-magic"></i>Animations</div></a></li>
+										<li><a href="buttons.html"><div><i class="icon-link"></i>Buttons</div></a></li>
+										<li><a href="carousel.html"><div><i class="icon-heart3"></i>Carousel</div></a></li>
+										<li><a href="charts.html"><div><i class="icon-bar-chart"></i>Charts</div></a></li>
+										<li><a href="clients.html"><div><i class="icon-apple"></i>Clients</div></a></li>
+										<li><a href="columns-grids.html"><div><i class="icon-th-large"></i>Columns</div></a></li>
+										<li><a href="counters.html"><div><i class="icon-time"></i>Counters</div></a></li>
+										<li><a href="component-datatable.html"><div><i class="icon-table"></i>Data Tables</div></a></li>
+										<li><a href="component-datepicker.html"><div><i class="icon-calendar3"></i>Date &amp; Time Pickers</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="dividers.html"><div><i class="icon-indent-right"></i>Dividers</div></a></li>
+										<li><a href="featured-boxes.html"><div><i class="icon-lightbulb"></i>Icon Boxes</div></a></li>
+										<li><a href="gallery.html"><div><i class="icon-picture"></i>Galleries</div></a></li>
+										<li><a href="headings-dropcaps.html"><div><i class="icon-pencil2"></i>Heading Styles</div></a></li>
+										<li><a href="icon-lists.html"><div><i class="icon-list-alt"></i>Icon Lists</div></a></li>
+										<li><a href="labels-badges.html"><div><i class="icon-plus-sign"></i>Labels</div></a></li>
+										<li><a href="lightbox.html"><div><i class="icon-resize-full"></i>Lightbox</div></a></li>
+										<li><a href="form-elements.html"><div><i class="icon-edit"></i>Form Elements</div></a></li>
+										<li><a href="component-uploads.html"><div><i class="icon-line-upload"></i>File Uploads</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="lists-cards.html"><div><i class="icon-th-list"></i>Lists &amp; Cards</div></a></li>
+										<li><a href="maps.html"><div><i class="icon-map-marker2"></i>Maps</div></a></li>
+										<li><a href="media-embeds.html"><div><i class="icon-play"></i>Media Embeds</div></a></li>
+										<li><a href="modal-popovers.html"><div><i class="icon-move"></i>Modal Boxes</div></a></li>
+										<li><a href="navigation.html"><div><i class="icon-align-justify2"></i>Navigations</div></a></li>
+										<li><a href="pagination-progress.html"><div><i class="icon-cogs"></i>Pagination</div></a></li>
+										<li><a href="pie-skills.html"><div><i class="icon-tasks"></i>Pies &amp; Skills</div></a></li>
+										<li><a href="component-range-slider.html"><div><i class="icon-line-move"></i>Range Slider</div></a></li>
+										<li><a href="component-ratings.html"><div><i class="icon-star3"></i>Star Ratings</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="pricing.html"><div><i class="icon-dollar"></i>Pricing Boxes</div></a></li>
+										<li><a href="process-steps.html"><div><i class="icon-thumbs-up"></i>Process Steps</div></a></li>
+										<li><a href="promo-boxes.html"><div><i class="icon-rocket"></i>Promo Boxes</div></a></li>
+										<li><a href="quotes-blockquotes.html"><div><i class="icon-quote-left"></i>Blockquotes</div></a></li>
+										<li><a href="responsive.html"><div><i class="icon-laptop2"></i>Responsive</div></a></li>
+										<li><a href="sections.html"><div><i class="icon-folder-open"></i>Sections</div></a></li>
+										<li><a href="social-icons.html"><div><i class="icon-facebook2"></i>Social Icons</div></a></li>
+										<li><a href="component-select-picker.html"><div><i class="icon-select"></i>Select Picker</div></a></li>
+										<li><a href="component-select-box.html"><div><i class="icon-line-columns"></i>Select Boxes</div></a></li>
+									</ul>
+									<ul class="mega-menu-column col-5">
+										<li><a href="style-boxes.html"><div><i class="icon-exclamation-sign"></i>Alert Boxes</div></a></li>
+										<li><a href="styled-icons.html"><div><i class="icon-flag2"></i>Styled Icons</div></a></li>
+										<li><a href="tables.html"><div><i class="icon-table"></i>Tables</div></a></li>
+										<li><a href="tabs.html"><div><i class="icon-star3"></i>Tabs</div></a></li>
+										<li><a href="testimonials-twitter.html"><div><i class="icon-user4"></i>Testimonials</div></a></li>
+										<li><a href="thumbnails-slider.html"><div><i class="icon-camera3"></i>Thumbnails</div></a></li>
+										<li><a href="toggles-accordions.html"><div><i class="icon-ok-circle"></i>Toggles</div></a></li>
+										<li><a href="component-radios-switches.html"><div><i class="icon-line-square-check"></i>Radios &amp; Switches</div></a></li>
+										<li><a href="flip-cards.html"><div><i class="icon-refresh"></i>Flip Cards</div></a></li>
+									</ul>
+								</div>
+							</li>
+						</ul>
+
+						<!-- Top Cart
+						============================================= -->
+						<div id="top-cart">
+							<a href="#" id="top-cart-trigger"><i class="icon-shopping-cart"></i><span>5</span></a>
+							<div class="top-cart-content">
+								<div class="top-cart-title">
+									<h4>Shopping Cart</h4>
+								</div>
+								<div class="top-cart-items">
+									<div class="top-cart-item clearfix">
+										<div class="top-cart-item-image">
+											<a href="#"><img src="images/shop/small/1.jpg" alt="Blue Round-Neck Tshirt" /></a>
+										</div>
+										<div class="top-cart-item-desc">
+											<a href="#">Blue Round-Neck Tshirt</a>
+											<span class="top-cart-item-price">$19.99</span>
+											<span class="top-cart-item-quantity">x 2</span>
+										</div>
+									</div>
+									<div class="top-cart-item clearfix">
+										<div class="top-cart-item-image">
+											<a href="#"><img src="images/shop/small/6.jpg" alt="Light Blue Denim Dress" /></a>
+										</div>
+										<div class="top-cart-item-desc">
+											<a href="#">Light Blue Denim Dress</a>
+											<span class="top-cart-item-price">$24.99</span>
+											<span class="top-cart-item-quantity">x 3</span>
+										</div>
+									</div>
+								</div>
+								<div class="top-cart-action clearfix">
+									<span class="fleft top-checkout-price">$114.95</span>
+									<button class="button button-3d button-small nomargin fright">View Cart</button>
+								</div>
+							</div>
+						</div><!-- #top-cart end -->
+
+						<!-- Top Search
+						============================================= -->
+						<div id="top-search">
+							<a href="#" id="top-search-trigger"><i class="icon-search3"></i><i class="icon-line-cross"></i></a>
+							<form action="search.html" method="get">
+								<input type="text" name="q" class="form-control" value="" placeholder="Type &amp; Hit Enter..">
+							</form>
+						</div><!-- #top-search end -->
+
+					</nav><!-- #primary-menu end -->
+
+				</div>
+
+			</div>
+
+		</header><!-- #header end -->
+
+		<!-- Page Title
+		============================================= -->
+		<section id="page-title">
+
+			<div class="container clearfix">
+				<h1>Navigation</h1>
+				<ol class="breadcrumb">
+					<li class="breadcrumb-item"><a href="#">Home</a></li>
+					<li class="breadcrumb-item"><a href="#">Shortcodes</a></li>
+					<li class="breadcrumb-item active" aria-current="page">Navigation</li>
+				</ol>
+			</div>
+
+		</section><!-- #page-title end -->
+
+		<!-- Content
+		============================================= -->
+		<section id="content">
+
+			<div class="content-wrap">
+
+				<div class="container clearfix">
+
+					<!-- Post Content
+					============================================= -->
+					<div class="postcontent nobottommargin clearfix">
+
+						<h3>Navs - Tabs</h3>
+
+						<ul class="nav nav-tabs">
+							<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Messages</a></li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h4>Pills</h4>
+
+						<ul class="nav nav-pills">
+							<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Messages</a></li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h4>Stacked</h4>
+
+						<ul class="nav nav-pills flex-column" style="max-width: 300px;">
+							<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Messages</a></li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h4>Justified</h4>
+
+						<ul class="nav nav-tabs nav-fill">
+							<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Messages</a></li>
+						</ul>
+						<br>
+						<ul class="nav nav-pills nav-fill">
+							<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Profile</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Messages</a></li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h4>Disabled</h4>
+
+						<ul class="nav nav-pills">
+							<li class="nav-item"><a class="nav-link" href="#">Clickable link</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Clickable link</a></li>
+							<li class="nav-item"><a class="nav-link" class="disabled" href="#">Disabled link</a></li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h4>Using Dopdowns</h4>
+
+						<ul class="nav nav-tabs">
+							<li class="nav-item"><a class="nav-link" class="active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Help</a></li>
+							<li class="nav-item dropdown">
+								<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
+								Dropdown
+								</a>
+								<ul class="dropdown-menu" role="menu">
+									<a class="dropdown-item" href="#">Action</a>
+									<a class="dropdown-item" href="#">Another action</a>
+									<a class="dropdown-item" href="#">Something else here</a>
+									<div class="dropdown-divider"></div>
+									<a class="dropdown-item" href="#">Separated link</a>
+								</ul>
+							</li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h4>Pills with Dropdowns</h4>
+
+						<ul class="nav nav-pills">
+							<li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
+							<li class="nav-item"><a class="nav-link" href="#">Help</a></li>
+							<li class="nav-item dropdown">
+								<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#">
+								Dropdown
+								</a>
+								<ul class="dropdown-menu" role="menu">
+									<a class="dropdown-item" href="#">Action</a>
+									<a class="dropdown-item" href="#">Another action</a>
+									<a class="dropdown-item" href="#">Something else here</a>
+									<div class="dropdown-divider"></div>
+									<a class="dropdown-item" href="#">Separated link</a>
+								</ul>
+							</li>
+						</ul>
+
+						<div class="line"></div>
+
+						<h3>Navbar</h3>
+
+						<nav class="navbar navbar-expand-lg navbar-light bg-light">
+							<a class="navbar-brand" href="#">Navbar</a>
+							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+								<span class="navbar-toggler-icon"></span>
+							</button>
+
+							<div class="collapse navbar-collapse" id="navbarSupportedContent">
+								<ul class="navbar-nav mr-auto">
+									<li class="nav-item active">
+										<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link" href="#">Link</a>
+									</li>
+									<li class="nav-item dropdown">
+										<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+											Dropdown
+										</a>
+										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+											<a class="dropdown-item" href="#">Action</a>
+											<a class="dropdown-item" href="#">Another action</a>
+											<div class="dropdown-divider"></div>
+											<a class="dropdown-item" href="#">Something else here</a>
+										</div>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link disabled" href="#">Disabled</a>
+									</li>
+								</ul>
+								<form class="form-inline my-2 my-lg-0">
+									<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+									<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+								</form>
+							</div>
+						</nav>
+
+						<div class="line"></div>
+
+						<h4>With Forms</h4>
+
+						<nav class="navbar navbar-light bg-light justify-content-between">
+							<a class="navbar-brand">Navbar</a>
+							<form class="form-inline nomargin">
+								<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+								<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Search</button>
+							</form>
+						</nav>
+
+						<div class="line"></div>
+
+						<h4>With Buttons</h4>
+
+						<nav class="navbar navbar-light bg-light justify-content-between">
+							<a class="navbar-brand">Navbar</a>
+							<form class="form-inline nomargin">
+								<button class="btn btn-outline-secondary" type="button">Sign In</button>
+							</form>
+						</nav>
+
+						<div class="line"></div>
+
+						<h4>With Text</h4>
+
+						<nav class="navbar navbar-expand-lg navbar-light bg-light">
+							<a class="navbar-brand" href="#">Navbar w/ text</a>
+							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
+								<span class="navbar-toggler-icon"></span>
+							</button>
+							<div class="collapse navbar-collapse" id="navbarText">
+								<ul class="navbar-nav mr-auto">
+									<li class="nav-item active">
+										<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link" href="#">Features</a>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link" href="#">Pricing</a>
+									</li>
+								</ul>
+								<span class="navbar-text">
+									Navbar text with an inline element
+								</span>
+							</div>
+						</nav>
+
+						<div class="line"></div>
+
+						<h4>Color Schemes</h4>
+
+						<nav class="navbar navbar-expand-lg navbar-dark bg-dark mb-3">
+							<a class="navbar-brand" href="#">Navbar</a>
+							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+								<span class="navbar-toggler-icon"></span>
+							</button>
+
+							<div class="collapse navbar-collapse" id="navbarSupportedContent">
+								<ul class="navbar-nav mr-auto">
+									<li class="nav-item active">
+										<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link" href="#">Link</a>
+									</li>
+									<li class="nav-item dropdown">
+										<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+											Dropdown
+										</a>
+										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+											<a class="dropdown-item" href="#">Action</a>
+											<a class="dropdown-item" href="#">Another action</a>
+											<div class="dropdown-divider"></div>
+											<a class="dropdown-item" href="#">Something else here</a>
+										</div>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link disabled" href="#">Disabled</a>
+									</li>
+								</ul>
+								<form class="form-inline my-2 my-lg-0">
+									<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+									<button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
+								</form>
+							</div>
+						</nav>
+
+						<nav class="navbar navbar-expand-lg navbar-dark bg-primary mb-3">
+							<a class="navbar-brand" href="#">Navbar</a>
+							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+								<span class="navbar-toggler-icon"></span>
+							</button>
+
+							<div class="collapse navbar-collapse" id="navbarSupportedContent">
+								<ul class="navbar-nav mr-auto">
+									<li class="nav-item active">
+										<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link" href="#">Link</a>
+									</li>
+									<li class="nav-item dropdown">
+										<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+											Dropdown
+										</a>
+										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+											<a class="dropdown-item" href="#">Action</a>
+											<a class="dropdown-item" href="#">Another action</a>
+											<div class="dropdown-divider"></div>
+											<a class="dropdown-item" href="#">Something else here</a>
+										</div>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link disabled" href="#">Disabled</a>
+									</li>
+								</ul>
+								<form class="form-inline my-2 my-lg-0">
+									<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+									<button class="btn btn-outline-light my-2 my-sm-0" type="submit">Search</button>
+								</form>
+							</div>
+						</nav>
+
+						<nav class="navbar navbar-expand-lg navbar-light mb-3" style="background-color: #e3f2fd;">
+							<a class="navbar-brand" href="#">Navbar</a>
+							<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+								<span class="navbar-toggler-icon"></span>
+							</button>
+
+							<div class="collapse navbar-collapse" id="navbarSupportedContent">
+								<ul class="navbar-nav mr-auto">
+									<li class="nav-item active">
+										<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link" href="#">Link</a>
+									</li>
+									<li class="nav-item dropdown">
+										<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+											Dropdown
+										</a>
+										<div class="dropdown-menu" aria-labelledby="navbarDropdown">
+											<a class="dropdown-item" href="#">Action</a>
+											<a class="dropdown-item" href="#">Another action</a>
+											<div class="dropdown-divider"></div>
+											<a class="dropdown-item" href="#">Something else here</a>
+										</div>
+									</li>
+									<li class="nav-item">
+										<a class="nav-link disabled" href="#">Disabled</a>
+									</li>
+								</ul>
+								<form class="form-inline my-2 my-lg-0">
+									<input class="form-control mr-sm-2" type="search" placeholder="Search" aria-label="Search">
+									<button class="btn btn-outline-primary my-2 my-sm-0" type="submit">Search</button>
+								</form>
+							</div>
+						</nav>
+
+						<div class="line"></div>
+
+						<h4>External Content</h4>
+
+						<div class="pos-f-t">
+							<div class="collapse" id="navbarToggleExternalContent">
+								<div class="bg-dark p-4">
+									<h4 class="text-white mb-2">Collapsed content</h4>
+									<span class="text-muted">Toggleable via the navbar brand.</span>
+								</div>
+							</div>
+							<nav class="navbar navbar-dark bg-dark">
+								<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarToggleExternalContent" aria-controls="navbarToggleExternalContent" aria-expanded="false" aria-label="Toggle navigation">
+									<span class="navbar-toggler-icon"></span>
+								</button>
+							</nav>
+						</div>
+
+					</div><!-- .postcontent end -->
+
+					<!-- Sidebar
+					============================================= -->
+					<div class="sidebar nobottommargin col_last clearfix">
+						<div class="sidebar-widgets-wrap">
+
+							<div class="widget widget_links clearfix">
+
+								<h4>Shortcodes</h4>
+								<ul>
+									<li><a href="animations.html"><div>Animations</div></a></li>
+									<li><a href="buttons.html"><div>Buttons</div></a></li>
+									<li><a href="carousel.html"><div>Carousel</div></a></li>
+									<li><a href="charts.html"><div>Charts</div></a></li>
+									<li><a href="clients.html"><div>Clients</div></a></li>
+									<li><a href="columns-grids.html"><div>Columns</div></a></li>
+									<li><a href="counters.html"><div>Counters</div></a></li>
+									<li><a href="dividers.html"><div>Dividers</div></a></li>
+									<li><a href="featured-boxes.html"><div>Icon Boxes</div></a></li>
+									<li><a href="gallery.html"><div>Galleries</div></a></li>
+									<li><a href="headings-dropcaps.html"><div>Heading Styles</div></a></li>
+									<li><a href="icon-lists.html"><div>Icon Lists</div></a></li>
+									<li><a href="labels-badges.html"><div>Labels</div></a></li>
+									<li><a href="lightbox.html"><div>Lightbox</div></a></li>
+									<li><a href="lists-cards.html"><div>Lists &amp; Cards</div></a></li>
+									<li><a href="maps.html"><div>Maps</div></a></li>
+									<li><a href="media-embeds.html"><div>Media Embeds</div></a></li>
+									<li><a href="modal-popovers.html"><div>Modal Boxes</div></a></li>
+									<li><a href="navigation.html"><div>Navigations</div></a></li>
+									<li><a href="pagination-progress.html"><div>Pagination</div></a></li>
+									<li><a href="pie-skills.html"><div>Pies &amp; Skills</div></a></li>
+									<li><a href="pricing.html"><div>Pricing Boxes</div></a></li>
+									<li><a href="process-steps.html"><div>Process Steps</div></a></li>
+									<li><a href="promo-boxes.html"><div>Promo Boxes</div></a></li>
+									<li><a href="quotes-blockquotes.html"><div>Blockquotes</div></a></li>
+									<li><a href="responsive.html"><div>Responsive</div></a></li>
+									<li><a href="sections.html"><div>Sections</div></a></li>
+									<li><a href="social-icons.html"><div>Social Icons</div></a></li>
+									<li><a href="style-boxes.html"><div>Alert Boxes</div></a></li>
+									<li><a href="styled-icons.html"><div>Styled Icons</div></a></li>
+									<li><a href="tables.html"><div>Tables</div></a></li>
+									<li><a href="tabs.html"><div>Tabs</div></a></li>
+									<li><a href="testimonials-twitter.html"><div>Testimonials</div></a></li>
+									<li><a href="thumbnails-slider.html"><div>Thumbnails</div></a></li>
+									<li><a href="toggles-accordions.html"><div>Toggles</div></a></li>
+								</ul>
+
+							</div>
+
+							<div class="widget clearfix">
+
+								<h4>Dribbble Shots</h4>
+								<div id="dribbble-widget" class="dribbble-shots masonry-thumbs" data-user="envato" data-count="16" data-type="user"></div>
+
+							</div>
+
+							<div class="widget widget-twitter-feed clearfix">
+
+								<h4>Twitter Feed</h4>
+								<ul class="iconlist twitter-feed" data-username="envato" data-count="2">
+									<li></li>
+								</ul>
+
+								<a href="#" class="btn btn-secondary btn-sm fright">Follow Us on Twitter</a>
+
+							</div>
+
+						</div>
+					</div><!-- .sidebar end -->
+
+				</div>
+
+			</div>
+
+		</section><!-- #content end -->
+
+		<!-- Footer
+		============================================= -->
+		<footer id="footer" class="dark">
+
+			<div class="container">
+
+				<!-- Footer Widgets
+				============================================= -->
+				<div class="footer-widgets-wrap clearfix">
+
+					<div class="col_two_third">
+
+						<div class="col_one_third">
+
+							<div class="widget clearfix">
+
+								<img src="images/footer-widget-logo.png" alt="" class="footer-logo">
+
+								<p>We believe in <strong>Simple</strong>, <strong>Creative</strong> &amp; <strong>Flexible</strong> Design Standards.</p>
+
+								<div style="background: url('images/world-map.png') no-repeat center center; background-size: 100%;">
+									<address>
+										<strong>Headquarters:</strong><br>
+										795 Folsom Ave, Suite 600<br>
+										San Francisco, CA 94107<br>
+									</address>
+									<abbr title="Phone Number"><strong>Phone:</strong></abbr> (91) 8547 632521<br>
+									<abbr title="Fax"><strong>Fax:</strong></abbr> (91) 11 4752 1433<br>
+									<abbr title="Email Address"><strong>Email:</strong></abbr> info@canvas.com
+								</div>
+
+							</div>
+
+						</div>
+
+						<div class="col_one_third">
+
+							<div class="widget widget_links clearfix">
+
+								<h4>Blogroll</h4>
+
+								<ul>
+									<li><a href="https://codex.wordpress.org/">Documentation</a></li>
+									<li><a href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a></li>
+									<li><a href="https://wordpress.org/extend/plugins/">Plugins</a></li>
+									<li><a href="https://wordpress.org/support/">Support Forums</a></li>
+									<li><a href="https://wordpress.org/extend/themes/">Themes</a></li>
+									<li><a href="https://wordpress.org/news/">WordPress Blog</a></li>
+									<li><a href="https://planet.wordpress.org/">WordPress Planet</a></li>
+								</ul>
+
+							</div>
+
+						</div>
+
+						<div class="col_one_third col_last">
+
+							<div class="widget clearfix">
+								<h4>Recent Posts</h4>
+
+								<div id="post-list-footer">
+									<div class="spost clearfix">
+										<div class="entry-c">
+											<div class="entry-title">
+												<h4><a href="#">Lorem ipsum dolor sit amet, consectetur</a></h4>
+											</div>
+											<ul class="entry-meta">
+												<li>10th July 2014</li>
+											</ul>
+										</div>
+									</div>
+
+									<div class="spost clearfix">
+										<div class="entry-c">
+											<div class="entry-title">
+												<h4><a href="#">Elit Assumenda vel amet dolorum quasi</a></h4>
+											</div>
+											<ul class="entry-meta">
+												<li>10th July 2014</li>
+											</ul>
+										</div>
+									</div>
+
+									<div class="spost clearfix">
+										<div class="entry-c">
+											<div class="entry-title">
+												<h4><a href="#">Debitis nihil placeat, illum est nisi</a></h4>
+											</div>
+											<ul class="entry-meta">
+												<li>10th July 2014</li>
+											</ul>
+										</div>
+									</div>
+								</div>
+							</div>
+
+						</div>
+
+					</div>
+
+					<div class="col_one_third col_last">
+
+						<div class="widget clearfix" style="margin-bottom: -20px;">
+
+							<div class="row">
+
+								<div class="col-lg-6 bottommargin-sm">
+									<div class="counter counter-small"><span data-from="50" data-to="15065421" data-refresh-interval="80" data-speed="3000" data-comma="true"></span></div>
+									<h5 class="nobottommargin">Total Downloads</h5>
+								</div>
+
+								<div class="col-lg-6 bottommargin-sm">
+									<div class="counter counter-small"><span data-from="100" data-to="18465" data-refresh-interval="50" data-speed="2000" data-comma="true"></span></div>
+									<h5 class="nobottommargin">Clients</h5>
+								</div>
+
+							</div>
+
+						</div>
+
+						<div class="widget subscribe-widget clearfix">
+							<h5><strong>Subscribe</strong> to Our Newsletter to get Important News, Amazing Offers &amp; Inside Scoops:</h5>
+							<div class="widget-subscribe-form-result"></div>
+							<form id="widget-subscribe-form" action="include/subscribe.php" method="post" class="nobottommargin">
+								<div class="input-group divcenter">
+									<div class="input-group-prepend">
+										<div class="input-group-text"><i class="icon-email2"></i></div>
+									</div>
+									<input type="email" id="widget-subscribe-form-email" name="widget-subscribe-form-email" class="form-control required email" placeholder="Enter your Email">
+									<div class="input-group-append">
+										<button class="btn btn-success" type="submit">Subscribe</button>
+									</div>
+								</div>
+							</form>
+						</div>
+
+						<div class="widget clearfix" style="margin-bottom: -20px;">
+
+							<div class="row">
+
+								<div class="col-lg-6 clearfix bottommargin-sm">
+									<a href="#" class="social-icon si-dark si-colored si-facebook nobottommargin" style="margin-right: 10px;">
+										<i class="icon-facebook"></i>
+										<i class="icon-facebook"></i>
+									</a>
+									<a href="#"><small style="display: block; margin-top: 3px;"><strong>Like us</strong><br>on Facebook</small></a>
+								</div>
+								<div class="col-lg-6 clearfix">
+									<a href="#" class="social-icon si-dark si-colored si-rss nobottommargin" style="margin-right: 10px;">
+										<i class="icon-rss"></i>
+										<i class="icon-rss"></i>
+									</a>
+									<a href="#"><small style="display: block; margin-top: 3px;"><strong>Subscribe</strong><br>to RSS Feeds</small></a>
+								</div>
+
+							</div>
+
+						</div>
+
+					</div>
+
+				</div><!-- .footer-widgets-wrap end -->
+
+			</div>
+
+			<!-- Copyrights
+			============================================= -->
+			<div id="copyrights">
+
+				<div class="container clearfix">
+
+					<div class="col_half">
+						Copyrights &copy; 2014 All Rights Reserved by Canvas Inc.<br>
+						<div class="copyright-links"><a href="#">Terms of Use</a> / <a href="#">Privacy Policy</a></div>
+					</div>
+
+					<div class="col_half col_last tright">
+						<div class="fright clearfix">
+							<a href="#" class="social-icon si-small si-borderless si-facebook">
+								<i class="icon-facebook"></i>
+								<i class="icon-facebook"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-twitter">
+								<i class="icon-twitter"></i>
+								<i class="icon-twitter"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-gplus">
+								<i class="icon-gplus"></i>
+								<i class="icon-gplus"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-pinterest">
+								<i class="icon-pinterest"></i>
+								<i class="icon-pinterest"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-vimeo">
+								<i class="icon-vimeo"></i>
+								<i class="icon-vimeo"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-github">
+								<i class="icon-github"></i>
+								<i class="icon-github"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-yahoo">
+								<i class="icon-yahoo"></i>
+								<i class="icon-yahoo"></i>
+							</a>
+
+							<a href="#" class="social-icon si-small si-borderless si-linkedin">
+								<i class="icon-linkedin"></i>
+								<i class="icon-linkedin"></i>
+							</a>
+						</div>
+
+						<div class="clear"></div>
+
+						<i class="icon-envelope2"></i> info@canvas.com <span class="middot">&middot;</span> <i class="icon-headphones"></i> +91-11-6541-6369 <span class="middot">&middot;</span> <i class="icon-skype2"></i> CanvasOnSkype
+					</div>
+
+				</div>
+
+			</div><!-- #copyrights end -->
+
+		</footer><!-- #footer end -->
+
+	</div><!-- #wrapper end -->
+
+	<!-- Go To Top
+	============================================= -->
+	<div id="gotoTop" class="icon-angle-up"></div>
+
+	<!-- External JavaScripts
+	============================================= -->
+	<script src="js/jquery.js"></script>
+	<script src="js/plugins.js"></script>
+
+	<!-- Footer Scripts
+	============================================= -->
+	<script src="js/functions.js"></script>
+
+</body>
+</html>
\ No newline at end of file
diff --git a/philanthropy.html b/philanthropy.html
index e35a7bc..b1d7035 100644
--- a/philanthropy.html
+++ b/philanthropy.html
@@ -33,7 +33,7 @@
 
     <!-- Header
     ============================================= -->
-    <header id="header" data-sticky-class="not-dark">
+    <header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
       <div id="header-wrap">
 
@@ -44,13 +44,13 @@
           <!-- Logo
           ============================================= -->
           <div id="logo">
-            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-              <img src="images/kk-logo.png" alt="Canvas Logo">
+            <a href="index.html" class="standard-logo">
+              <img src="images/kk-logo.png" alt="KK Logo">
             </a>
-            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-              <img src="images/kk-logo@2x.png" alt="Canvas Logo">
+            <a href="index.html" class="retina-logo">
+              <img src="images/kk-logo2x.png" alt="KK Logo">
             </a>
-          </div>
+          </div><!-- #logo end -->
 
           <!-- Primary Navigation
           ============================================= -->
@@ -78,18 +78,7 @@
 
     </header><!-- #header end -->
 
-    <!-- Page Title
-    ============================================= -->
-    <section id="page-title" class="page-title-center">
-
-      <div class="container clearfix">
-        <h1>Philanthropy</h1>
-      </div>
-
-    </section>
 
-        <!-- Page Title
-    ============================================= -->
     <section id="page-title" class="page-title-parallax page-title-dark page-title-right" style="padding: 250px 0; background-image: url('images/services/philanthropy.png'); background-size: cover; background-position: center center;" data-bottom-top="background-position:0px 440px;" data-top-bottom="background-position:0px -500px;">
 
 <!--      <div class="container clearfix">
@@ -109,8 +98,11 @@ <h1>KEHINDE KAMSON</h1>
         <div class="container clearfix about-me">
 
           <div class="row clearfix">
-
             <div class="col-lg-10 offset-lg-1 fontlarge">
+              <div class="heading-block center">
+                <h3>PHILANTHROPY</h3>
+              </div>
+
               <p>
                 Over the past 20 years of Sweet Sensation’s existence, I have directed personal and business CSR resources aimed at supporting individuals and organizations across Nigeria by helping them cross financial, material, and intellectual barriers. I am a firm believer in imparting lives positively and contributing my own quota in developing society. My core area of interest has particularly been children and children-related institutions especially schools and those that serve challenged children. This interest prompted the Sweet Sensation Support Scheme (S.S.E.S) - an initiative that aims to provide support to children of low income families who may be unable to afford quality education due to inadequate financial resources. The educational initiative recognizes and rewards impressive academic performances, creative abilities, and leadership attributes in children.
               </p>
@@ -137,8 +129,7 @@ <h1>KEHINDE KAMSON</h1>
 
         <div class="container clearfix">
           <div class="heading-block center">
-            <h3>VIEW GALLERY</h3>
-            <!-- <span>Awesome Works that I've contibuted to. Proudly.!</span> -->
+            <h3>GALLERY</h3>
           </div>
 
         </div>
@@ -173,14 +164,25 @@ <h3>VIEW GALLERY</h3>
         <div class="container clearfix">
 
           <div class="col_half">
-            Copyrights &copy; 2020 Kehinde Kamson.
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
           </div>
 
           <div class="col_half col_last tright">
             <div class="fright clearfix">
-              <div class="copyrights-menu copyright-links nobottommargin">
-                <a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-              </div>
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
             </div>
           </div>
 
diff --git a/style.css b/style.css
index 336a9de..e7cf672 100755
--- a/style.css
+++ b/style.css
@@ -135,19 +135,19 @@ dl, dt, dd, ol, ul, li {
 }
 
 ::selection {
-	background: #1ABC9C;
+	background: #ffaf4f;
 	color: #FFF;
 	text-shadow: none;
 }
 
 ::-moz-selection {
-	background: #1ABC9C; /* Firefox */
+	background: #ffaf4f; /* Firefox */
 	color: #FFF;
 	text-shadow: none;
 }
 
 ::-webkit-selection {
-	background: #1ABC9C; /* Safari */
+	background: #ffaf4f; /* Safari */
 	color: #FFF;
 	text-shadow: none;
 }
@@ -164,12 +164,12 @@ dl, dt, dd, ol, ul, li {
 body {
 	line-height: 1.5;
 	color: #555;
-	font-family: 'Lato', sans-serif;
+	font-family: "Roboto", Arial, Helvetica, sans-serif
 }
 
 a {
 	text-decoration: none !important;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 a:hover { color: #222; }
@@ -192,7 +192,7 @@ h3,
 h4,
 h5,
 h6 {
-	color: #444;
+	color: #574a66;
 	font-weight: 600;
 	line-height: 1.5;
 	margin: 0 0 30px 0;
@@ -224,7 +224,7 @@ h2 > span:not(.nocolor):not(.badge),
 h3 > span:not(.nocolor):not(.badge),
 h4 > span:not(.nocolor):not(.badge),
 h5 > span:not(.nocolor):not(.badge),
-h6 > span:not(.nocolor):not(.badge) { color: #1ABC9C; }
+h6 > span:not(.nocolor):not(.badge) { color: #ffaf4f; }
 
 p,
 pre,
@@ -406,19 +406,19 @@ span.middot {
 }
 
 .bgcolor,
-.bgcolor #header-wrap { background-color: #1ABC9C !important; }
+.bgcolor #header-wrap { background-color: #ffaf4f !important; }
 
-.color { color: #1ABC9C !important; }
+.color { color: #ffaf4f !important; }
 
-.border-color { border-color: #1ABC9C !important; }
+.border-color { border-color: #ffaf4f !important; }
 
 .nobg { background: none !important; }
 
 .nobgcolor { background-color: transparent !important; }
 
 .fontsmall { font-size: small; }
-.fontmedium { font-size: medium; }
-.fontlarge { font-size: large; }
+.fontmedium { font-size: 14px; }
+/*.fontlarge { font-size: large; }*/
 
 .t300 { font-weight: 300 !important; }
 
@@ -827,7 +827,7 @@ html[xmlns] .slider-wrap {display: block;}
 	left: 0;
 	width: 140px;
 	margin: 0;
-	border-top: 1px solid #1ABC9C;
+	border-top: 1px solid #ffaf4f;
 	border-bottom: 1px solid #EEE;
 	box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
 	-moz-box-shadow: 0 0 5px -1px rgba(0,0,0,0.2);
@@ -966,7 +966,7 @@ html[xmlns] .slider-wrap {display: block;}
 #header {
 	position: relative;
 	background-color: #FFF;
-	border-bottom: 1px solid #F5F5F5;
+	/*border-bottom: 1px solid #F5F5F5;*/
 }
 
 #header .container { position: relative; }
@@ -1022,7 +1022,7 @@ body.stretched #header.full-header .container {
 	padding: 0 30px;
 }
 
-#header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); }
+/*#header.transparent-header.full-header #header-wrap { border-bottom: 1px solid rgba(0,0,0,0.1); }*/
 
 #slider + #header.transparent-header.full-header #header-wrap {
 	border-top: 1px solid rgba(0,0,0,0.1);
@@ -1047,10 +1047,10 @@ body.stretched #header.full-header .container {
 #header.full-header #logo {
 	padding-right: 30px;
 	margin-right: 30px;
-	border-right: 1px solid #EEE;
+	/*border-right: 1px solid #EEE;*/
 }
 
-#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }
+/*#header.transparent-header.full-header #logo { border-right-color: rgba(0,0,0,0.1); }*/
 
 #logo a {
 	display: block;
@@ -1100,7 +1100,7 @@ body.stretched #header.full-header .container {
 .header-extras li .he-text span {
 	display: block;
 	font-weight: 400;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 
@@ -1117,10 +1117,10 @@ body.stretched #header.full-header .container {
 	float: left;
 	padding-right: 15px;
 	margin-right: 15px;
-	border-right: 1px solid #EEE;
+	/*border-right: 1px solid #EEE;*/
 }
 
-#header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); }
+/*#header.transparent-header.full-header #primary-menu > ul { border-right-color: rgba(0,0,0,0.1); }*/
 
 #primary-menu-trigger,
 #page-submenu-trigger {
@@ -1162,7 +1162,7 @@ body.stretched #header.full-header .container {
 	display: block;
 	line-height: 22px;
 	padding: 39px 15px;
-	color: #444;
+	color: #fff;
 	font-weight: bold;
 	font-size: 13px;
 	letter-spacing: 1px;
@@ -1191,7 +1191,7 @@ body.stretched #header.full-header .container {
 }
 
 #primary-menu ul li:hover > a,
-#primary-menu ul li.current > a { color: #1ABC9C; }
+#primary-menu ul li.current > a { color: #ffaf4f !important; }
 
 #primary-menu > ul > li.sub-menu > a > div { }
 
@@ -1206,7 +1206,7 @@ body.no-superfish #primary-menu li:hover > .mega-menu-content { display: block;
 	background-color: #FFF;
 	box-shadow: 0px 13px 42px 11px rgba(0, 0, 0, 0.05);
 	border: 1px solid #EEE;
-	border-top: 2px solid #1ABC9C;
+	border-top: 2px solid #ffaf4f;
 	height: auto;
 	z-index: 199;
 	top: 100%;
@@ -1269,7 +1269,7 @@ body.no-superfish #primary-menu li:hover > .mega-menu-content { display: block;
 #primary-menu ul ul li:hover > a {
 	background-color: #F9F9F9;
 	padding-left: 18px;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 #primary-menu ul ul > li.sub-menu > a,
@@ -1364,7 +1364,7 @@ body.stretched #header.full-header #primary-menu ul li.mega-menu .mega-menu-cont
 
 #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title:hover > a { background-color: transparent; }
 
-#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #1ABC9C; }
+#primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title > a:hover { color: #ffaf4f; }
 
 #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu > a,
 #primary-menu ul li .mega-menu-content.style-2 ul.mega-menu-column > li.mega-menu-title.sub-menu:hover > a { background: none; }
@@ -1446,7 +1446,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.cente
 #primary-menu.style-3 > ul > li.current > a {
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 }
 
 
@@ -1462,7 +1462,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.cente
 }
 
 #primary-menu.style-4 > ul > li:hover > a,
-#primary-menu.style-4 > ul > li.current > a { border-color: #1ABC9C; }
+#primary-menu.style-4 > ul > li.current > a { border-color: #ffaf4f; }
 
 
 /* Primary Menu - Style 5
@@ -1506,7 +1506,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.cente
 	left: 0;
 	height: 2px;
 	width: 0;
-	border-top: 2px solid #1ABC9C;
+	border-top: 2px solid #ffaf4f;
 	-webkit-transition: width .3s ease;
 	-o-transition: width .3s ease;
 	transition: width .3s ease;
@@ -1555,7 +1555,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #primary-menu.style-2.cente
 #primary-menu.sub-title > ul > li.current > a,
 #primary-menu.sub-title > div > ul > li:hover > a,
 #primary-menu.sub-title > div > ul > li.current > a {
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 	border-top-color: rgba(0,0,0,0.1);
@@ -1782,7 +1782,7 @@ body.top-search-open #top-search a i.icon-line-cross {
 	font-size: 16px;
 }
 
-#top-cart > a:hover { color: #1ABC9C; }
+#top-cart > a:hover { color: #ffaf4f; }
 
 #top-search form {
 	opacity: 0;
@@ -1867,7 +1867,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:
 	height: 16px;
 	line-height: 16px;
 	text-align: center;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	border-radius: 50%;
 }
 
@@ -1879,7 +1879,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:
 	background-color: #FFF;
 	box-shadow: 0px 20px 50px 10px rgba(0, 0, 0, 0.05);
 	border: 1px solid #EEE;
-	border-top: 2px solid #1ABC9C;
+	border-top: 2px solid #ffaf4f;
 	top: 60px;
 	right: -15px;
 	left: auto;
@@ -1944,7 +1944,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:
 	height: 44px !important;
 }
 
-.top-cart-item-image:hover { border-color: #1ABC9C; }
+.top-cart-item-image:hover { border-color: #ffaf4f; }
 
 .top-cart-item-desc {
 	position: relative;
@@ -1962,7 +1962,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:
 	font-weight: 700;
 }
 
-.top-cart-item-desc a:hover { color: #1ABC9C !important; }
+.top-cart-item-desc a:hover { color: #ffaf4f !important; }
 
 .top-cart-item-desc span.top-cart-item-price {
 	display: block;
@@ -1987,7 +1987,7 @@ body:not(.device-md):not(.device-sm):not(.device-xs) #header.transparent-header:
 
 .top-cart-action span.top-checkout-price {
 	font-size: 20px;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 
@@ -2117,6 +2117,11 @@ body.top-search-open #top-account { opacity: 0; }
 #header.sticky-header:not(.static-sticky) #primary-menu > ul > li > a {
 	padding-top: 19px;
 	padding-bottom: 19px;
+	color: #444;
+}
+
+#primary-menu > ul > li:last-child a:after {
+	display: none;
 }
 
 #header.sticky-header:not(.static-sticky).sticky-style-2,
@@ -2220,7 +2225,7 @@ body.top-search-open #top-account { opacity: 0; }
 
 #page-menu-wrap {
 	z-index: 99;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	-webkit-transform: translate3d(0,0,0);
 	-ms-transform: translate3d(0,0,0);
 	-o-transform: translate3d(0,0,0);
@@ -2314,7 +2319,7 @@ body:not(.device-touch) #page-menu nav li a {
 	left: 0;
 	z-index: 149;
 	height: auto;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 }
 
 #page-menu ul ul ul { display: none !important; } /* Disable Multi-Level Links */
@@ -2388,14 +2393,14 @@ body:not(.device-touch) #page-menu nav li a {
 
 	#page-menu.dots-menu nav li a:hover { background-color: rgba(0,0,0,0.7) }
 
-	#page-menu.dots-menu nav li.current a { background-color: #1ABC9C; }
+	#page-menu.dots-menu nav li.current a { background-color: #ffaf4f; }
 
 	#page-menu.dots-menu nav li div {
 		position: absolute;
 		width: auto;
 		top: -11px;
 		right: 25px;
-		background-color: #1ABC9C;
+		background-color: #ffaf4f;
 		color: #FFF;
 		padding: 5px 14px;
 		white-space: nowrap;
@@ -2422,7 +2427,7 @@ body:not(.device-touch) #page-menu nav li a {
 		height: 0;
 		border-top: 7px solid transparent;
 		border-bottom: 7px solid transparent;
-		border-left: 6px solid #1ABC9C;
+		border-left: 6px solid #ffaf4f;
 	}
 
 	#page-menu.dots-menu nav li a:hover div {
@@ -3389,7 +3394,7 @@ body.stretched .container-fullwidth .breadcrumb { right: 60px !important; }
 
 .breadcrumb a { color: #555; }
 
-.breadcrumb a:hover { color: #1ABC9C; }
+.breadcrumb a:hover { color: #ffaf4f; }
 
 .breadcrumb i { width: auto !important; }
 
@@ -3595,11 +3600,11 @@ body:not(.device-touch) .grid-container {
 
 .portfolio-filter li:last-child a { border-radius: 0 4px 4px 0; }
 
-.portfolio-filter li a:hover { color: #1ABC9C; }
+.portfolio-filter li a:hover { color: #ffaf4f; }
 
 .portfolio-filter li.activeFilter a {
 	color: #FFF !important;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	margin: -1px 0;
 	padding: 13px 18px;
 	font-weight: bold;
@@ -3651,8 +3656,8 @@ body:not(.device-touch) .grid-container {
 .portfolio-filter.style-3 li a { border: 1px solid transparent; }
 
 .portfolio-filter.style-3 li.activeFilter a {
-	color: #1ABC9C !important;
-	border-color: #1ABC9C;
+	color: #ffaf4f !important;
+	border-color: #ffaf4f;
 	background-color: transparent;
 	margin: 0;
 }
@@ -3691,7 +3696,7 @@ body:not(.device-touch) .grid-container {
 .portfolio-filter.style-4 li.activeFilter a:after {
 	width: 100%;
 	left: 0%;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 }
 
 
@@ -3726,7 +3731,7 @@ body:not(.device-touch) .grid-container {
 }
 
 .portfolio-shuffle:hover {
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 }
@@ -3793,7 +3798,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-notitle .port
 
 .portfolio-desc h3 a { color: #222; }
 
-.portfolio-desc h3 a:hover { color: #1ABC9C; }
+.portfolio-desc h3 a:hover { color: #ffaf4f; }
 
 .portfolio-desc span {
 	display: block;
@@ -4521,7 +4526,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .portfolio-overlay a {
 .iportfolio:hover a.center-icon { opacity: 1; }
 
 .portfolio-overlay a:hover {
-	color: #1ABC9C;
+	color: #ffaf4f;
 	background-color: #EEE;
 }
 
@@ -4832,7 +4837,7 @@ body.device-touch.device-xs .portfolio-notitle .portfolio-overlay { display: non
 
 #portfolio-navigation a:first-child { margin-left: 0; }
 
-#portfolio-navigation a:hover { color: #1ABC9C; }
+#portfolio-navigation a:hover { color: #ffaf4f; }
 
 #portfolio-ajax-show #portfolio-navigation {
 	top: 0;
@@ -4918,7 +4923,7 @@ body.device-touch.device-xs .portfolio-notitle .portfolio-overlay { display: non
 
 .entry-title h2 a { color: #333; }
 
-.entry-title h2 a:hover { color: #1ABC9C; }
+.entry-title h2 a:hover { color: #ffaf4f; }
 
 .entry-meta {
 	margin: 10px -10px -15px 0;
@@ -4953,7 +4958,7 @@ body.device-touch.device-xs .portfolio-notitle .portfolio-overlay { display: non
 
 .entry-meta li a { color: #999; }
 
-.entry-meta li a:hover { color: #1ABC9C; }
+.entry-meta li a:hover { color: #ffaf4f; }
 
 .entry-meta li:first-child:before { display: none; }
 
@@ -4996,7 +5001,7 @@ body:not(.device-touch) .entry-link {
 
 .entry-link:hover {
 	color: #FFF;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 }
 
@@ -5275,8 +5280,8 @@ body:not(.device-touch) .entry-link {
 
 .post-timeline .entry:hover .entry-timeline,
 .post-timeline .entry:hover .timeline-divider {
-	border-color: #1ABC9C;
-	color: #1ABC9C;
+	border-color: #ffaf4f;
+	color: #ffaf4f;
 }
 
 
@@ -5339,7 +5344,7 @@ body:not(.device-touch) .entry-link {
 .ipost .entry-title h4 a { color: #333; }
 
 .ipost .entry-title h3 a:hover,
-.ipost .entry-title h4 a:hover { color: #1ABC9C; }
+.ipost .entry-title h4 a:hover { color: #ffaf4f; }
 
 .ipost .entry-meta { margin-right: -10px; }
 
@@ -5355,7 +5360,7 @@ body:not(.device-touch) .entry-link {
 
 .more-link {
 	display: inline-block;
-	border-bottom: 1px solid #1ABC9C;
+	border-bottom: 1px solid #ffaf4f;
 	padding: 0 2px;
 	font-family: 'Crete Round', serif;
 	font-style: italic;
@@ -5443,7 +5448,7 @@ body:not(.device-touch) .entry-link {
 .mpost .entry-title h4 a { color: #333; }
 
 .spost .entry-title h4 a:hover,
-.mpost .entry-title h4 a:hover { color: #1ABC9C; }
+.mpost .entry-title h4 a:hover { color: #ffaf4f; }
 
 .spost .entry-meta { margin: 8px -10px 0 0; }
 
@@ -5624,7 +5629,7 @@ body:not(.device-touch) .entry-link {
 	color: #333;
 }
 
-.comment-content .comment-author a:hover { color: #1ABC9C; }
+.comment-content .comment-author a:hover { color: #ffaf4f; }
 
 .comment-content .comment-author span { display: block; }
 
@@ -5878,7 +5883,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a {
 .single-product .product-title h2 a { color: #333; }
 
 .product-title h3 a:hover,
-.single-product .product-title h2 a:hover { color: #1ABC9C; }
+.single-product .product-title h2 a:hover { color: #ffaf4f; }
 
 .product-price {
 	font-size: 18px;
@@ -5895,7 +5900,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .product-image > a {
 
 .product-price ins {
 	text-decoration: none;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 .product-overlay {
@@ -5955,7 +5960,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {
 	top: 10px;
 	left: 10px;
 	padding: 6px 10px;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 	border-radius: 2px;
@@ -6092,7 +6097,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {
 .single-product .product-price {
 	float: left;
 	font-size: 24px;
-	color: #1ABC9C;
+	color: #ffaf4f;
 	margin-bottom: 0;
 }
 
@@ -6244,7 +6249,7 @@ body:not(.device-touch):not(.device-sm):not(.device-xs) .product-overlay a {
 	border: 2px solid #EEE;
 }
 
-.cart-product-thumbnail img:hover { border-color: #1ABC9C; }
+.cart-product-thumbnail img:hover { border-color: #ffaf4f; }
 
 .cart-product-name a,
 .product-name a {
@@ -6596,7 +6601,7 @@ body:not(.device-sm):not(.device-xs) .countdown.countdown-large.coming-soon .cou
 	font-size: 14px;
 	height: 40px;
 	line-height: 40px;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 	font-weight: 700;
 	text-transform: uppercase;
@@ -6620,12 +6625,12 @@ body:not(.device-touch) .button {
 }
 
 .button:hover {
-	background-color: #b2b2b2;
+	background-color: #433466;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 }
 
-.button.button-dark:hover { background-color: #1ABC9C; }
+.button.button-dark:hover { background-color: #ffaf4f; }
 
 .button.button-mini {
 	padding: 0 14px;
@@ -6721,9 +6726,9 @@ body:not(.device-touch) .button {
 -----------------------------------------------------------------*/
 
 .button.button-border {
-	border: 2px solid #b2b2b2;
+	border: 2px solid #433466;
 	background-color: transparent;
-	color: #b2b2b2;
+	color: #433466;
 	line-height: 36px;
 	font-weight: 700;
 	text-shadow: none;
@@ -6753,7 +6758,7 @@ body:not(.device-touch) .button {
 .button.button-border.button-desc { line-height: 1; }
 
 .button.button-border:not(.button-fill):hover {
-	background-color: #a2a2a2;
+	background-color: #433466;
 	color: #FFF;
 	border-color: transparent !important;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
@@ -6783,7 +6788,7 @@ body:not(.device-touch) .button {
 }
 
 .button.button-3d:hover {
-	background-color: #1ABC9C !important;
+	background-color: #ffaf4f !important;
 	opacity: 0.9;
 }
 
@@ -7336,7 +7341,7 @@ body:not(.device-touch) .button.button-full strong {
 /* Promo - Flat
 -----------------------------------------------------------------*/
 
-.promo.promo-flat { background-color: #1ABC9C; }
+.promo.promo-flat { background-color: #ffaf4f; }
 
 .promo.promo-flat > span,
 .promo.promo-flat > .container > span { color: rgba(255,255,255,0.9); }
@@ -7491,7 +7496,7 @@ body:not(.device-touch) .button.button-full strong {
 .feature-box .fbox-icon i,
 .feature-box .fbox-icon img {
 	border-radius: 50%;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 }
 
 .feature-box .fbox-icon i {
@@ -7538,7 +7543,7 @@ body:not(.device-touch) .button.button-full strong {
 -----------------------------------------------------------------*/
 
 .feature-box.fbox-outline .fbox-icon {
-	border: 1px solid #1ABC9C;
+	border: 1px solid #ffaf4f;
 	border-radius: 50%;
 	padding: 3px;
 }
@@ -7606,7 +7611,7 @@ body:not(.device-touch) .button.button-full strong {
 -----------------------------------------------------------------*/
 
 .feature-box.fbox-border .fbox-icon {
-	border: 1px solid #1ABC9C;
+	border: 1px solid #ffaf4f;
 	border-radius: 50%;
 }
 
@@ -7614,7 +7619,7 @@ body:not(.device-touch) .button.button-full strong {
 .feature-box.fbox-border .fbox-icon img {
 	border: none;
 	background-color: transparent !important;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 .feature-box.fbox-border .fbox-icon { padding: 0; }
@@ -7654,7 +7659,7 @@ body:not(.device-touch) .button.button-full strong {
 .feature-box.fbox-plain .fbox-icon img {
 	border: none !important;
 	background-color: transparent !important;
-	color: #1ABC9C;
+	color: #ffaf4f;
 	border-radius: 0;
 }
 
@@ -7933,10 +7938,10 @@ body:not(.device-touch) .button.button-full strong {
 	color: #FFF;
 }
 
-.fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #1ABC9C; }
+.fbox-effect.fbox-dark .fbox-icon i:after { box-shadow: 0 0 0 2px #ffaf4f; }
 
 .fbox-effect.fbox-dark .fbox-icon i:hover,
-.fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #1ABC9C; }
+.fbox-effect.fbox-dark:hover .fbox-icon i { background-color: #ffaf4f; }
 
 .fbox-effect .fbox-icon i:hover:after,
 .fbox-effect:hover .fbox-icon i:after {
@@ -7988,9 +7993,9 @@ body:not(.device-touch) .button.button-full strong {
 }
 
 .fbox-border.fbox-effect.fbox-dark .fbox-icon i:hover,
-.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #1ABC9C; }
+.fbox-border.fbox-effect.fbox-dark:hover .fbox-icon i { box-shadow: 0 0 0 1px #ffaf4f; }
 
-.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #1ABC9C; }
+.fbox-border.fbox-effect.fbox-dark .fbox-icon i:after { background-color: #ffaf4f; }
 
 .fbox-border.fbox-effect .fbox-icon i:hover:after,
 .fbox-border.fbox-effect:hover .fbox-icon i:after {
@@ -8110,15 +8115,15 @@ body:not(.device-touch) .button.button-full strong {
 .process-steps li.active h5,
 .process-steps li.ui-tabs-active h5 {
 	font-weight: 600;
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 .process-steps li.active a,
 .process-steps li.ui-tabs-active a {
-	background-color: #1ABC9C !important;
+	background-color: #ffaf4f !important;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
-	border-color: #1ABC9C !important;
+	border-color: #ffaf4f !important;
 }
 
 .process-steps li:before,
@@ -8308,7 +8313,7 @@ body:not(.device-touch) .social-icon {
 
 .i-rounded:hover,
 .i-circled:hover {
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
 	box-shadow: 0 0 0 rgba(0,0,0,0.2);
@@ -9184,7 +9189,7 @@ ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
 	top: -1px;
 	height: 43px;
 	line-height: 38px;
-	border-top: 2px solid #1ABC9C;
+	border-top: 2px solid #ffaf4f;
 }
 
 .tabs.tabs-alt.tabs-tb ul.tab-nav li.ui-tabs-active a { height: 42px; }
@@ -9204,7 +9209,7 @@ ul.tab-nav:not(.tab-nav-lg) li.ui-tabs-active a {
 }
 
 .tabs.tabs-bb ul.tab-nav li.ui-tabs-active a {
-	border-bottom: 2px solid #1ABC9C;
+	border-bottom: 2px solid #ffaf4f;
 	top: -2px;
 	height: 44px;
 	line-height: 44px;
@@ -9237,7 +9242,7 @@ ul.tab-nav.tab-nav2 li a {
 
 ul.tab-nav.tab-nav2 li.ui-state-active a {
 	top: 0;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	color: #FFF;
 }
 
@@ -9275,7 +9280,7 @@ ul.tab-nav.tab-nav-lg li i {
 }
 
 ul.tab-nav-lg li.ui-tabs-active a {
-	color: #1ABC9C;
+	color: #ffaf4f;
 }
 
 
@@ -9463,7 +9468,7 @@ ul.tab-nav li a i {
 	border-color: rgba(0,0,0,0.1) !important;
 	color: #FFF !important;
 	font-weight: 700;
-	background-color: #1ABC9C !important;
+	background-color: #ffaf4f !important;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
 }
 
@@ -9528,7 +9533,7 @@ ul.tab-nav li a i {
 
 .faqlist li a { color: #444; }
 
-.faqlist li a:hover { color: #1ABC9C !important; }
+.faqlist li a:hover { color: #ffaf4f !important; }
 
 
 /* ----------------------------------------------------------------
@@ -9792,7 +9797,7 @@ body:not(.device-touch) .clients-grid li a {
 	width: 6px !important;
 	height: 6px !important;
 	border: none;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	opacity: 0.5;
 }
 
@@ -9866,7 +9871,7 @@ body:not(.device-touch) .clients-grid li a {
 
 .team-title span {
 	display: block;
-	color: #1ABC9C;
+	color: #ffaf4f;
 	font-weight: 400;
 	font-family: 'Crete Round', serif;
 	font-style: italic;
@@ -10092,7 +10097,7 @@ body:not(.device-touch) .team-overlay {
 .pricing-box.best-price .pricing-title h3 { font-size: 22px; }
 
 .pricing-box.best-price .pricing-price {
-	color: #1ABC9C;
+	color: #ffaf4f;
 	font-size: 72px;
 }
 
@@ -10326,7 +10331,7 @@ body:not(.device-touch) .rounded-skill {
 	left: 0;
 	width: 0;
 	height: 100%;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	overflow: visible !important;
 	border-radius: 2px;
 	-webkit-transition: width 1.2s ease-in-out;
@@ -10759,7 +10764,7 @@ blockquote.float-right {
 }
 
 .owl-carousel .owl-nav [class*=owl-]:hover {
-	background-color: #1ABC9C !important;
+	background-color: #ffaf4f !important;
 	color: #FFF !important;
 	text-decoration: none;
 }
@@ -10778,7 +10783,7 @@ blockquote.float-right {
 	margin: 30px 4px 0 4px;
 	opacity: 0.5;
 	border-radius: 50%;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	-webkit-transition: all .3s ease;
 	-o-transition: all .3s ease;
 	transition: all .3s ease;
@@ -11259,14 +11264,14 @@ input[type=checkbox]:not(:checked) + label.error { display: block !important; }
 
 .title-block {
 	padding: 2px 0 3px 20px;
-	border-left: 7px solid #1ABC9C;
+	border-left: 7px solid #ffaf4f;
 	margin-bottom: 30px;
 }
 
 .title-block-right {
 	padding: 2px 20px 3px 0;
 	border-left: 0;
-	border-right: 7px solid #1ABC9C;
+	border-right: 7px solid #ffaf4f;
 	text-align: right;
 }
 
@@ -11309,7 +11314,6 @@ input[type=checkbox]:not(:checked) + label.error { display: block !important; }
 	font-weight: 700;
 	text-transform: uppercase;
 	letter-spacing: 1px;
-	color: #333;
 }
 
 .emphasis-title h1,
@@ -11361,7 +11365,7 @@ input[type=checkbox]:not(:checked) + label.error { display: block !important; }
 	display: block;
 	margin-top: 30px;
 	width: 40px;
-	border-top: 2px solid #444;
+	border-top: 2px solid #ffaf4f;
 }
 
 .center .heading-block:after,
@@ -11375,7 +11379,7 @@ input[type=checkbox]:not(:checked) + label.error { display: block !important; }
 .heading-block.noborder:after,
 .heading-block.nobottomborder:after { display: none; }
 
-.heading-block.border-color:after { border-color: #1ABC9C; }
+.heading-block.border-color:after { border-color: #ffaf4f; }
 
 
 /* Emphasis Title
@@ -11438,7 +11442,7 @@ input[type=checkbox]:not(:checked) + label.error { display: block !important; }
 
 .fancy-title.title-border-color:before {
 	top: 49%;
-	border-top: 1px solid #1ABC9C;
+	border-top: 1px solid #ffaf4f;
 	opacity: 0.6;
 }
 
@@ -11483,7 +11487,7 @@ input[type=checkbox]:not(:checked) + label.error { display: block !important; }
 	display: block;
 	background: transparent;
 	padding: 0 0 10px;
-	border-bottom: 2px solid #1ABC9C;
+	border-bottom: 2px solid #ffaf4f;
 }
 
 
@@ -11729,7 +11733,7 @@ body:not(.device-touch) #gotoTop {
 
 .stretched #gotoTop { bottom: 30px; }
 
-#gotoTop:hover { background-color: #1ABC9C; }
+#gotoTop:hover { background-color: #ffaf4f; }
 
 
 /* ----------------------------------------------------------------
@@ -12042,8 +12046,8 @@ button.toast-close-button {
 
 #footer {
 	position: relative;
-	background-color: #EEE;
-	border-top: 5px solid rgba(0,0,0,0.2);
+	background-color: #797979;
+	border-top: 5px solid #797979;
 }
 
 .device-xl.sticky-footer #top-bar,
@@ -12103,9 +12107,10 @@ button.toast-close-button {
 
 #copyrights {
 	padding: 40px 0;
-	background-color: #DDD;
+	background-color: #797979;
 	font-size: 14px;
 	line-height: 1.8;
+	color: #fff;
 }
 
 #copyrights i.footer-icon {
@@ -12211,8 +12216,8 @@ body:not(.device-touch) .tagcloud a {
 }
 
 .tagcloud a:hover {
-	border-color: #1ABC9C !important;
-	color: #1ABC9C !important;
+	border-color: #ffaf4f !important;
+	color: #ffaf4f !important;
 }
 
 
@@ -12479,7 +12484,7 @@ body:not(.device-touch) .tagcloud a {
 
 .widget-filter-links li.active-filter span {
 	color: #FFF;
-	background-color: #1ABC9C;
+	background-color: #ffaf4f;
 	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
 }
 
@@ -12533,7 +12538,7 @@ body:not(.device-touch) .tagcloud a {
 
 .nav-tree li:hover > a,
 .nav-tree li.current > a,
-.nav-tree li.active > a { color: #1ABC9C !important; }
+.nav-tree li.active > a { color: #ffaf4f !important; }
 
 .nav-tree ul ul { display: none; }
 
@@ -12773,7 +12778,7 @@ body:not(.device-touch) .tagcloud a {
 .btn-link,
 .page-link,
 .page-link:hover,
-.page-link:focus { color: #1ABC9C; }
+.page-link:focus { color: #ffaf4f; }
 
 .btn-link:hover,
 .btn-link:focus { color: #222; }
@@ -12811,13 +12816,13 @@ body:not(.device-touch) .tagcloud a {
 .page-link:hover,
 .page-link:focus {
 	color: #FFF !important;
-	background-color: #1ABC9C !important;
-	border-color: #1ABC9C !important;
+	background-color: #ffaf4f !important;
+	border-color: #ffaf4f !important;
 }
 
 .nav-pills > li.active > a,
 .nav-pills > li.active > a:hover,
-.nav-pills > li.active > a:focus { background-color: #1ABC9C; }
+.nav-pills > li.active > a:focus { background-color: #ffaf4f; }
 
 label.radio,
 label.checkbox { padding-left: 20px; }
@@ -13944,10 +13949,18 @@ body:not(.no-transition) #wrapper,
 	font-size: initial;
 }
 
-.button-grey {
-	background-color: #b2b2b2;
+.button-blue {
+	background-color: #433466;
+}
+
+.purple-overlay {
+	background: linear-gradient(45deg, rgba(60,34,123,0.85) 0%,rgba(234,5,98,0.85) 100%) !important;
 }
 
-.read-more {
+.whitefont {
+	color: #fff !important;
+}
 
+.dark-purple-font {
+	color: #574a66 !important;
 }
diff --git a/writing.html b/writing.html
index c85b3d0..317d636 100644
--- a/writing.html
+++ b/writing.html
@@ -33,7 +33,7 @@
 
     <!-- Header
     ============================================= -->
-    <header id="header" data-sticky-class="not-dark">
+    <header id="header" data-sticky-class="not-dark" class="purple-overlay">
 
       <div id="header-wrap">
 
@@ -44,13 +44,13 @@
           <!-- Logo
           ============================================= -->
           <div id="logo">
-            <a href="index.html" class="standard-logo" data-dark-logo="images/logo-dark.png">
-              <img src="images/kk-logo.png" alt="Canvas Logo">
+            <a href="index.html" class="standard-logo">
+              <img src="images/kk-logo.png" alt="KK Logo">
             </a>
-            <a href="index.html" class="retina-logo" data-dark-logo="images/logo-dark@2x.png">
-              <img src="images/kk-logo@2x.png" alt="Canvas Logo">
+            <a href="index.html" class="retina-logo">
+              <img src="images/kk-logo2x.png" alt="KK Logo">
             </a>
-          </div>
+          </div><!-- #logo end -->
 
           <!-- Primary Navigation
           ============================================= -->
@@ -78,16 +78,6 @@
 
     </header><!-- #header end -->
 
-      <!-- Page Title
-    ============================================= -->
-    <section id="page-title" class="page-title-center">
-
-      <div class="container clearfix">
-        <h1>Writing</h1>
-      </div>
-
-    </section>
-
 
     <!-- Content
     ============================================= -->
@@ -96,6 +86,10 @@ <h1>Writing</h1>
         <div class="container clearfix about-me">
           <div class="row clearfix">
             <div class="col-lg-10 offset-lg-1 fontlarge">
+              <div class="heading-block center">
+                <h3>WRITING</h3>
+              </div>
+
               <p>
                Yes, I love to write. I have put pen to paper and authored the book, Pots, Pans and Spoons; a memoir about my personal life and the story of how I founded and built Sweet Sensations from a backyard shed into one of the most profitable, popular, and respected chains of restaurants in Nigeria. The book contains my ideas, values, business philosophies,  motivation, my mistakes, my daily routine, and my triumphs. At the core of my decision to write this book was the desire to inspire and encourage people to pursue their goals regardless of the obstacles that may stand in their way.
               </p>
@@ -112,7 +106,7 @@ <h1>Writing</h1>
     </section>
 
 
-  <!--  Footer
+    <!--  Footer
     ============================================= -->
     <footer id="footer" class="dark">
 
@@ -123,14 +117,25 @@ <h1>Writing</h1>
         <div class="container clearfix">
 
           <div class="col_half">
-            Copyrights &copy; 2020 Kehinde Kamson.
+            Copyrights &copy; 2020 All Rights Reserved by Kehinde Kamson.
           </div>
 
           <div class="col_half col_last tright">
             <div class="fright clearfix">
-              <div class="copyrights-menu copyright-links nobottommargin">
-                <a href="index.html">Home</a>/<a href="about-me.html">About Me</a>/<a href="philanthropy.html">Interests</a>/<a href="blog.html">Blog</a>/<a href="contact.html">Contact</a>
-              </div>
+              <a href="https://www.instagram.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-instagram">
+                <i class="icon-instagram"></i>
+                <i class="icon-instagram"></i>
+              </a>
+
+              <a href=" https://www.twitter.com/kehinde_kamson/" class="social-icon si-borderless si-text-color si-twitter">
+                <i class="icon-twitter"></i>
+                <i class="icon-twitter"></i>
+              </a>
+
+              <a href="https://www.facebook.com/Ladykehindekamson/" class="social-icon si-borderless si-text-color si-facebook">
+                <i class="icon-facebook"></i>
+                <i class="icon-facebook"></i>
+              </a>
             </div>
           </div>