HOME

Mini Shell 1.0
DIR:/proc/self/root/home/bluebeacongroup.com/www/wp-content/themes/bluebeacon/
Current File : //proc/self/root/home/bluebeacongroup.com/www/wp-content/themes/bluebeacon/index.php
<?php
/**
 * The main template file
 *
 * This is the most generic template file in a WordPress theme
 * and one of the two required files for a theme (the other being style.css).
 * It is used to display a page when nothing more specific matches a query.
 * E.g., it puts together the home page when no home.php file exists.
 *
 * @link https://developer.wordpress.org/themes/basics/template-hierarchy/
 *
 * @package WordPress
 * @subpackage Twenty_Nineteen
 * @since Twenty Nineteen 1.0
 */

get_header();
?>

<section class="banner">
  <div id="bootstrap-touch-slider" class="carousel bs-slider fade control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000">
  
    <!-- Indicators -->
    <ol class="carousel-indicators hidden">
      <li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="3"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="4"></li>
      <li data-target="#bootstrap-touch-slider" data-slide-to="5"></li>
    </ol>
    
    <!-- Wrapper For Slides -->
    <div class="carousel-inner" role="listbox">
      <!-- Third Slide -->
      <div class="item active">
        <img src="<?php echo get_template_directory_uri(); ?>/images/slider-01.jpg" alt="image"  class="slide-image"/>
		<div class="slide-text">
		  <div class="slide-table">
		    <h1 data-animation="animated fadeInUp"><span>Satisfaction Guaranteed</span>Building your dreams into reality</h1>
			<p data-animation="animated fadeInUp">Lorem ipsum dolor sit amet consec tetuer adipiscing elit Donec odio Quisque volutpat mattis eros.</p>
            <p><a href="#" class="btn btn-default" data-animation="animated fadeInUp">View More</a> <a href="#" class="btn btn-primary" data-animation="animated fadeInUp">Contact Us</a></p>
          </div><!-- slide-table -->
        </div>
      </div><!-- End of Slide -->           
      
      <div class="item">
        <img src="<?php echo get_template_directory_uri(); ?>/images/slider-01.jpg" alt="image"  class="slide-image"/>
        <div class="slide-text">
		  <div class="slide-table">
		    <h1 data-animation="animated fadeInUp"><span>Satisfaction Guaranteed</span>Building your dreams into reality</h1>
			<p data-animation="animated fadeInUp">Lorem ipsum dolor sit amet consec tetuer adipiscing elit Donec odio Quisque volutpat mattis eros.</p>
            <p><a href="#" class="btn btn-default" data-animation="animated fadeInUp">View More</a> <a href="#" class="btn btn-primary" data-animation="animated fadeInUp">Contact Us</a></p>
          </div><!-- slide-table -->
        </div>
      </div><!-- End of Slide -->
    
    </div><!-- End of Wrapper For Slides -->
    
    <!-- Left Control -->
    <a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev"><span class="fa fa-angle-left" aria-hidden="true"></span><span class="sr-only">Previous</span></a>
    
    <!-- Right Control -->
    <a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next"><span class="fa fa-angle-right" aria-hidden="true"></span><span class="sr-only">Next</span></a>
  
  </div> <!-- End  bootstrap-touch-slider Slider -->          
</section><!--/ banner -->        

<section class="about-sec">
  <div class="container">
    <div class="row">           
      	  
	  <div class="col-sm-12 about-left">
	    <h2><span>About Our Company</span>Blue Beacon Systems & Solutions P Ltd</h2>
		<p>Lorem ipsum dolor sit amet sed do eiusmod temp incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in in voluptate velit esse cillum dolore in cidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
		<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore in cidunt ut labore et dolore magnam aliquam quaerat voluptatem.</p>
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="about-box">
		  <figure class="thumb thumbnail"><img src="<?php echo get_template_directory_uri(); ?>/images/img-01.jpg" alt=""></figure>
        </div>
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="about-box">
		  <figure class="thumb thumbnail"><img src="<?php echo get_template_directory_uri(); ?>/images/img-02.jpg" alt=""></figure>
        </div>
      </div>
	  
	  <div class="col-sm-4 about-col">
	    <div class="about-box">
		  <figure class="thumb thumbnail"><img src="<?php echo get_template_directory_uri(); ?>/images/img-03.jpg" alt=""></figure>
        </div>
      </div>      	  	 
     
    </div><!--/ row --> 
  </div>
</section><!--/ about-text -->

<section class="tag-sec">
  <div class="container">
    <div class="row">           
	
	  <div class="col-sm-8">
        <h2>You Dream We make it real!</h2>
		<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
	  </div>
	  
	  <div class="col-sm-4">
		<p class="text-right"><a class="btn" href="#" title="">Contact Us</a></p>
	  </div>	  
     
    </div><!--/ row --> 
  </div>
</section>

