<?php require_once './utility/view_helper.php'; ?>
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title><?php echo CommonModel::create()->getSettings('ADMIN_PANEL_HEADING'); ?></title>

    <!-- Bootstrap -->
  
  	 <link rel="stylesheet" href="css/bootstrap.min.css">
     <link rel="stylesheet" href="css/animate.css">
     <link rel="stylesheet" href="css/owl.carousel.css">
     <link rel="stylesheet" href="css/owl.theme.default.min.css">

    
    <!-- MAIN CSS -->
    <link rel="stylesheet" href="css/tooplate-style.css">
   
    <!--<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,700,800&subset=latin,latin-ext' rel='stylesheet' type='text/css'>-->
   <link href="https://fonts.googleapis.com/css?family=Didact+Gothic|Roboto" rel="stylesheet" type='text/css'> 
    <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
   
    <!--Menu css-->
	<link rel="stylesheet" href="css/style1.css">
  	
     <!--for banner-->
	<link rel="stylesheet" href="css/demo.css">
    <link rel="stylesheet" href="css/slippry.css">
   
  	 <!--for banner-->
	 <script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous">			     </script>   
     
	 <script type="text/javascript" src="images/slide/jquery-latest.min.js"></script>
	<script type="text/javascript" src="images/slide/jquery.tinycarousel.js"></script>
	 <script type="text/javascript" src="./static/jscroller/jscroller2-1.61.js"></script>
	
  </head>
 <body id="top" data-spy="scroll" data-target=".navbar-collapse" data-offset="50">

     <!-- HEADER -->
     <header>
          <div class="container">
               <div class="row">

                    <div class="col-md-4 col-sm-5" style="padding-top:5px;">
                         <?php include('search.php')?>
                    </div>
                         
                    <div class="col-md-8 col-sm-7 text-align-right" style="padding-top:5px;">
                        <?php include('login.php')?>
                    </div>

               </div>
          </div>
     </header>


     <!-- MENU -->
     <section>
          <div class="container">
            	<?php include('menu.php') ?>
          </div>
     </section>


     <!-- HOME -->
     <section id="home" class="slider" data-stellar-background-ratio="0.5">
          <div class="container">
               <div class="row">
               <?php include('banner.php')?>
               </div>
          </div>
     </section>
     

     <!-- ABOUT -->
     <section id="about">
          <div class="container">
               <div class="row">
				
                    <div class="col-md-6 col-sm-6">
                         <div class="about-info">
                              <div class="wow fadeInUp" data-wow-delay="0.8s">
                             	 <h3 class="wow fadeInUp" data-wow-delay="0.6s">Welcome to JPC Business Center</h3>
                                   <p><?php 
										require_once $viewPath; 
									?></p>
                                  
                              </div>
                              <figure class="profile wow fadeInUp" data-wow-delay="1s">
                                   <img src="images/author-image.jpg" class="img-responsive" alt="">
                                   <figcaption>
                                        <h3>Mr. Atul shah</h3>
                                        <p>President</p>
                                   </figcaption>
                              </figure>
                         </div>
                    </div>
                    
                    
               </div>
                    
               </div>
          </div>
     </section>


     <!-- TEAM -->
     <section id="news" data-stellar-background-ratio="1">
          <div class="container">
               <div class="row">
                    
                     <div class="col-md-3 col-sm-6">
                         <!-- NEWS THUMB -->
                         <div class="news-thumb wow fadeInUp" data-wow-delay="0.4s">
                         		<div class="news-info">
                                     <h3><a href="news-detail.html">JPC News</a></h3>
                               </div>
                              <?php include('updates.php')?>
                             	 
                         </div>
                    </div>
                   
                   <div class="col-md-3 col-sm-6">
                         <!-- NEWS THUMB -->
                         <div class="news-thumb wow fadeInUp" data-wow-delay="0.4s">
                       		  <div class="news-info">
                             	  <h3>Happy Birthday</h3>
                               </div>
                              <?php include('hpbirthday.php')?>
                         </div>
                    </div>
                    
                     <div class="col-md-3 col-sm-6">
                         <!-- NEWS THUMB -->
                         <div class="news-thumb wow fadeInUp" data-wow-delay="0.4s">
                         		<div class="news-info">
                                     <h3>Happy Anniversary</h3>
                               </div>
                              <?php include('wemissyou.php')?>
                         </div>
                    </div>
                    
                     <div class="col-md-3 col-sm-6">
                         <!-- NEWS THUMB -->
                         <div class="news-thumb wow fadeInUp" data-wow-delay="0.4s">
                          <div class="news-info">
                                     <h3><a href="news-detail.html">JPC Events</a></h3>
                               </div>
                              <?php include('events.php')?>
                             	
                         </div>
                    </div>
                    
               </div>
          </div>
     </section>


     <!-- NEWS -->
     <section id="news" data-stellar-background-ratio="2.5">
          <div class="container">
               <div class="row">

                    <div class="col-md-12 col-sm-12">
                         <!-- SECTION TITLE -->
                         <div class="section-title wow fadeInUp" data-wow-delay="0.1s">
                              <h2>Photo Gallery</h2>
                         </div>
                    </div>
                    
                    <?php include('bottom.php')?>

               </div>
          </div>
     </section>


     

     <!-- GOOGLE MAP -->
     <section id="google-map">
     
        <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3692.351047248765!2d73.17903581419193!3d22.26468824981467!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395fc677f055bbeb%3A0x4235f36081e492b3!2sArihant+Infotech!5e0!3m2!1sen!2sin!4v1530527047152" frameborder="0" width="100%" height="250"></iframe>
     </section>           


     <!-- FOOTER -->
     <footer data-stellar-background-ratio="5">
          <div class="container">
               <div class="row">

                    <div class="col-md-6 col-sm-4">
                         <div class="footer-thumb"> 
                              <h4 class="wow fadeInUp" data-wow-delay="0.4s">Contact Info</h4>
                              <p>Fusce at libero iaculis, venenatis augue quis, pharetra lorem. Curabitur ut dolor eu elit consequat ultricies.</p>

                              <div class="contact-info">
                                   <p><i class="fa fa-phone"></i>+91-93762 26337</p>
                                   <p><i class="fa fa-envelope-o"></i> <a href="#">info@company.com</a></p>
                              </div>
                         </div>
                    </div>

                    

                    <div class="col-md-6 col-sm-4"> 
                         <div class="footer-thumb">
                              <div class="opening-hours">
                                   <h4 class="wow fadeInUp" data-wow-delay="0.4s">Opening Hours</h4>
                                   <p>Monday - Friday <span>06:00 AM - 10:00 PM</span></p>
                                   <p>Saturday <span>09:00 AM - 08:00 PM</span></p>
                                   <p>Sunday <span>Closed</span></p>
                              </div> 

                              <ul class="social-icon">
                                   <li><a href="https://www.facebook.com/tooplate" class="fa fa-facebook-square" attr="facebook icon"></a></li>
                                   <li><a href="#" class="fa fa-twitter"></a></li>
                                   <li><a href="#" class="fa fa-instagram"></a></li>
                              </ul>
                         </div>
                    </div>

                    <div class="col-md-12 col-sm-12 border-top">
                         <div class="col-md-5 col-sm-6">
                              <div class="copyright-text"> 
                                   <p>Copyright &copy; 2018 JPC Business Directory 
                                   | Design: <a href="http://www.aiindia.com" target="_parent">Arihant Infotech</a></p>
                              </div>
                         </div>
                         <div class="col-md-5 col-sm-6">
                              <div class="footer-link"> 
                                   <a href="#">Home</a>
                                   <a href="#">News</a>
                                   <a href="#">Events</a>
                                   <a href="#">Gallery</a>
                                    <a href="#">Contact Us</a>
                              </div>
                         </div>
                         <div class="col-md-2 col-sm-2 text-align-center">
                              <div class="angle-up-btn"> 
                                  <a href="#top" class="smoothScroll wow fadeInUp" data-wow-delay="1.2s"><i class="fa fa-angle-up"></i></a>
                              </div>
                         </div>   
                    </div>
                    
               </div>
          </div>
     </footer>

     <!-- SCRIPTS -->
     <script src="js/jquery.js"></script>
     <script src="js/bootstrap.min.js"></script>
     <script src="js/jquery.sticky.js"></script>
     <script src="js/jquery.stellar.min.js"></script>
     <script src="js/wow.min.js"></script>
     <script src="js/smoothscroll.js"></script>
     <script src="js/custom.js"></script>
     
     <!--for banner-->
 	 <script src="js/slippry.min.js"></script>
      <!--for menu-->
	<script src="js/index.js" type="text/javascript"></script>

</body> 
  
</html>