<!DOCTYPE html>
<html  class="no-js" lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<title>
		Akpoyibo Green Foundation
	</title>
	<link rel="icon" href="{{ static_url('assets/img/icon.png') }}" type="image/gif" sizes="16x16">
	<link rel="icon" href="{{ static_url('assets/img/icon.png') }}" type="image/gif" sizes="18x18">
	<link rel="icon" href="{{ static_url('assets/img/icon.png') }}" type="image/gif" sizes="20x20">

	<link rel="stylesheet" href="{{ static_url('assets/css/bootstrap.min.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/bootstrap-icons.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/fontawesome.all.min.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/owl.carousel.min.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/owl.theme.default.min.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/nice-select.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/vegas.slider.min.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/lightcase.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/animate.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/normalize.css') }}">
	<link rel="stylesheet" href="{{ static_url('style.css') }}">
	<link rel="stylesheet" href="{{ static_url('assets/css/responsive.css') }}">

</head>
<body style="overflow-x:hidden">
	<!-- Preloader -->
	<div id="preloader">
      	<div class="preloader">
          	<span></span>
          	<span></span>
      	</div>
	</div>
	<!-- Start Header Area -->
	<header class="header transparent-header-2">
		<div class="header-top" style="background:rgb(0 0 0 / 50%);">
			<div class="container">
				<div class="row">
					<!-- Top Left -->
					<div class="col-lg-6">
						<div class="hl_top-left">
							<span><i class="bi bi-envelope"></i> info&#64;akpoyibogreen.com.ng</span>
							<span><i class="bi bi-geo-alt"></i> Ogun State, Nigeria</span>
						</div>
					</div>
					<!-- Top Right -->
					<div class="col-lg-6">
						<!-- Social -->
						<div class="top-social" style="margin-right:0px">
							<span><a href="https://web.facebook.com/asteven1222" title="Facebook" target="_blank"><i class="fab fa-facebook-f"></i></a></span>
							<span><a href="https://twitter.com/astevengroup" title="Twitter" target="_blank"><i class="fab fa-twitter"></i></a></span>
							<span><a href="https://ng.linkedin.com/company/asteven-group-of-companies" title="LinkedIn"><i class="fab fa-linkedin" target="_blank"></i></a></span>
							<!--<span><a href="#" title="Vimeo"><i class="fab fa-vimeo-v"></i></a></span>-->
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="header-bottom mt-30 sticky-header">
			<div class="container">
				<div class="row" style="border-radius:5px">
					<div class="col-lg-3 col-sm-6 align-self-center">
						<div class="logo">
							<a href="{{ url('')}}">
								<img src="{{url('assets/img/logo.png')}}" alt="logo">
							</a>
						</div>
					</div>
					<div class="col-lg-9 col-sm-6" style="padding-right:2px">
						<!-- Header Bottom Right -->
						<div class="header-bright">
							<div class="mobile-bar" style="width:100%;margin-right:0px">
								<div class="canvas_open" style="width:100%">
							        <a href="javascript:void(0)">
							        	<span style="background:none;text-align:center">Menu</span>
							        </a>
							    </div>
							</div>

						</div>
						<!-- Menu -->
						<div class="menu">
							<nav>
								<ul style="width:auto;display:inline-block;float:right">
									<li><a href="{{ url('') }}">Home</a></li>
									<li class="menu-item-has-children">
										<a>The Foundation</a>
										<ul>
											<li><a href="{{ url('about') }}">About Us</a></li>
											<li><a href="{{ url('csrprojects') }}">CSR Projects</a></li>
											<li><a href="{{ url('impact') }}">Impact</a></li>
											<li><a href="{{ url('solution') }}">Solution</a></li>
										</ul>
									</li>
									<li><a href="{{ url('update') }}">Activity Update</a></li>
									<li><a href="https://paystack.com/pay/agfoundation" target="_blank">Donate Now</a></li>
									<li><a href="{{ url('contact') }}">Contact Us</a></li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
	</header>
	<!-- End Header Area -->
	<!-- Start Mobile Menu Area -->
	<div class="mobile-menu-area">

		<!--offcanvas menu area start-->
	    <div class="off_canvars_overlay">

	    </div>
			<div class="offcanvas_menu">
	        <div class="offcanvas_menu_wrapper">
	            <div class="canvas_close">
	                <a href="javascript:void(0)"><i class="fas fa-times"></i></a>
	            </div>
	            <div class="mobile-logo">
	            	<a href="index.html">
	            		<img src="{{url('assets/img/logo.png')}}" alt="logo">
	            	</a>
	            </div>
	            <div id="menu" class="text-left ">
	                <ul class="offcanvas_main_menu">
										<li><a href="{{ url('') }}">Home</a></li>
										<li class="menu-item-has-children">
											<a>The Foundation</a>
											<ul>
												<li><a href="{{ url('about') }}">About Us</a></li>
												<li><a href="{{ url('csrprojects') }}">CSR Projects</a></li>
												<li><a href="{{ url('impact') }}">Impact</a></li>
												<li><a href="{{ url('solution') }}">Solution</a></li>
											</ul>
										</li>
										<li><a href="{{ url('update') }}">Activity Update</a></li>
										<li><a href="https://paystack.com/pay/agfoundation" target="_blank">Donate Now</a></li>
										<li><a href="{{ url('contact') }}">Contact Us</a></li>
	                </ul>
	            </div>
	        </div>
	    </div>
    </div>

		<?php echo $this->getContent(); ?>

	<footer class="footer">
		<!-- Footer Top -->
		<div class="footer-top pt-70 pb-20">
			<div class="container">
				<div class="row">
					<!-- Single -->
					<div class="col-lg-4 col-md-6 mb-30">
						<div class="f-widgets-single">
							<!-- Logo -->
							<div class="flogo mb-20">
								<a href="{{url('')}}">
									<img src="{{url('assets/img/white-logo.png')}}" alt="logo">
								</a>
							</div>
							<p>Akpoyibo Green Foundation is a subsidiary of ASteven Group of Companies: the Nigerian leading indigenous supplier of green technologies and services, operating in Africa.</p>
							<p>Km 40 Lagos-Ibadan Expressway, Opp. Greenland Estate, Asese, Ogun State.<br><span style="letter-spacing:.02em">+234 706 081 1403</span><br>info&#64;akpoyibogreen.com.ng</p>
							<div class="f-social">
								<span><a href="https://web.facebook.com/asteven1222" target="_blank"><i class="fab fa-facebook-f"></i></a></span>
								<span><a href="https://twitter.com/astevengroup" target="_blank"><i class="fab fa-twitter"></i></a></span>
								<span><a href="https://ng.linkedin.com/company/asteven-group-of-companies" target="_blank"><i class="fab fa-linkedin"></i></a></span>
								<!--<span><a href="javascript:"><i class="fab fa-vimeo-v"></i></a></span>-->
							</div>
						</div>
					</div>
					<!-- Single -->
					<div class="col-lg-8 col-md-6 mb-30">
						<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31696.737858003424!2d3.4047828715694552!3d6.758606954846975!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x103bc1c494c54e29%3A0x5adcc318adcbb278!2sAsteven%20Solar%20World!5e0!3m2!1sen!2sng!4v1660205811611!5m2!1sen!2sng" style="width:100%;min-height:300px;height:100%" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
					</div>
				</div>
			</div>
		</div>
		<!-- Footer Bottom -->
		<div class="footer-bottom text-center pt-30 pb-30">
			<div class="container">
				<div class="row">
					<div class="col-12">
						<div class="copy-text">
							<p>Copyright © <?=date('Y')?> <a href="{{ url('') }}">Akpoyibo Green Foundation</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</footer>
	<!-- Start Footer Area -->

	<div class="scroll-area">
       <i class="bi bi-arrow-up"></i>
    </div>
    <!-- Js File -->
    <script src="{{ static_url('assets/js/modernizr.min.js') }}"></script>
    <script src="{{ static_url('assets/js/jquery-3.6.0.min.js') }}"></script>
    <script src="{{ static_url('assets/js/popper.min.js') }}"></script>
    <script src="{{ static_url('assets/js/bootstrap.min.js') }}"></script>
    <script src="{{ static_url('assets/js/owl.carousel.min.js') }}"></script>
    <script src="{{ static_url('assets/js/jquery.nice-select.min.js') }}"></script>
    <script src="{{ static_url('assets/js/jquery.waypoints.min.js') }}"></script>
		<script src="{{ static_url('assets/js/jquery.counterup.min.js') }}"></script>
    <script src="{{ static_url('assets/js/vegas.slider.min.js') }}"></script>
    <script src="{{ static_url('assets/js/mixitup.min.js') }}"></script>
    <script src="{{ static_url('assets/js/lightcase.js') }}"></script>
    <script src="{{ static_url('assets/js/wow.min.js') }}"></script>
    <script src="{{ static_url('assets/js/mobile-menu.js') }}"></script>
    <script src="{{ static_url('assets/js/script.js') }}"></script>
		<script src="{{ static_url('assets/js/jquery.backstretch.min.js') }}"></script>
		<script>
			initPage();
		</script>
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/64ca92f2cc26a871b02cdcbd/1h6rks1hv';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
</body>
</html>