<section class="service-area">
  <div class="container">
    <div class="row">
      
      <div class="col-sm-12 mrb-20 title">
        <h2><span>Working with excellent</span>Our Special Services</h2>
		<p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
      </div>
	  
      <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/service-01.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <div class="service-padd">
		      <h3>Building <br>Construction</h3>
			  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
			  <p><a href="#" class="btn">View More</a></p>
		    </div>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/service-02.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <div class="service-padd">
		      <h3>Mechanical, Electrical & Plumbing Works</h3>
			  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
			  <p><a href="#" class="btn">View More</a></p>
		    </div>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/service-03.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <div class="service-padd">
		      <h3>Fire Fighting & Fire <br>Alarm Works</h3>
			  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
			  <p><a href="#" class="btn">View More</a></p>
		    </div>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/service-04.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <div class="service-padd">
		      <h3>Water Boosting Systems & Water Treatment Systems</h3>
			  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
			  <p><a href="#" class="btn">View More</a></p>
		    </div>
		  </div>
		</div>
	  </div>
	  
	  <div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="<?php echo get_template_directory_uri(); ?>/images/service-05.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <div class="service-padd">
		      <h3>Wholesale of Core Building Materials</h3>
			  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
			  <p><a href="#" class="btn">View More</a></p>
		    </div>
		  </div>
		</div>
	  </div>
	  
	  <!--div class="col-sm-4">
	    <div class="service-box">
		  <div class="thumb"><img src="images/service-06.jpg" alt="service-img"></div>
		  <div class="service-text">
		    <div class="service-padd">
		      <h3>Sports Venue</a></h3>
			  <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit Donec odio Quisque volutpat mattis eros Nullam malesuada erat ut turpis Aliquam porttitor mauris sit amet orci Aenean dignissim pellentesque felis.</p>
			  <p><a href="#" class="btn">View More</a></p>
		    </div>
		  </div>
		</div>
	  </div-->	  	  	 
      
    </div><!--/ row --> 
  </div>
</section><!--/ service-area -->    

<section class="counter-sec">
  <div class="container">
    <div class="row" id="counter">
	
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
	      <figure><img src="<?php echo get_template_directory_uri(); ?>/images/counter-01.png" alt="images"></figure>
	      <span class="counter-value" data-count="2978">0</span>
		  <h4>year of experience</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
		  <figure><img src="<?php echo get_template_directory_uri(); ?>/images/counter-02.png" alt="images"></figure>
	      <span class="counter-value" data-count="1462">0</span>
		  <h4>expert team</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
		  <figure><img src="<?php echo get_template_directory_uri(); ?>/images/counter-03.png" alt="images"></figure>
	      <span class="counter-value" data-count="1540">0</span>
		  <h4>happy customer</h4>
	    </div>
	  </div>
	  
	  <div class="col-sm-3 counter-Txt">
	    <div class="counter-padd">
		  <figure><img src="<?php echo get_template_directory_uri(); ?>/images/counter-04.png" alt="images"></figure>
	      <span class="counter-value" data-count="2431">0</span>
		  <h4>professional awards</h4>
	    </div>
	  </div>

    </div><!--/ row --> 
  </div>
</section><!--/ counter-sec -->

<section class="client-speak">
  <div class="container">
    <div class="row">
      
	  
	  <div class="col-sm-12 grid-left pad-0">
	    <h2><span>Testimonials feedback</span>knows About Our Customer Say</h2>
		 
		<div id="owl-demo">
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php echo get_template_directory_uri(); ?>/images/male.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php echo get_template_directory_uri(); ?>/images/female.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php echo get_template_directory_uri(); ?>/images/male.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php echo get_template_directory_uri(); ?>/images/female.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php echo get_template_directory_uri(); ?>/images/male.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		  <div class="item">
		    <div class="testmonial-author">
			  <img src="<?php echo get_template_directory_uri(); ?>/images/female.jpg" alt="">
			  <h4>Richard Branson <span>Virgin</span></h4>
			</div>
			
		    <div class="item-bg"> 		  
		      <p>Lorem ipsum dolor sit amet consectetur adipisicing elit sed do eiusmod temp incididunt ut labore et dolore magna aliqua Ut enim ad minim veniam quis nostrud.</p>
			  <div class="star">
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
			    <i class="fa fa-star" aria-hidden="true"></i>
				<i class="fa fa-star-half-empty" aria-hidden="true"></i>
			  </div>
			</div>
		  </div><!--/ item -->
		  
		</div>
      </div><!--/ grid-left -->  
          
    </div><!--/ row -->	
  </div>
</section><!--/ client-speak  -->

<section class="Newsletter">
  <div class="container">
    <div class="row">
     
      <div class="col-sm-6">	    
		<h2>Newsletter</h2>
		<h4>Join our email list for tips and useful information.</h4>
      </div><!--/ col-sm-6 -->
      
      <div class="col-sm-6">
        <form>
		  <div class="form-group">
			<input class="form-control" type="email" placeholder="Email Address">
			<input type="submit" value="Subscribe" class="btn">
		  </div>
		</form>
      </div><!--/ col-sm-6 -->
     
    </div><!--/ row --> 
  </div>
</section><!--/ Newsletter -->

<?php
get_footer();