<?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">
        
      
        <!--for banner-->
		<link rel="stylesheet" href="assets/css/demo.css">
   		<link rel="stylesheet" href="assets/css/slippry.css">

        <!--Menu css-->
	   <link rel="stylesheet" href="css/style1.css">
       
        <!-- style-css -->
        <link href="assets/css/style.css" rel="stylesheet" type="text/css">
        
           <!--for banner-->
			<script src="https://code.jquery.com/jquery-3.1.1.min.js" integrity="sha256-hVVnYaiADRTO2PzUGmuLJr8BLUSjGIZsDYGmIJLv2b8=" crossorigin="anonymous">			     </script>
   
            
    </head>
    <body class="homePageSix">
        
        <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">
                                     <img src="assets/images/tag-line.png">
                                </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-5 col-sm-3">
                                <div class="header-left-bar">
                                    <div class="navbar-header">
                                        <a class="navbar-brand" href="index.html"><img src="assets/images/logo.png" alt="image"></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-7 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 navbar">
                	<div class="col-md-9">
		            	<?php include('menu.php') ?>
        	        </div>
               		
                    <div class="col-md-3 col-sm-3 text-align-right">
                       <?php include('login1.php')?>
                    </div>     
             
               </div>
                   
            </div> 
        </header> <!-- header-section -->



        <section class="demo_wrapper">
              <?php include('banner.php')?>
        </section>
        


         <section class="working-section section-padding">
            <div class="container">
                <div class="section-title text-center">
                    <h2>About JPC</h2>
                    <div class="border-2"></div>
                </div> <!-- section-title -->

                <div class="section-wrapper">
                    <div class="row">
                        <div class="col-md-6">
                            <div class="wrapper-content">
                                <h4> we are collaborative, authentic and forward thinking.</h4>
                                <p><?php 
										require_once $viewPath; 
									?></p>

                                <a href="aboutus" class="btn btn-primary">More about us</a>
                            </div>
                        </div>

                        <div class="col-md-6">
                            <div class="video-wrapper">
                                <video controls>
                                  <source src="assets/video/video.mp4" type="video/mp4">
                                </video>
                            </div> <!-- video-wrapper -->
                        </div>
                    </div>
                </div> <!-- section-wrapper -->
            </div>
        </section>

        
        <hr>
        
           <section class="team-section section-padding">
            <div class="container">
                <div class="section-title text-left">
                    <h2>Dedicated Team</h2>
                    <div class="border"></div>
                </div> <!-- section-title -->

                <div class="team-carousel owl-carousel owl-theme">
                    <div class="team-wrapper item">
                        <div class="caption">
                            <img src="assets/images/team/prajal-shah.jpg" alt="">

                            <ul class="hover-view">
                                <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>
                            </ul>
                        </div>

                        <div class="contact-wrapper">
                            <h4><a href="#">Prajal Shah</a></h4>
                            <span class="position">President</span>
                            <p>(98240 16479) </p>
                        </div>
                    </div>

                    <div class="team-wrapper item">
                        <div class="caption">
                            <img src="assets/images/team/haresh-shah.jpg" alt="">

                            <ul class="hover-view">
                                <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>
                            </ul>
                        </div>

                        <div class="contact-wrapper">
                            <h4><a href="#">Haresh Shah</a></h4>
                            <span class="position">Vice President</span>
                            <p>(98256 92749)</p>
                        </div>
                    </div>

                    <div class="team-wrapper item">
                        <div class="caption">
                            <img src="assets/images/team/deepak-doshi.jpg" alt="">

                            <ul class="hover-view">
                                <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>
                            </ul>
                        </div>

                        <div class="contact-wrapper">
                            <h4><a href="#">Deepak Doshi</a></h4>
                            <span class="position">Secretary</span>
                            <p>(98250 17279)</p>
                        </div>
                    </div>

                    <div class="team-wrapper item">
                        <div class="caption">
                            <img src="assets/images/team/hardik-gandhi.jpg" alt="">

                            <ul class="hover-view">
                                <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>
                            </ul>
                        </div>

                        <div class="contact-wrapper">
                            <h4><a href="#">Hardik Gandhi</a></h4>
                            <span class="position">Treasurer</span>
                            <p>(98256 37945) </p>
                        </div>
                    </div>
                   

                <div class="link text-center">
                    <a href="committee-members.html" class="btn btn-primary">Full Team</a>
                </div>
            </div>
        </section>

		<section class="finance-service-section section-padding">
           
           
            <div class="container col-md-12 text-center">
               
               <div class="col-md-6">
                <div class="section-title">
                    <h2>Happy Birthday</h2>
                    <div class="border-3"></div>
                    <a href="service.html" class="link">All Services</a>
                </div> <!-- section-title -->

                <div class="finance-carousel owl-carousel owl-theme">
                    <div class="finance-wrapper item">
                        <div class="icon"><img src="assets/images/icon/i1.png" alt=""></div>

                        <div class="wrapper-content">
                            <h4><a href="#">Business</a></h4>
                            <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
                        </div>

                        <div class="hover">
                            <span class="hover-one"></span>
                            <span class="hover-two"></span>
                            <span class="hover-three"></span>
                            <span class="hover-four"></span>
                        </div>
                    </div>
			</div>
            
            </div>
            
             <div class="col-md-6">
                <div class="section-title">
                    <h2>Happy Aniversary</h2>
                    <div class="border-3"></div>
                    <a href="service.html" class="link">All Services</a>
                </div> <!-- section-title -->

                <div class="finance-carousel owl-carousel owl-theme">
                    <div class="finance-wrapper item">
                        <div class="icon"><img src="assets/images/icon/i1.png" alt=""></div>

                        <div class="wrapper-content">
                            <h4><a href="#">Business</a></h4>
                            <p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris</p>
                        </div>

                        <div class="hover">
                            <span class="hover-one"></span>
                            <span class="hover-two"></span>
                            <span class="hover-three"></span>
                            <span class="hover-four"></span>
                        </div>
                    </div>
			</div>
			
            </div>
        </section> <!-- finance-service-section -->

 	<section class="project-section section-padding">
            <div class="container text-center">
                <div class="section-title">
                    <h2>Photo Gallery</h2>
                    <div class="border-3"></div>
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore <br> et dolore magna aliqua.</p>
                </div> <!-- section-title -->

                <div class="portfolio gallery-grid">
                    <ul class="portfolio-sorting gallery-button list-inline">
                        <li><a href="#" data-group="all" class="filter-btn active">All</a></li>
                        <li><a class="filter-btn" href="#" data-group="people">Finance</a></li>
                        <li><a class="filter-btn" href="#" data-group="simpsons">Market</a></li>
                        <li><a class="filter-btn" href="#" data-group="futurama">Developement</a></li>
                        <li><a class="filter-btn" href="#" data-group="photography">Branding</a></li>
                    </ul> 

                    <div class="row">
                        <div class="gallery-wrapper">
                            <ul class="portfolio-items list-unstyled" id="grid">
                                <li class="col-sm-4" data-groups='["simpsons"]'>
                                    <div class="project-wrapper">
                                        <img src="assets/images/project/1.jpg" alt="">

                                        <div class="hover-view">
                                            <a href="#" class="pull-right"><i class="fa fa-link" aria-hidden="true"></i></a>

                                            <h4>Rising Media Inc.</h4>
                                            <p>Finance</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="col-sm-4" data-groups='["people"]'>
                                    <div class="project-wrapper">
                                        <img src="assets/images/project/2.jpg" alt="">

                                        <div class="hover-view">
                                            <a href="#" class="pull-right"><i class="fa fa-link" aria-hidden="true"></i></a>

                                            <h4>Rising Media Inc.</h4>
                                            <p>Finance</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="col-sm-4" data-groups='["futurama"]'>
                                    <div class="project-wrapper">
                                        <img src="assets/images/project/3.jpg" alt="">

                                        <div class="hover-view">
                                            <a href="#" class="pull-right"><i class="fa fa-link" aria-hidden="true"></i></a>

                                            <h4>Rising Media Inc.</h4>
                                            <p>Finance</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="col-sm-4" data-groups='["futurama"]'>
                                    <div class="project-wrapper">
                                        <img src="assets/images/project/4.jpg" alt="">

                                        <div class="hover-view">
                                            <a href="#" class="pull-right"><i class="fa fa-link" aria-hidden="true"></i></a>

                                            <h4>Rising Media Inc.</h4>
                                            <p>Finance</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="col-sm-4" data-groups='["simpsons"]'>
                                    <div class="project-wrapper">
                                        <img src="assets/images/project/5.jpg" alt="">

                                        <div class="hover-view">
                                            <a href="#" class="pull-right"><i class="fa fa-link" aria-hidden="true"></i></a>

                                            <h4>Rising Media Inc.</h4>
                                            <p>Finance</p>
                                        </div>
                                    </div>
                                </li>

                                <li class="col-sm-4" data-groups='["people" , "photography"]'>
                                    <div class="project-wrapper">
                                        <img src="assets/images/project/6.jpg" alt="">

                                        <div class="hover-view">
                                            <a href="#" class="pull-right"><i class="fa fa-link" aria-hidden="true"></i></a>

                                            <h4>Rising Media Inc.</h4>
                                            <p>Finance</p>
                                        </div>
                                    </div>
                                </li>
                            </ul> 
                        </div> 
                    </div>
                </div>

                <div class="link text-center">
                    <a href="#" class="btn btn-primary"> All Projects</a>
                </div>
            </div> 
        </section> <!-- project-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 -->


       

        <!-- Off-Canvas View Only -->
       
        <!-- Off-Canvas View Only -->

        <div id="toTop" class="hidden-xs">
            <i class="fa fa-chevron-up"></i>
        </div> <!-- totop -->


        <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/lightbox.js"></script>
        <script src="assets/owl-carrosel/owl.carousel.min.js"></script>

        <script src="assets/js/script.js"></script>
        
        <!--for banner-->
 		 <script src="assets/js/slippry.min.js"></script>
        
        <!--for menu-->
		<script src="js/index.js" type="text/javascript"></script>
      
<script type="text/javascript">
 jQuery.noConflict(); 
</script>
    </body>
</html>