Update footer.php and header.php

footer.php

@@ -43,12 +43,12 @@
               GALLERY
             </h3>
             <div class="plain-flicker-gallery">
-              <a href="#"><img src="img/flicker/img1.jpg" alt=""></a>
-              <a href="#"><img src="img/flicker/img2.jpg" alt=""></a>
-              <a href="#"><img src="img/flicker/img3.jpg" alt=""></a>
-              <a href="#"><img src="img/flicker/img4.jpg" alt=""></a>
-              <a href="#"><img src="img/flicker/img5.jpg" alt=""></a>
-              <a href="#"><img src="img/flicker/img6.jpg" alt=""></a>
+              <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/flicker/img1.jpg" alt=""></a>
+              <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/flicker/img2.jpg" alt=""></a>
+              <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/flicker/img3.jpg" alt=""></a>
+              <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/flicker/img4.jpg" alt=""></a>
+              <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/flicker/img5.jpg" alt=""></a>
+              <a href="#"><img src="<?php echo get_template_directory_uri(); ?>/img/flicker/img6.jpg" alt=""></a>
             </div>
           </div>
           <!-- Footer Widget Ends -->

header.php

@@ -65,7 +65,7 @@
 			              <span class="icon-menu"></span>
 			              <span class="icon-menu"></span>
 			            </button>
-			            <a href="index.html" class="navbar-brand"><img src="img/logo.png" alt=""></a>
+			            <a href="index.html" class="navbar-brand"><img src="<?php echo get_template_directory_uri(); ?>/img/logo.png" alt=""></a>
 			          </div>
 			          <div class="collapse navbar-collapse" id="main-navbar">
 			            <ul class="navbar-nav mr-auto w-100 justify-content-end clearfix">
@@ -160,3 +160,69 @@
 
 			      </nav>
 			      <!-- Navbar End -->
+
+
+						<?php if ( is_front_page()  ): ?>
+
+						<!-- sliders -->
+			      <div id="sliders">
+			        <div class="full-width">
+			          <!-- light slider -->
+			          <div id="light-slider" class="carousel slide">
+			            <div id="carousel-area">
+			              <div id="carousel-slider" class="carousel slide" data-ride="carousel">
+			                <ol class="carousel-indicators">
+			                  <li data-target="#carousel-slider" data-slide-to="0" class="active"></li>
+			                  <li data-target="#carousel-slider" data-slide-to="1"></li>
+			                  <li data-target="#carousel-slider" data-slide-to="2"></li>
+			                </ol>
+			                <div class="carousel-inner" role="listbox">
+			                  <div class="carousel-item active">
+			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-1.jpg" alt="">
+			                    <div class="carousel-caption">
+			                      <h3 class="slide-title animated fadeInDown"><span>Helium</span> - Bootstrap 4 UI Kit</h3>
+			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
+			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Get Started</a>
+			                      <a href="#" class="btn btn-lg btn-border animated fadeInUp">Learn More</a>
+			                    </div>
+			                  </div>
+			                  <div class="carousel-item">
+			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-2.jpg" alt="">
+			                    <div class="carousel-caption">
+			                      <h3 class="slide-title animated fadeInDown"><span>Cutting-edge</span> Features</h3>
+			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
+			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download Now</a>
+			                    </div>
+			                  </div>
+			                  <div class="carousel-item">
+			                    <img src="<?php echo get_template_directory_uri(); ?>/img/slider/bg-3.jpg" alt="">
+			                    <div class="carousel-caption">
+			                      <h3 class="slide-title animated fadeInDown"><span>100+</span> UI Blocks & Components</h3>
+			                      <h5 class="slide-text animated fadeIn">Lorem ipsum dolor sit amet, consectetuer adipiscing elit<br> Curabitur ultricies nisi Nam eget dui. Etiam rhoncus</h5>
+			                      <a href="#" class="btn btn-lg btn-border animated fadeInUp">Get Started</a>
+			                      <a href="#" class="btn btn-lg btn-common animated fadeInUp">Download</a>
+			                    </div>
+			                  </div>
+			                </div>
+			                <a class="carousel-control-prev" href="#carousel-slider" role="button" data-slide="prev">
+			                  <i class="fa fa-chevron-left"></i>
+			                </a>
+			                <a class="carousel-control-next" href="#carousel-slider" role="button" data-slide="next">
+			                  <i class="fa fa-chevron-right"></i>
+			                </a>
+			              </div>
+			            </div>
+			          </div>
+			        </div>
+			      </div>
+			      <!-- End sliders -->
+
+						<?php endif; ?>
+
+
+
+
+
+
+					</header>
+			    <!-- Header Area wrapper End -->