<?php 
	include_once ( 'inc/config.php' );
	include_once ( 'inc/functions.php' );
	$page_name = 'Home';
	$page_parent = '';
	$page_desc = 'The Lagos State Ministry of Energy and Mineral Resources has an overall responsibility of strategizing, promoting and developing sustainable policies for energy planning to ensure availability of reliable energy for all residents in Lagos State as well as making Lagos State an investment destination using available mineral resources {solid, liquid and gas} as catalyst';
	$page_image = 'img/hero/home_hero.jpg';
	
	include_once ( 'inc/head.php' );
?>
<body class="custom-cursor">

<?php if ( $settings->customCursor ){ ?>
	<div class="custom-cursor__cursor"></div>
	<div class="custom-cursor__cursor-two"></div>
<?php } ?>

<?php if ( $settings->preLoader ){ ?>
	<div class="preloader">
        <div class="preloader__image"></div>
    </div>
    <!-- /.preloader -->
<?php } ?>


    <div class="page-wrapper">
        <?php include( 'inc/header.php' ); ?>

        <!-- Main Slider Three Start -->
        <section class="main-slider-three">
            <div class="main-slider-three__carousel owl-carousel owl-theme thm-owl__carousel"
                data-owl-options='{"loop": true, "items": 1, "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"], "margin": 0, "dots": false, "nav": true, "animateOut": "slideOutDown", "animateIn": "fadeIn", "active": true, "smartSpeed": 1000, "autoplay": true, "autoplayTimeout": 12000, "autoplayHoverPause": false}'>

                <div class="item main-slider-three__slide-1">
                    <div class="main-slider-three__bg"
                        style="background-image: url(assets/images/backgrounds/home-slider/slide-renewable-energy-1.jpg);">
                    </div><!-- /.slider-one__bg -->
                    <div class="container">
                        <div class="main-slider-three__content">
                            <h2 class="main-slider-three__title">The Lagos Renewable 
                                <br> Energy Initiative</h2>
                            <p class="main-slider-three__sub-title">Find out about the Renewable Energy program and discover how you can transform your energy consumptions while remaining as green as possible. </p>
                            <div class="main-slider-three__btn-box">
                                <a href="about.html" class="main-slider-three__btn thm-btn">Discover More</a>
                            </div>
							
                        </div>
                    </div>
                </div>

                <div class="item main-slider-three__slide-2">
                    <div class="main-slider-three__bg"
                        style="background-image: url(assets/images/backgrounds/slider-3-2.jpg);">
                    </div><!-- /.slider-one__bg -->
                    <div class="container">
                        <div class="main-slider-three__content">
                            <h2 class="main-slider-three__title">Govity the
                                <br> City of London</h2>
                            <p class="main-slider-three__sub-title">You can find & explore jobs, departments, events and
                                much more.</p>
                            <div class="main-slider-three__btn-box">
                                <a href="about.html" class="main-slider-three__btn thm-btn">Discover More</a>
                            </div>                            
                        </div>
                    </div>
                </div>

                <div class="item main-slider-three__slide-3">
                    <div class="main-slider-three__bg"
                        style="background-image: url(assets/images/backgrounds/slider-3-3.jpg);">
                    </div><!-- /.slider-one__bg -->
                    <div class="container">
                        <div class="main-slider-three__content">
                            <h2 class="main-slider-three__title">Govity the
                                <br> City of London</h2>
                            <p class="main-slider-three__sub-title">You can find & explore jobs, departments, events and
                                much more.</p>
                            <div class="main-slider-three__btn-box">
                                <a href="about.html" class="main-slider-three__btn thm-btn">Discover More</a>
                            </div>                            
                        </div>
                    </div>
                </div>
            </div>
			<?php 
				include( 'inc/weather.php ' ); 
				$weather = get_current_weather();
				$weather_icon = 'https://openweathermap.org/img/wn/'. $weather['weather'][0]['icon'].'@2x.png';
				$temp_K = $weather['main']['temp']; //Kelvin 
				$temp_C = $temp_K - 273.15;
				$temp_F	= ( $temp_C * 1.8 ) + 32;
				
			
			?>
			<div class="main-slider-three__weather-box">
				<ul class="main-slider-three__weather-list list-unstyled">
					<li>
						<div class="icon">
							<!--<span class="icon-sun-day-weather-symbol"></span>-->
							<img class="weather-icon-img" src="<?php echo $weather_icon; ?>" alt="Weather Icon" />
						</div>
						<div class="text">
							<span>Today:</span>
							<p class="time"><?php echo date( 'g : i A' );?></p>
							<p><?php echo $temp_C; ?> &deg;C / <?php echo $temp_F; ?> &deg;F</p>
						</div>
					</li>
				</ul>
			</div>
        </section>
        <!-- Main Slider Three Start -->

        <?php 
			if ( $settings->newsTicker ) {
				include( 'inc/news-ticker.php' );
			}
		?>

        <!--Feature Three Start-->
        <section class="feature-four">
            <div class="container">
                <div class="row">
                    <!--Feature Four Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="feature-four__single">
                            <div class="feature-four__img-box">
                                <div class="feature-four__img">
                                    <img src="assets/images/resources/feature-4-1.jpg" alt="">
                                </div>
                                <div class="feature-four__icon">
                                    <span class="icon-buildings"></span>
                                </div>
                            </div>
                            <h3 class="feature-four__title"><a href="our-services.html">Our city has something <br>
                                    for everyone</a></h3>
                        </div>
                    </div>
                    <!--Feature Four Single End-->
                    <!--Feature Four Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="feature-four__single">
                            <div class="feature-four__img-box">
                                <div class="feature-four__img">
                                    <img src="assets/images/resources/feature-4-2.jpg" alt="">
                                </div>
                                <div class="feature-four__icon">
                                    <span class="icon-goals"></span>
                                </div>
                            </div>
                            <h3 class="feature-four__title"><a href="our-services.html">The growth of the richest <br>
                                    city of all time</a></h3>
                        </div>
                    </div>
                    <!--Feature Four Single End-->
                    <!--Feature Four Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="feature-four__single">
                            <div class="feature-four__img-box">
                                <div class="feature-four__img">
                                    <img src="assets/images/resources/feature-4-3.jpg" alt="">
                                </div>
                                <div class="feature-four__icon">
                                    <span class="icon-ferris"></span>
                                </div>
                            </div>
                            <h3 class="feature-four__title"><a href="our-services.html">City highlights include <br>
                                    all attractions</a></h3>
                        </div>
                    </div>
                    <!--Feature Four Single End-->
                </div>
            </div>
        </section>
        <!--Feature Three End-->

        <!--About Three Start-->
        <section class="about-three">
            <div class="about-three__shape-5 float-bob-x">
                <img src="assets/images/shapes/about-three-shape-5.png" alt="">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-7 col-lg-6">
                        <div class="about-three__left">
                            <div class="about-three__img-1">
                                <img src="assets/images/resources/about-three-img-1.jpg" alt="">
                            </div>
                            <div class="about-three__shape-1">
                                <img src="assets/images/shapes/about-three-shape-1.png" alt="">
                            </div>
                            <div class="about-three__shape-2 img-bounce">
                                <img src="assets/images/shapes/about-three-shape-2.png" alt="">
                            </div>
                            <div class="about-three__shadow"></div>
                            <div class="about-three__services-box">
                                <div class="about-three__shape-3">
                                    <img src="assets/images/shapes/about-three-shape-3.png" alt="">
                                </div>
                                <h3 class="about-three__services-title">Explore online services & resource</h3>
                                <ul class="about-three__services-list list-unstyled">
                                    <li>
                                        <a href="parking-permission.html"><i class="fa fa-angle-right"></i>Parking
                                            Permission</a>
                                    </li>
                                    <li>
                                        <a href="tax-return.html"><i class="fa fa-angle-right"></i>File a Tax Return</a>
                                    </li>
                                    <li>
                                        <a href="birth-certificate.html"><i class="fa fa-angle-right"></i>Order Birth
                                            Certificate</a>
                                    </li>
                                    <li>
                                        <a href="building-permission.html"><i class="fa fa-angle-right"></i> Get
                                            Building Permission</a>
                                    </li>
                                    <li>
                                        <a href="driving-license.html"><i class="fa fa-angle-right"></i> Apply for
                                            Driving License</a>
                                    </li>
                                    <li>
                                        <a href="report-polution.html"><i class="fa fa-angle-right"></i>Report
                                            Polution</a>
                                    </li>
                                </ul>
                                <div class="about-three__btn-box">
                                    <a href="our-services.html" class="about-three__btn thm-btn">Discover More</a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-6">
                        <div class="about-three__right">
                            <div class="about-three__shape-4 float-bob-x">
                                <img src="assets/images/shapes/about-three-shape-4.png" alt="">
                            </div>
                            <div class="section-title text-left">
                                <div class="section-title__icon">
                                    <span class="fa fa-star"></span>
                                </div>
                                <span class="section-title__tagline">Welcome to govity</span>
                                <h2 class="section-title__title">Meet Ideological
                                    leader for youth
                                    generation</h2>
                            </div>
                            <p class="about-three__text">There are many variations of passages of available but the
                                majority have suffered alteration in some form, by injected hum randomised slightly.</p>
                            <div class="about-three__video-box">
                                <div class="about-three__video-link">
                                    <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                        <div class="about-three__video-icon">
                                            <span class="fa fa-play"></span>
                                            <i class="ripple"></i>
                                        </div>
                                    </a>
                                </div>
                                <div class="about-three__video-content">
                                    <h3>Michale albert</h3>
                                    <p>Mayor, since 30 January,2017</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--About Three End-->

        <!--Department Three Start-->
        <section class="department-three">
            <div class="department-three__bg-top"
                style="background-image: url(assets/images/backgrounds/department-three-bg-top.png);"></div>
            <div class="department-three__bg"
                style="background-image: url(assets/images/backgrounds/department-three-bg.png);"></div>
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-title__icon">
                        <span class="fa fa-star"></span>
                    </div>
                    <span class="section-title__tagline">Our departments</span>
                    <h2 class="section-title__title">Explore city government
                        <br> departments</h2>
                </div>
                <div class="row">
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-parthenon"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Your
                                    <br> Government</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-suitcase"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Jobs &
                                    <br> Unemployment</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-industry"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Business
                                    <br> & Industrials</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-bus"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Roads &
                                    <br> Transportation</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-lotus"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Art &
                                    <br> Cultures</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-tuscany"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Land
                                    <br> & Housing</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single">
                            <div class="department-three__icon">
                                <span class="icon-police-badge"></span>
                            </div>
                            <h3 class="department-three__title"><a href="department-details.html">Policing
                                    <br> & Crimes</a></h3>
                            <div class="department-three__btn-box">
                                <a href="department-details.html" class="department-three__btn">Read More<i
                                        class="icon-right-arrow"></i></a>
                            </div>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                    <!--Department Three Single Start-->
                    <div class="col-xl-3 col-lg-4 col-md-6">
                        <div class="department-three__single-two">
                            <div class="department-three__icon-two">
                                <a href="#"><span class="icon-down-right"></span></a>
                            </div>
                            <h3 class="department-three__title-two"><a href="departments.html">View all
                                    <br> departments
                                    <br> & services</a></h3>
                        </div>
                    </div>
                    <!--Department Three Single End-->
                </div>
            </div>
        </section>
        <!--Department Three End-->

        <!--Event Three Start-->
        <section class="event-three">
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-title__icon">
                        <span class="fa fa-star"></span>
                    </div>
                    <span class="section-title__tagline">Latest events</span>
                    <h2 class="section-title__title">Upcoming city activities &
                        <br> events schedule</h2>
                </div>
                <div class="row">
                    <!--Event Three Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="event-three__single">
                            <div class="event-three__img-box">
                                <div class="event-three__img">
                                    <img src="assets/images/events/event-3-1.jpg" alt="">
                                </div>
                            </div>
                            <div class="event-three__content">
                                <div class="event-three__meta-and-title">
                                    <ul class="event-three__meta list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="fa fa-clock"></span>
                                            </div>
                                            <div class="text">
                                                <p>08:00am</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fa fa-map-marker"></span>
                                            </div>
                                            <div class="text">
                                                <p>08:00am</p>
                                            </div>
                                        </li>
                                    </ul>
                                    <h3 class="event-three__title"><a href="event-details.html">The city photography
                                            contest in
                                            london</a>
                                    </h3>
                                </div>
                                <div class="event-three__btn-box">
                                    <a href="event-details.html" class="event-three__btn">Read More<i
                                            class="icon-right-arrow"></i></a>
                                </div>
                                <div class="event-three__date">
                                    <p>20 Jan, 2023</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Event Three Single End-->
                    <!--Event Three Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="event-three__single">
                            <div class="event-three__img-box">
                                <div class="event-three__img">
                                    <img src="assets/images/events/event-3-2.jpg" alt="">
                                </div>
                            </div>
                            <div class="event-three__content">
                                <div class="event-three__meta-and-title">
                                    <ul class="event-three__meta list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="fa fa-clock"></span>
                                            </div>
                                            <div class="text">
                                                <p>08:00am</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fa fa-map-marker"></span>
                                            </div>
                                            <div class="text">
                                                <p>08:00am</p>
                                            </div>
                                        </li>
                                    </ul>
                                    <h3 class="event-three__title"><a href="event-details.html">Leverage agile
                                            frameworks to provide</a>
                                    </h3>
                                </div>
                                <div class="event-three__btn-box">
                                    <a href="event-details.html" class="event-three__btn">Read More<i
                                            class="icon-right-arrow"></i></a>
                                </div>
                                <div class="event-three__date">
                                    <p>20 Jan, 2023</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Event Three Single End-->
                    <!--Event Three Single Start-->
                    <div class="col-xl-4 col-lg-4">
                        <div class="event-three__single">
                            <div class="event-three__img-box">
                                <div class="event-three__img">
                                    <img src="assets/images/events/event-3-3.jpg" alt="">
                                </div>
                            </div>
                            <div class="event-three__content">
                                <div class="event-three__meta-and-title">
                                    <ul class="event-three__meta list-unstyled">
                                        <li>
                                            <div class="icon">
                                                <span class="fa fa-clock"></span>
                                            </div>
                                            <div class="text">
                                                <p>08:00am</p>
                                            </div>
                                        </li>
                                        <li>
                                            <div class="icon">
                                                <span class="fa fa-map-marker"></span>
                                            </div>
                                            <div class="text">
                                                <p>08:00am</p>
                                            </div>
                                        </li>
                                    </ul>
                                    <h3 class="event-three__title"><a href="event-details.html">Iterative approaches to
                                            corporate
                                            strategy</a>
                                    </h3>
                                </div>
                                <div class="event-three__btn-box">
                                    <a href="event-details.html" class="event-three__btn">Read More<i
                                            class="icon-right-arrow"></i></a>
                                </div>
                                <div class="event-three__date">
                                    <p>20 Jan, 2023</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Event Three Single End-->
                </div>
            </div>
        </section>
        <!--Event Three End-->

        <!--Tesimonial Three Start-->
        <section class="testimonial-three">
            <div class="testimonial-three__bg"
                style="background-image: url(assets/images/backgrounds/testimonial-three-bg.png);"></div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-4">
                        <div class="testimonial-three__left">
                            <div class="section-title text-left">
                                <div class="section-title__icon">
                                    <span class="fa fa-star"></span>
                                </div>
                                <span class="section-title__tagline">Our testimonials</span>
                                <h2 class="section-title__title">People are
                                    appreciating <br>
                                    our city & work?</h2>
                            </div>
                            <p class="testimonial-three-left__text">Quisque commodo, magna nec accu man euismod tellus
                                mi
                                ornare enim.</p>
                        </div>
                    </div>
                    <div class="col-xl-8">
                        <div class="testimonial-three__right">
                            <div class="testimonial-three__carousel thm-owl__carousel owl-theme owl-carousel"
                                data-owl-options='{
                                "items": 3,
                                "margin": 30,
                                "smartSpeed": 700,
                                "loop":true,
                                "autoplay": false,
                                "nav":false,
                                "dots":false,
                                "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
                                "responsive":{
                                    "0":{
                                        "items":1
                                    },
                                    "768":{
                                        "items":2
                                    },
                                    "992":{
                                        "items": 2
                                    },
                                    "1200":{
                                        "items": 1.333333
                                    }
                                }
                            }'>
                                <!--Testimonial One Single Start-->
                                <div class="item">
                                    <div class="testimonial-three__single">
                                        <div class="testimonial-three__single-inner">
                                            <div class="testimonial-three__shape-1">
                                                <img src="assets/images/shapes/testimonial-three-shape-1.png" alt="">
                                            </div>
                                            <div class="testimonial-three__shape-2">
                                                <img src="assets/images/shapes/testimonial-three-shape-2.png" alt="">
                                            </div>
                                            <div class="testimonial-three__quote">
                                                <span class="icon-quote"></span>
                                            </div>
                                            <p class="testimonial-three__text">Leverage agile frameworks to provide a
                                                robust
                                                synopsis
                                                for
                                                high level overviews. Iterative approaches to corporate strategy data
                                                foster
                                                to
                                                collaborative thinking.</p>
                                            <div class="testimonial-three__client-info">
                                                <div class="testimonial-three__client-img-box">
                                                    <div class="testimonial-three__client-img">
                                                        <img src="assets/images/testimonial/testimonial-3-1.jpg" alt="">
                                                    </div>
                                                </div>
                                                <div class="testimonial-three__client-content">
                                                    <div class="testimonial-three__client-rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                    </div>
                                                    <h3 class="testimonial-three__client-name">Donald hardson</h3>
                                                    <p class="testimonial-three__client-sub-title">CEO - CO Founder</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Testimonial One Single End-->
                                <!--Testimonial One Single Start-->
                                <div class="item">
                                    <div class="testimonial-three__single">
                                        <div class="testimonial-three__single-inner">
                                            <div class="testimonial-three__shape-1">
                                                <img src="assets/images/shapes/testimonial-three-shape-1.png" alt="">
                                            </div>
                                            <div class="testimonial-three__shape-2">
                                                <img src="assets/images/shapes/testimonial-three-shape-2.png" alt="">
                                            </div>
                                            <div class="testimonial-three__quote">
                                                <span class="icon-quote"></span>
                                            </div>
                                            <p class="testimonial-three__text">Leverage agile frameworks to provide a
                                                robust
                                                synopsis
                                                for
                                                high level overviews. Iterative approaches to corporate strategy data
                                                foster
                                                to
                                                collaborative thinking.</p>
                                            <div class="testimonial-three__client-info">
                                                <div class="testimonial-three__client-img-box">
                                                    <div class="testimonial-three__client-img">
                                                        <img src="assets/images/testimonial/testimonial-3-2.jpg" alt="">
                                                    </div>
                                                </div>
                                                <div class="testimonial-three__client-content">
                                                    <div class="testimonial-three__client-rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                    </div>
                                                    <h3 class="testimonial-three__client-name">Aleesha brown</h3>
                                                    <p class="testimonial-three__client-sub-title">CEO - CO Founder</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Testimonial One Single End-->
                                <!--Testimonial One Single Start-->
                                <div class="item">
                                    <div class="testimonial-three__single">
                                        <div class="testimonial-three__single-inner">
                                            <div class="testimonial-three__shape-1">
                                                <img src="assets/images/shapes/testimonial-three-shape-1.png" alt="">
                                            </div>
                                            <div class="testimonial-three__shape-2">
                                                <img src="assets/images/shapes/testimonial-three-shape-2.png" alt="">
                                            </div>
                                            <div class="testimonial-three__quote">
                                                <span class="icon-quote"></span>
                                            </div>
                                            <p class="testimonial-three__text">Leverage agile frameworks to provide a
                                                robust
                                                synopsis
                                                for
                                                high level overviews. Iterative approaches to corporate strategy data
                                                foster
                                                to
                                                collaborative thinking.</p>
                                            <div class="testimonial-three__client-info">
                                                <div class="testimonial-three__client-img-box">
                                                    <div class="testimonial-three__client-img">
                                                        <img src="assets/images/testimonial/testimonial-3-3.jpg" alt="">
                                                    </div>
                                                </div>
                                                <div class="testimonial-three__client-content">
                                                    <div class="testimonial-three__client-rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                    </div>
                                                    <h3 class="testimonial-three__client-name">Aleesha martin</h3>
                                                    <p class="testimonial-three__client-sub-title">CEO - CO Founder</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Testimonial One Single End-->
                                <!--Testimonial One Single Start-->
                                <div class="item">
                                    <div class="testimonial-three__single">
                                        <div class="testimonial-three__single-inner">
                                            <div class="testimonial-three__shape-1">
                                                <img src="assets/images/shapes/testimonial-three-shape-1.png" alt="">
                                            </div>
                                            <div class="testimonial-three__shape-2">
                                                <img src="assets/images/shapes/testimonial-three-shape-2.png" alt="">
                                            </div>
                                            <div class="testimonial-three__quote">
                                                <span class="icon-quote"></span>
                                            </div>
                                            <p class="testimonial-three__text">Leverage agile frameworks to provide a
                                                robust
                                                synopsis
                                                for
                                                high level overviews. Iterative approaches to corporate strategy data
                                                foster
                                                to
                                                collaborative thinking.</p>
                                            <div class="testimonial-three__client-info">
                                                <div class="testimonial-three__client-img-box">
                                                    <div class="testimonial-three__client-img">
                                                        <img src="assets/images/testimonial/testimonial-3-4.jpg" alt="">
                                                    </div>
                                                </div>
                                                <div class="testimonial-three__client-content">
                                                    <div class="testimonial-three__client-rating">
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                        <span class="fa fa-star"></span>
                                                    </div>
                                                    <h3 class="testimonial-three__client-name">David coper</h3>
                                                    <p class="testimonial-three__client-sub-title">CEO - CO Founder</p>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <!--Testimonial One Single End-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Tesimonial Three End-->

        <!--Portfolio Three Start-->
        <section class="portfolio-three">
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-title__icon">
                        <span class="fa fa-star"></span>
                    </div>
                    <span class="section-title__tagline">Recent work</span>
                    <h2 class="section-title__title">Explore city beautiful
                        <br> highlights portfolio</h2>
                </div>
                <div class="row">
                    <!--Portfolio Three Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-three__single">
                            <div class="portfolio-three__img-box">
                                <div class="portfolio-three__img">
                                    <img src="assets/images/project/portfolio-3-1.jpg" alt="">
                                </div>
                                <div class="portfolio-three__content">
                                    <p class="portfolio-three__sub-title">portfolio</p>
                                    <h3 class="portfolio-three__title"><a href="portfolio-details.html">Old Museum</a>
                                    </h3>
                                </div>
                                <div class="portfolio-three__arrow">
                                    <a class="img-popup" href="assets/images/project/portfolio-3-1.jpg"><span
                                            class="icon-right-arrow"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Portfolio Three Single End-->
                    <!--Portfolio Three Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-three__single">
                            <div class="portfolio-three__img-box">
                                <div class="portfolio-three__img">
                                    <img src="assets/images/project/portfolio-3-2.jpg" alt="">
                                </div>
                                <div class="portfolio-three__content">
                                    <p class="portfolio-three__sub-title">portfolio</p>
                                    <h3 class="portfolio-three__title"><a href="portfolio-details.html">Business
                                            Career</a></h3>
                                </div>
                                <div class="portfolio-three__arrow">
                                    <a class="img-popup" href="assets/images/project/portfolio-3-2.jpg"><span
                                            class="icon-right-arrow"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Portfolio Three Single End-->
                    <!--Portfolio Three Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-three__single">
                            <div class="portfolio-three__img-box">
                                <div class="portfolio-three__img">
                                    <img src="assets/images/project/portfolio-3-3.jpg" alt="">
                                </div>
                                <div class="portfolio-three__content">
                                    <p class="portfolio-three__sub-title">portfolio</p>
                                    <h3 class="portfolio-three__title"><a href="portfolio-details.html">Rome Statue</a>
                                    </h3>
                                </div>
                                <div class="portfolio-three__arrow">
                                    <a class="img-popup" href="assets/images/project/portfolio-3-3.jpg"><span
                                            class="icon-right-arrow"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Portfolio Three Single End-->
                    <!--Portfolio Three Single Start-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-three__single">
                            <div class="portfolio-three__img-box">
                                <div class="portfolio-three__img">
                                    <img src="assets/images/project/portfolio-3-4.jpg" alt="">
                                </div>
                                <div class="portfolio-three__content">
                                    <p class="portfolio-three__sub-title">portfolio</p>
                                    <h3 class="portfolio-three__title"><a href="portfolio-details.html">London Tower</a>
                                    </h3>
                                </div>
                                <div class="portfolio-three__arrow">
                                    <a class="img-popup" href="assets/images/project/portfolio-3-4.jpg"><span
                                            class="icon-right-arrow"></span></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--Portfolio Three Single End-->
                </div>
            </div>
        </section>
        <!--Portfolio Three End-->

        <!--Brand One Start-->
        <section class="brand-one brand-two">
            <div class="container">
                <div class="brand-one__title">
                    <p>Our partners & suppoters</p>
                </div>
                <div class="brand-one__carousel thm-owl__carousel owl-theme owl-carousel" data-owl-options='{
                    "items": 3,
                    "margin": 30,
                    "smartSpeed": 700,
                    "loop":true,
                    "autoplay": 6000,
                    "nav":false,
                    "dots":false,
                    "navText": ["<span class=\"fa fa-angle-left\"></span>","<span class=\"fa fa-angle-right\"></span>"],
                    "responsive":{
                        "0":{
                            "items":1
                        },
                        "768":{
                            "items":3
                        },
                        "992":{
                            "items": 5
                        }
                    }
                }'>
                    <!--Brand One Single-->
                    <div class="brand-one__single">
                        <div class="brand-one__img">
                            <img src="assets/images/brand/brand-1-1.png" alt="">
                        </div>
                    </div>
                    <!--Brand One Single-->
                    <div class="brand-one__single">
                        <div class="brand-one__img">
                            <img src="assets/images/brand/brand-1-2.png" alt="">
                        </div>
                    </div>
                    <!--Brand One Single-->
                    <div class="brand-one__single">
                        <div class="brand-one__img">
                            <img src="assets/images/brand/brand-1-3.png" alt="">
                        </div>
                    </div>
                    <!--Brand One Single-->
                    <div class="brand-one__single">
                        <div class="brand-one__img">
                            <img src="assets/images/brand/brand-1-4.png" alt="">
                        </div>
                    </div>
                    <!--Brand One Single-->
                    <div class="brand-one__single">
                        <div class="brand-one__img">
                            <img src="assets/images/brand/brand-1-5.png" alt="">
                        </div>
                    </div>
                </div>
                <!-- If we need navigation buttons -->
            </div>
        </section>
        <!--Brand One End-->

        <!--Great Place Start-->
        <section class="great-place">
            <div class="great-place__bg" style="background-image: url(assets/images/backgrounds/great-place-bg.png);">
            </div>
            <div class="container">
                <div class="row">
                    <div class="col-xl-7 col-lg-7">
                        <div class="great-place__left">
                            <h3 class="great-place__title">Great place to develop your
                                career & business</h3>
                            <div class="great-place__content-box">
                                <div class="great-place__img-box">
                                    <div class="great-place__img">
                                        <img src="assets/images/resources/great-place-img.jpg" alt="">
                                    </div>
                                </div>
                                <div class="great-place__text-box">
                                    <p class="great-place__text">Donec quis felis commodo orem ipsum is simply free text
                                        dolor sit amet.</p>
                                    <p class="great-place__text-two">Sed rhoncus facilisis purus, at accumsan purus
                                        sagittis vitae. Nullam acelit at eros imperdiet pulvinar velut nisl.</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xl-5 col-lg-5">
                        <div class="great-place__right">
                            <div class="great-place__shape-1 zoominout">
                                <img src="assets/images/shapes/great-place-shape-1.png" alt="">
                            </div>
                            <div class="great-place__shape-2 img-bounce">
                                <img src="assets/images/shapes/great-place-shape-2.png" alt="">
                            </div>
                            <div class="great-place__right-inner">
                                <div class="section-title text-center">
                                    <div class="section-title__icon">
                                        <span class="fa fa-star"></span>
                                    </div>
                                    <span class="section-title__tagline">connect us</span>
                                    <h2 class="section-title__title">Have suggestion?</h2>
                                </div>
                                <form action="https://pixydrops.com/govity/main-html/assets/inc/sendemail.php"
                                    class="contact-form-box__form contact-form-validated" novalidate="novalidate">
                                    <div class="row">
                                        <div class="col-xl-12">
                                            <div class="contact-form-box__input-box">
                                                <input type="text" placeholder="Your Name" name="name">
                                            </div>
                                        </div>
                                        <div class="col-xl-12">
                                            <div class="contact-form-box__input-box">
                                                <input type="text" placeholder="Email Address" name="email">
                                            </div>
                                        </div>
                                        <div class="col-xl-12">
                                            <div class="contact-form-box__input-box text-message-box">
                                                <textarea name="message" placeholder="Write Message"></textarea>
                                            </div>
                                            <div class="contact-form-box__btn-box">
                                                <button type="submit" class="thm-btn contact-form-box__btn">Send a
                                                    Message</button>
                                            </div>
                                        </div>
                                    </div>
                                </form>
                                <div class="result"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--Great Place End-->

        <!--Documents One Start-->
        <section class="documents-two">
            <div class="documents-two__bg"
                style="background-image: url(assets/images/backgrounds/documents-two-bg.jpg);"></div>
            <div class="container">
                <div class="documents-two__inner">
                    <div class="documents-two__left">
                        <p>City government
                            recent documents
                            download</p>
                    </div>
                    <div class="documents-two__right">
                        <ul class="documents-two__points list-unstyled">
                            <li>
                                <div class="documents-two__single">
                                    <div class="documents-two__content">
                                        <div class="documents-two__icon">
                                            <span class="icon-download-circular-button"></span>
                                        </div>
                                        <h3 class="documents-two__title"><a href="about.html">Vehicle Parking
                                                License</a></h3>
                                        <p class="documents-two__text">Download the license details file</p>
                                    </div>
                                    <div class="documents-two__icon-two">
                                        <span class="icon-pdf-file"></span>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="documents-two__single">
                                    <div class="documents-two__content">
                                        <div class="documents-two__icon">
                                            <span class="icon-download-circular-button"></span>
                                        </div>
                                        <h3 class="documents-two__title"><a href="about.html">City Board
                                                Applications</a></h3>
                                        <p class="documents-two__text">Download the license details file</p>
                                    </div>
                                    <div class="documents-two__icon-two">
                                        <span class="icon-pdf-file"></span>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </section>
        <!--Documents One End-->

        <!--History One Start-->
        <section class="history-one">
            <div class="history-one__top">
                <div class="container">
                    <div class="section-title text-center">
                        <div class="section-title__icon">
                            <span class="fa fa-star"></span>
                        </div>
                        <span class="section-title__tagline">Our history</span>
                        <h2 class="section-title__title">Memorable city history <br> moments</h2>
                    </div>
                </div>
            </div>
            <div class="history-one__bottom">
                <div class="history-one__wrap">
                    <div class="history-one__shape-1">
                        <img src="assets/images/shapes/history-one-shape-1.png" alt="">
                    </div>
                    <div class="container">
                        <div class="history-one__inner">
                            <div class="history-one__slider">

                                <div class="history-one__thumb-box">
                                    <div class="swiper-container" id="history-one__thumb">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="history-one__date-box">
                                                    <div class="history-one__circle-one">
                                                        <div class="history-one__circle-two">
                                                            <div class="history-one__circle-three"></div>
                                                        </div>
                                                    </div>
                                                    <p class="history-one__date">20 April 2013</p>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                            <div class="swiper-slide">
                                                <div class="history-one__date-box">
                                                    <div class="history-one__circle-one">
                                                        <div class="history-one__circle-two">
                                                            <div class="history-one__circle-three"></div>
                                                        </div>
                                                    </div>
                                                    <p class="history-one__date">18 November 2013</p>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                            <div class="swiper-slide">
                                                <div class="history-one__date-box">
                                                    <div class="history-one__circle-one">
                                                        <div class="history-one__circle-two">
                                                            <div class="history-one__circle-three"></div>
                                                        </div>
                                                    </div>
                                                    <p class="history-one__date">28 January 2017</p>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                            <div class="swiper-slide">
                                                <div class="history-one__date-box">
                                                    <div class="history-one__circle-one">
                                                        <div class="history-one__circle-two">
                                                            <div class="history-one__circle-three"></div>
                                                        </div>
                                                    </div>
                                                    <p class="history-one__date">18 November 2017</p>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                            <div class="swiper-slide">
                                                <div class="history-one__date-box">
                                                    <div class="history-one__circle-one">
                                                        <div class="history-one__circle-two">
                                                            <div class="history-one__circle-three"></div>
                                                        </div>
                                                    </div>
                                                    <p class="history-one__date">28 May 2021</p>
                                                </div>
                                            </div><!-- /.swiper-slide -->
                                        </div><!-- /.swiper-wrapper -->
                                    </div><!-- /#testimonials-one__thumb.swiper-container -->
                                    <div class="history-one__nav">
                                        <div class="swiper-button-prev" id="history-one__swiper-button-next">
                                            <i class="icon-left-arrow"></i>
                                        </div>
                                        <div class="swiper-button-next" id="history-one__swiper-button-prev">
                                            <i class="icon-right-arrow"></i>
                                        </div>
                                    </div>
                                </div>

                                <div class="history-one__main-content">
                                    <div class="swiper-container" id="history-one__carousel">
                                        <div class="swiper-wrapper">
                                            <div class="swiper-slide">
                                                <div class="history-one__content">
                                                    <div class="row">
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-left">
                                                                <h4 class="history-one__content-title">City council
                                                                    founded</h4>
                                                                <p class="history-one__content-text">There are many
                                                                    variations of passages of Lorem Ipsum available, but
                                                                    the majority have suffered alteration in some form,
                                                                    by injected humour, or randomised. Suspendisse
                                                                    sollicitudin velit sed leo. Ut pharetra augue nec
                                                                    augue. Nam elit agna endrerit sit amet.</p>
                                                                <ul class="list-unstyled history-one__poins">
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Pellentes gravida lectus.</p>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Finibus aliquet ultrices.</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-right">
                                                                <div class="history-one__content-img">
                                                                    <img src="assets/images/resources/history-one-content-img-1-1.jpg"
                                                                        alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->

                                            <div class="swiper-slide">
                                                <div class="history-one__content">
                                                    <div class="row">
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-left">
                                                                <h4 class="history-one__content-title">City council
                                                                    founded</h4>
                                                                <p class="history-one__content-text">There are many
                                                                    variations of passages of Lorem Ipsum available, but
                                                                    the majority have suffered alteration in some form,
                                                                    by injected humour, or randomised. Suspendisse
                                                                    sollicitudin velit sed leo. Ut pharetra augue nec
                                                                    augue. Nam elit agna endrerit sit amet.</p>
                                                                <ul class="list-unstyled history-one__poins">
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Pellentes gravida lectus.</p>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Finibus aliquet ultrices.</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-right">
                                                                <div class="history-one__content-img">
                                                                    <img src="assets/images/resources/history-one-content-img-1-1.jpg"
                                                                        alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->

                                            <div class="swiper-slide">
                                                <div class="history-one__content">
                                                    <div class="row">
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-left">
                                                                <h4 class="history-one__content-title">City council
                                                                    founded</h4>
                                                                <p class="history-one__content-text">There are many
                                                                    variations of passages of Lorem Ipsum available, but
                                                                    the majority have suffered alteration in some form,
                                                                    by injected humour, or randomised. Suspendisse
                                                                    sollicitudin velit sed leo. Ut pharetra augue nec
                                                                    augue. Nam elit agna endrerit sit amet.</p>
                                                                <ul class="list-unstyled history-one__poins">
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Pellentes gravida lectus.</p>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Finibus aliquet ultrices.</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-right">
                                                                <div class="history-one__content-img">
                                                                    <img src="assets/images/resources/history-one-content-img-1-1.jpg"
                                                                        alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->

                                            <div class="swiper-slide">
                                                <div class="history-one__content">
                                                    <div class="row">
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-left">
                                                                <h4 class="history-one__content-title">City council
                                                                    founded</h4>
                                                                <p class="history-one__content-text">There are many
                                                                    variations of passages of Lorem Ipsum available, but
                                                                    the majority have suffered alteration in some form,
                                                                    by injected humour, or randomised. Suspendisse
                                                                    sollicitudin velit sed leo. Ut pharetra augue nec
                                                                    augue. Nam elit agna endrerit sit amet.</p>
                                                                <ul class="list-unstyled history-one__poins">
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Pellentes gravida lectus.</p>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Finibus aliquet ultrices.</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-right">
                                                                <div class="history-one__content-img">
                                                                    <img src="assets/images/resources/history-one-content-img-1-1.jpg"
                                                                        alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->

                                            <div class="swiper-slide">
                                                <div class="history-one__content">
                                                    <div class="row">
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-left">
                                                                <h4 class="history-one__content-title">City council
                                                                    founded</h4>
                                                                <p class="history-one__content-text">There are many
                                                                    variations of passages of Lorem Ipsum available, but
                                                                    the majority have suffered alteration in some form,
                                                                    by injected humour, or randomised. Suspendisse
                                                                    sollicitudin velit sed leo. Ut pharetra augue nec
                                                                    augue. Nam elit agna endrerit sit amet.</p>
                                                                <ul class="list-unstyled history-one__poins">
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Pellentes gravida lectus.</p>
                                                                        </div>
                                                                    </li>
                                                                    <li>
                                                                        <div class="icon">
                                                                            <i class="fa fa-check"></i>
                                                                        </div>
                                                                        <div class="text">
                                                                            <p>Finibus aliquet ultrices.</p>
                                                                        </div>
                                                                    </li>
                                                                </ul>
                                                            </div>
                                                        </div>
                                                        <div class="col-xl-6 col-lg-6">
                                                            <div class="history-one__content-right">
                                                                <div class="history-one__content-img">
                                                                    <img src="assets/images/resources/history-one-content-img-1-1.jpg"
                                                                        alt="">
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div><!-- /.swiper-slide -->

                                        </div><!-- /.swiper-wrapper -->
                                    </div>
                                </div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--History One End-->

        <!--News Two Start-->
        <section class="news-three">
            <div class="container">
                <div class="section-title text-center">
                    <div class="section-title__icon">
                        <span class="fa fa-star"></span>
                    </div>
                    <span class="section-title__tagline">Latest News</span>
                    <h2 class="section-title__title">Latest news & articles
                        <br> from the blog</h2>
                </div>
                <div class="news-three__carousel owl-carousel owl-theme thm-owl__carousel" data-owl-options='{"loop": true, "items": 1, "navText": ["<span class=\"icon-left-arrow\"></span>","<span class=\"icon-right-arrow\"></span>"], "margin": 0, "dots": false, "nav": false, "smartSpeed": 1000, "autoplay": true, "autoplayTimeout": 7000, "autoplayHoverPause": true, "responsive": {
                        "0": {
                            "items": 1,
                            "margin": 0
                        },
                        "768": {
                            "items": 2,
                            "margin": 30
                        },
                        "1200": {
                            "items": 3,
                            "margin": 30
                        }
                    }}'>
                    <!--News Two Single Start-->
                    <div class="item">
                        <div class="news-two__single">
                            <div class="news-two__img-box">
                                <div class="news-two__img">
                                    <img src="assets/images/blog/news-2-1.jpg" alt="">
                                </div>
                                <div class="news-two__date">
                                    <p>30 <br> JAN</p>
                                </div>
                            </div>
                            <div class="news-two__content">
                                <div class="news-two__user-and-meta">
                                    <div class="news-two__user">
                                        <div class="news-two__user-img">
                                            <img src="assets/images/blog/news-two-user-img.jpg" alt="">
                                        </div>
                                        <div class="news-two__user-text">
                                            <p>by <br>Admin</p>
                                        </div>
                                    </div>
                                    <div class="news-two__meta">
                                        <div class="icon">
                                            <span class="fas fa-comments"></span>
                                        </div>
                                        <div class="text">
                                            <p>2 Comments</p>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="news-two__title"><a href="news-details.html">Supporting local business to
                                        bounce back</a>
                                </h3>
                                <p class="news-two__text">There are many variations of passages of available but the
                                    majority.</p>
                                <div class="news-two__btn">
                                    <a href="news-details.html">Read More<i class="icon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--News Two Single End-->
                    <!--News Two Single Start-->
                    <div class="item">
                        <div class="news-two__single">
                            <div class="news-two__img-box">
                                <div class="news-two__img">
                                    <img src="assets/images/blog/news-2-2.jpg" alt="">
                                </div>
                                <div class="news-two__date">
                                    <p>30 <br> JAN</p>
                                </div>
                            </div>
                            <div class="news-two__content">
                                <div class="news-two__user-and-meta">
                                    <div class="news-two__user">
                                        <div class="news-two__user-img">
                                            <img src="assets/images/blog/news-two-user-img.jpg" alt="">
                                        </div>
                                        <div class="news-two__user-text">
                                            <p>by <br>Admin</p>
                                        </div>
                                    </div>
                                    <div class="news-two__meta">
                                        <div class="icon">
                                            <span class="fas fa-comments"></span>
                                        </div>
                                        <div class="text">
                                            <p>2 Comments</p>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="news-two__title"><a href="news-details.html">There are many variations of
                                        passages</a>
                                </h3>
                                <p class="news-two__text">There are many variations of passages of available but the
                                    majority.</p>
                                <div class="news-two__btn">
                                    <a href="news-details.html">Read More<i class="icon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--News Two Single End-->
                    <!--News Two Single Start-->
                    <div class="item">
                        <div class="news-two__single">
                            <div class="news-two__img-box">
                                <div class="news-two__img">
                                    <img src="assets/images/blog/news-2-3.jpg" alt="">
                                </div>
                                <div class="news-two__date">
                                    <p>30 <br> JAN</p>
                                </div>
                            </div>
                            <div class="news-two__content">
                                <div class="news-two__user-and-meta">
                                    <div class="news-two__user">
                                        <div class="news-two__user-img">
                                            <img src="assets/images/blog/news-two-user-img.jpg" alt="">
                                        </div>
                                        <div class="news-two__user-text">
                                            <p>by <br>Admin</p>
                                        </div>
                                    </div>
                                    <div class="news-two__meta">
                                        <div class="icon">
                                            <span class="fas fa-comments"></span>
                                        </div>
                                        <div class="text">
                                            <p>2 Comments</p>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="news-two__title"><a href="news-details.html">Many variations of passages of
                                        available</a>
                                </h3>
                                <p class="news-two__text">There are many variations of passages of available but the
                                    majority.</p>
                                <div class="news-two__btn">
                                    <a href="news-details.html">Read More<i class="icon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--News Two Single End-->
                    <!--News Two Single Start-->
                    <div class="item">
                        <div class="news-two__single">
                            <div class="news-two__img-box">
                                <div class="news-two__img">
                                    <img src="assets/images/blog/news-2-1.jpg" alt="">
                                </div>
                                <div class="news-two__date">
                                    <p>30 <br> JAN</p>
                                </div>
                            </div>
                            <div class="news-two__content">
                                <div class="news-two__user-and-meta">
                                    <div class="news-two__user">
                                        <div class="news-two__user-img">
                                            <img src="assets/images/blog/news-two-user-img.jpg" alt="">
                                        </div>
                                        <div class="news-two__user-text">
                                            <p>by <br>Admin</p>
                                        </div>
                                    </div>
                                    <div class="news-two__meta">
                                        <div class="icon">
                                            <span class="fas fa-comments"></span>
                                        </div>
                                        <div class="text">
                                            <p>2 Comments</p>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="news-two__title"><a href="news-details.html">Supporting local business to
                                        bounce back</a>
                                </h3>
                                <p class="news-two__text">There are many variations of passages of available but the
                                    majority.</p>
                                <div class="news-two__btn">
                                    <a href="news-details.html">Read More<i class="icon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--News Two Single End-->
                    <!--News Two Single Start-->
                    <div class="item">
                        <div class="news-two__single">
                            <div class="news-two__img-box">
                                <div class="news-two__img">
                                    <img src="assets/images/blog/news-2-2.jpg" alt="">
                                </div>
                                <div class="news-two__date">
                                    <p>30 <br> JAN</p>
                                </div>
                            </div>
                            <div class="news-two__content">
                                <div class="news-two__user-and-meta">
                                    <div class="news-two__user">
                                        <div class="news-two__user-img">
                                            <img src="assets/images/blog/news-two-user-img.jpg" alt="">
                                        </div>
                                        <div class="news-two__user-text">
                                            <p>by <br>Admin</p>
                                        </div>
                                    </div>
                                    <div class="news-two__meta">
                                        <div class="icon">
                                            <span class="fas fa-comments"></span>
                                        </div>
                                        <div class="text">
                                            <p>2 Comments</p>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="news-two__title"><a href="news-details.html">There are many variations of
                                        passages</a>
                                </h3>
                                <p class="news-two__text">There are many variations of passages of available but the
                                    majority.</p>
                                <div class="news-two__btn">
                                    <a href="news-details.html">Read More<i class="icon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--News Two Single End-->
                    <!--News Two Single Start-->
                    <div class="item">
                        <div class="news-two__single">
                            <div class="news-two__img-box">
                                <div class="news-two__img">
                                    <img src="assets/images/blog/news-2-3.jpg" alt="">
                                </div>
                                <div class="news-two__date">
                                    <p>30 <br> JAN</p>
                                </div>
                            </div>
                            <div class="news-two__content">
                                <div class="news-two__user-and-meta">
                                    <div class="news-two__user">
                                        <div class="news-two__user-img">
                                            <img src="assets/images/blog/news-two-user-img.jpg" alt="">
                                        </div>
                                        <div class="news-two__user-text">
                                            <p>by <br>Admin</p>
                                        </div>
                                    </div>
                                    <div class="news-two__meta">
                                        <div class="icon">
                                            <span class="fas fa-comments"></span>
                                        </div>
                                        <div class="text">
                                            <p>2 Comments</p>
                                        </div>
                                    </div>
                                </div>
                                <h3 class="news-two__title"><a href="news-details.html">Many variations of passages of
                                        available</a>
                                </h3>
                                <p class="news-two__text">There are many variations of passages of available but the
                                    majority.</p>
                                <div class="news-two__btn">
                                    <a href="news-details.html">Read More<i class="icon-right-arrow"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--News Two Single End-->
                </div>
            </div>
        </section>
        <!--News Two End-->

<?php include ( 'inc/footer.php' ); ?>