<?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('WEBSITE_PAGETITLE'); ?></title>

	 <!-- fav icon -->
        <link href="assets/images/favicon.png" rel="shortcut icon" type="image/png">

        <!-- Bootstrap -->
        <link href="assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <!-- animated-css -->
        <link href="assets/css/animate.min.css" rel="stylesheet" type="text/css">
        <!-- font-awesome-css -->
         <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
        
        <!-- owl-carrosel-css -->
        <link href="assets/owl-carrosel/owl.carousel.min.css" rel="stylesheet" type="text/css">
        <link href="assets/owl-carrosel/owl.theme.default.min.css" rel="stylesheet" type="text/css">
        
               
        <!--Menu css-->
	 <link rel="stylesheet" href="assets/css/style1.css">
       
        <!-- style-css -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css">

   		 <!--for gallery-->
		<link href="assets/css/lightbox.css" rel="stylesheet" />
    
        
     <!--for banner-->
 	<link rel="stylesheet" href="assets/css/demo.css">
    <link rel="stylesheet" href="assets/css/slippry.css">
    
     <!--for banner-->
	<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous">			     </script>
    
     <!--for gallery lightbox-->
    <script src="assets/js/jquery-1.10.2.min.js"></script>
	<script src="assets/js/lightbox-2.6.min.js"></script>
   	
     
    
     <style>
	   div#navbar1{
		background-color:#48c7ec; 
		margin:0 0;
		}
		@media only screen and (max-width: 600px) {
	 	div#navbar1{
		background-color:#fff;
	    }
	   </style>

	
  </head>
<body class="homePageSix">	 <!-- HEADER -->
      <header class="header-section">
            <div class="topper">
                <div class="top-bar">
                    <div class="container">
                        <div class="row">
                            <div class="col-md-6 col-sm-8">
                                <div class="header-left-bar" style="padding-top:15px;">
                                     <img src="assets/images/tag-line.png" class="img-responsive">
                                </div> <!-- header-left-bar -->
                            </div>

                            <div class="col-md-6 col-sm-4">
                                <div class="header-right-bar text-right">
                                     <?php include('search.php')?>
                                </div> <!-- header-right-bar -->
                            </div>
                        </div> <!-- top-bar -->
                    </div>
                </div> <!-- top-bar -->

                <div class="container">
                    <div class="middle-wrapper">
                        <div class="row">
                            <div class="col-md-6 col-sm-3">
                                <div class="header-left-bar">
                                    <div class="navbar-header">
                                        <a class="navbar-brand" href="index.php"><img src="assets/images/logo.png" alt="image" class="img-responsive"></a>
                                       	 	<span class="logo_text">
                            					<span class="big">JAIN PRAGATI CENTRE<br></span>
                            			    	<span class="small-text lightgrey">BANYAN CITY</span>
                           				 </span>
                                    </div>
                                </div> <!-- header-left-bar -->
                            </div>

                            <div class="col-md-6 col-sm-9">
                                <div class="header-right-bar">
                                    <?php include('top.php');?>
                                </div> <!-- header-right-bar -->
                            </div>
                        </div> <!-- top-bar -->
                    </div>
                </div>
            </div> <!-- topper -->

            <div class="container">
                <div class="row" id="navbar1">
                	<div class="col-md-10">
		            	<?php include('menu.php') ?>
        	        </div>
               		
                    <div class="col-md-2 col-sm-3 text-align-right hidden-xs">
                       <?php include('login1.php')?>
                    </div>     
             
               </div>
                   
            </div> 
        </header> <!-- header-section -->
     
    

    
		
       <section class="demo_wrapper">
             <?php include('banner.php')?>
    	</section>
       
       
     <section>
     		 <div class="container">
             	<div class="row">
                
               <?php require_once $viewPath; ?>
               </div>
             </div>
       </section>
       
      <section class="secure-section">
            <div class="container">
              <?php include('bottom-banners.php')?>
               
            </div>
        </section> <!-- secure-section -->


        <footer class="footer-section">
            <div class="footer-container">
                <div class="container">
                    <div class="row">
                        <div class="col-md-4 col-sm-4">
                            <div class="footer-wrapper">
                                <img src="assets/images/footer-logo.png" alt="">

                                <ul class="location">
                                    <li><i class="fa fa-home" aria-hidden="true"></i> 
                                        <div class="content">
                                            555 Main St, Salt Lake City, <br> UT 84101
                                        </div>
                                    </li>

                                    <li><i class="fa fa-phone" aria-hidden="true"></i> 
                                        <div class="content">
                                            +123-(547)-257
                                        </div>
                                    </li>

                                    <li><i class="fa fa-clock-o" aria-hidden="true"></i> 
                                        <div class="content">
                                            Working Hours: <br> Mon-Fri (9 am - 8 pm)
                                        </div>
                                    </li>
                                </ul>
                            </div> <!-- footer-wrapper -->
                        </div>

                        <div class="col-md-4 col-sm-4">
                            <div class="footer-wrapper">
                                <h3>About</h3>

                                <p>Sed ut perspiciatis unde omnis iste natus <br>
                                    error sit voluptatem accusantium <br>
                                    doloremque laudantium, totam rem <br>
                                    aperiam, eaque ipsa quae ab illo inventore <br>
                                    veritatis et quasi</p>

                                <ul class="social-icon">
                                    <li><a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a></li>
                                    <li><a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a></li>
                                </ul> 
                            </div> <!-- footer-wrapper -->
                        </div>

                        <div class="col-md-3 col-md-offset-1 col-sm-4">
                            <div class="footer-wrapper last-wrapper">
                                <h3>Navigation</h3>

                                <ul class="wrapper-option clearfix">
                                    <li><a href="#">Home</a></li>
                                    <li><a href="#">About</a></li>
                                    <li><a href="#">Service</a></li>
                                    <li><a href="#">Projects</a></li>
                                    <li><a href="#">Pricing</a></li>
                                    <li><a href="#">Recent News</a></li>
                                </ul> <!-- wrapper-option -->

                                <ul class="wrapper-option">
                                    <li><a href="#">Testimonials</a></li>
                                    <li><a href="#">Gallery</a></li>
                                    <li><a href="#">Gallery two</a></li>
                                    <li><a href="#">Contact Us</a></li>
                                </ul> <!-- wrapper-option -->
                            </div> <!-- footer-wrapper -->
                        </div>
                    </div>
                </div>
            </div> <!-- footer-container -->


            <div class="copy-right text-center">
                <div class="container">
                    <p>2018 &copy;Jain Pragati Center, All Rights Reserved by <a href="http://www.aiindia.com">Arihant Infotech</a></p>
                </div>
            </div> <!-- copy-right -->
        </footer> <!-- footer-section -->

    <script src="assets/js/jquery.js"></script>
        <script src="assets/bootstrap/js/bootstrap.min.js"></script>

                
      <!--<script src="assets/js/jquery.inview.min.js"></script>
        <script src="assets/js/portfolio.js"></script>
        <script src="assets/js/wow.js"></script>
        
         <script src="assets/js/script.js"></script>
        -->
       
        <script src="js/slippry.min.js"></script>
        <!--for menu-->
		<script src="assets/js/index.js" type="text/javascript"></script>
        
        
  <script>
	var cachedWidth = $(window).width();
    $(window).resize(function(){
        var newWidth = $(window).width();
        if(newWidth !== cachedWidth){
            //DO RESIZE HERE
            cachedWidth = newWidth;
        }
    });
</script>      
      
<script type="text/javascript">
 jQuery.noConflict(); 
</script>
    

</body>
</html>