<!DOCTYPE html>
<html lang="en">
  <head>
<?php include_once( LAYOUT_PATH . DS . 'htmlHeader' . TPL ) ?>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

    <link href="https://fonts.googleapis.com/css?family=Muli:300,400,700%7CPlayfair+Display:400,700,900" rel="stylesheet">

    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/fonts/icomoon/style.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/bootstrap.min.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/magnific-popup.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/jquery-ui.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/owl.carousel.min.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/owl.theme.default.min.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/bootstrap-datepicker.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/fonts/flaticon/font/flaticon.css">
    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/aos.css">

    <link rel="stylesheet" href="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/css/style.css"> 
  </head>
  <body data-pc-section-name="body">
<?php include_once( LAYOUT_PATH . DS . 'header' . TPL ) ?>

  <div class="site-wrap" data-pc-section-autonamed="1" data-pc-section-name="pc-body-1">

    @@@pc_body_2@@@

    @@@pc_body_3@@@{@@@pc_body_3<header class="site-navbar" role="banner">  
        <div class="container-fluid">
            <div class="row align-items-center"> 
                <div class="col-12 search-form-wrap js-search-form">
                    <form method="get" action="/search">
                        <input type="text" id="s" class="form-control" placeholder="Search..." name="q"><button class="search-btn" type="submit"><span class="icon-search">&nbsp;</span></button>
                    </form>
                </div>

                <div class="col-4 site-logo">
                    <a href="/" class="text-black h2 mb-0"><img style="max-height:66px;" src="/img/logo.png" alt="{Organization Name}"></a>
                </div> 

                <div class="col-8 text-right">
                    <nav class="site-navigation" role="navigation" data-pc-menu-ignore="1">
                        <ul class="site-menu js-clone-nav mr-auto d-none d-lg-block mb-0">
                            <li class="active"><a href="/">Home</a></li>     
                            <widget parameters='{ "class": "Ayoola_Menu" }'>
                                <li><a href="{{{url}}}">{{{option_name}}}</a></li>
                            </widget>
                            <widget parameters='{ "class": "Application_Category_ShowAll", "category_page": "/category", "add_a_new_post": 3, "url_integration_type": "pc_module_url_values_offset", "content_to_clear": ["()"] }'>
                                <li><a href="{{{post_link}}}">{{{article_title}}} ({{{total_no_of_posts}}})</a></li> 
                            </widget>
                            <li class="d-none d-lg-inline-block"><a href="#" class="js-search-toggle"><span class="icon-search">&nbsp;</span></a></li>
                        </ul>
                    </nav><a href="#" class="site-menu-toggle js-menu-toggle text-black d-inline-block d-lg-none"><span class="icon-menu h3">&nbsp;</span></a> 
                </div>
            </div>
        </div>
    </header>pc_body_3@@@}@@@oneness@@@<section data-pc-all-sections="1" class="container">	
									<div class="">
										<div class="row">
											<div class="pc_page_layout_grid col-md-12 12u">
												@@@middlebar@@@
										   </div>
										</div> 
										<div class="row">
											<div class="pc_page_layout_grid col-sm-6 6u 6u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@twosome1@@@
											</div>
											<div class="pc_page_layout_grid col-sm-6 6u 6u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@twosome2@@@
											</div> 
										</div> 
										<div class="row">
											<div class="pc_page_layout_grid col-sm-4 4u 12u$(medium) 12u$(xsmall) 12u$(mobile)"> 
												@@@threesome1@@@
										   </div>
											<div class="pc_page_layout_grid col-sm-4 4u 12u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@threesome2@@@
											</div> 
											<div class="pc_page_layout_grid col-sm-4 4u 12u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@threesome3@@@
											</div> 
										</div> 
										<div class="row">
											<div class="pc_page_layout_grid col-sm-3 3u 6u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@foursome1@@@
										   </div>
											<div class="pc_page_layout_grid col-sm-3 3u 6u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@foursome2@@@
											</div> 
											<div class="pc_page_layout_grid col-sm-3 3u 6u(medium) 12u$(xsmall) 12u$(mobile)">
												@@@foursome3@@@
											</div> 
											<div class="pc_page_layout_grid col-sm-3 3u 6u$(medium) 12u$(xsmall) 12u$(mobile)">    
												@@@foursome4@@@
											</div> 
										</div> 
										<div class="row">
											<div class="pc_page_layout_grid col-sm-4 4u 12u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@leftbar@@@
										   </div>
											<div class="pc_page_layout_grid col-sm-8 8u 12u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@leftbarright@@@
											</div> 
										</div> 
										<div class="row">
											<div class="pc_page_layout_grid col-sm-8 8u 12u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@rightbarleft@@@
											</div> 
											<div class="pc_page_layout_grid col-sm-4 4u 12u$(medium) 12u$(xsmall) 12u$(mobile)">
												@@@rightbar@@@
											</div>   
										</div> 
									</div> 
									</section>@@@lastoneness@@@    

    @@@pc_body_4@@@

    @@@pc_body_5@@@

    @@@pc_body_6@@@

    @@@pc_body_7@@@

    @@@pc_body_8@@@{@@@pc_body_8<div class="site-footer">
        <div class="container">
          <div class="row mb-5">
            <div class="col-md-4">
              <h3 class="footer-heading mb-4">About {Organization Name}</h3>
              <p>{Short About Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eius repellat, dicta at laboriosam, nemo exercitationem itaque eveniet architecto cumque, deleniti commodi molestias repellendus quos sequi hic fugiat asperiores illum. Atque, in, fuga excepturi corrupti error corporis aliquam unde nostrum quas.}</p>
            </div>
            <div class="col-md-3 ml-auto">
              <!-- <h3 class="footer-heading mb-4">Navigation</h3> --> 
              <ul class="list-unstyled float-left mr-5">
                <widget parameters='{ "class": "Ayoola_Menu" }'>
                  <li><a href="{{{url}}}">{{{option_name}}}</a></li>
                </widget>
                <widget parameters='{ "class": "Application_Category_ShowAll", "category_page": "/category", "length_of_title": 20, "add_a_new_post": 1, "no_of_post_to_show": 10, "url_integration_type": "pc_module_url_values_offset" }'>
                  <li><a href="{{{post_link}}}">{{{article_title}}} ({{{total_no_of_posts}}})</a></li>
                </widget>
                  <li><a href="/contact">Contact</a></li>
              </ul>
              <ul class="list-unstyled float-left">
                <!-- How to embed Ayoola_Menu -->
                <li><a href="/about">About</a></li>
                <widget parameters='{ "class": "Ayoola_Menu", "menu_name": "MyAccount" }'>
                  <li><a href="{{{url}}}">{{{option_name}}}</a></li>
                </widget>
                <li><a href="/sitemap">Sitemap</a></li>
              </ul>
            </div>
            <div class="col-md-4">
              <div>
                <h3 class="footer-heading mb-4">Connect With {Organization Name}</h3>
                <p>
                  <a href="{https://www.facebook.com/PageCarton}"><span class="icon-facebook pt-2 pr-2 pb-2 pl-0">&nbsp;</span></a>
                  <a href="{https://www.twitter.com/PageCarton}"><span class="icon-twitter p-2">&nbsp;</span></a>
                  <a href="{https://www.instagram.com/PageCarton}"><span class="icon-instagram p-2">&nbsp;</span></a>
                  <a href="/widgets/Application_Article_RSS"><span class="icon-rss p-2">&nbsp;</span></a>
                  <a href="mailto:{info@example.com}"><span class="icon-envelope p-2">&nbsp;</span></a>
                </p>
              </div>
            </div>
          </div>
          <div class="row">
            <div class="col-12 text-center">
              <p>
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                Copyright &copy; <script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="icon-heart text-danger" aria-hidden="true">&nbsp;</i> by <a href="https://colorlib.com" target="_blank">Colorlib</a> | Powered by <a href="https://www.pagecarton.org" target="_blank">PageCarton</a>
                <!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
                </p>
            </div>
          </div>
        </div>
    </div>
pc_body_8@@@}

  </div>

  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/jquery-3.3.1.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/jquery-migrate-3.0.1.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/jquery-ui.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/popper.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/bootstrap.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/owl.carousel.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/jquery.stellar.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/jquery.countdown.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/jquery.magnific-popup.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/bootstrap-datepicker.min.js"></script>
  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/aos.js"></script>

  <script src="<?php echo Ayoola_Application::getUrlPrefix(); ?>/layout/pc_layout_miniblog/js/main.js"></script>

  <?php include_once( LAYOUT_PATH . DS . 'footerJs' . TPL ) ?><?php include_once( LAYOUT_PATH . DS . 'footer' . TPL ) ?>@@@pc_section_after_js@@@
</body>
</html>
