403WebShell

403Webshell
Server IP : 173.199.190.172 / Your IP : 216.73.216.167
Web Server : Apache
System : Linux chs1.nescrow.com.ng 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64
User : oysipaoygov ( 1026)
PHP Version : 5.6.40
Disable Function : exec,passthru,shell_exec,system
MySQL : ON | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON
Directory : /home/oysipaoygov/public_html/
Upload File :
[ Back ]
Current File : /home/oysipaoygov/public_html/index-2-one-page.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Govarnex || Responsive HTML 5 Template</title>
    <!-- Favicons Icons -->
    <link rel="apple-touch-icon" sizes="180x180" href="assets/images/favicons/apple-touch-icon.png" />
    <link rel="icon" type="image/png" sizes="32x32" href="assets/images/favicons/favicon-32x32.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="assets/images/favicons/favicon-16x16.png" />
    <link rel="manifest" href="assets/images/favicons/site.webmanifest" />
    <meta name="description" content="Govarnex HTML 5 Template " />

    <!-- fonts -->
    <link
        href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
        rel="stylesheet">

    <link rel="stylesheet" href="assets/vendors/animate/animate.min.css" />
    <link rel="stylesheet" href="assets/vendors/animate/custom-animate.css" />
    <link rel="stylesheet" href="assets/vendors/bootstrap/css/bootstrap.min.css" />
    <link rel="stylesheet" href="assets/vendors/bootstrap-select/css/bootstrap-select.min.css" />
    <link rel="stylesheet" href="assets/vendors/bxslider/jquery.bxslider.css" />
    <link rel="stylesheet" href="assets/vendors/fontawesome/css/all.min.css" />
    <link rel="stylesheet" href="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.css" />
    <link rel="stylesheet" href="assets/vendors/jquery-ui/jquery-ui.css" />
    <link rel="stylesheet" href="assets/vendors/nice-select/nice-select.css" />
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.min.css" />
    <link rel="stylesheet" href="assets/vendors/nouislider/nouislider.pips.css" />
    <link rel="stylesheet" href="assets/vendors/odometer/odometer.min.css" />
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.carousel.min.css" />
    <link rel="stylesheet" href="assets/vendors/owl-carousel/owl.theme.default.min.css" />
    <link rel="stylesheet" href="assets/vendors/swiper/swiper.min.css" />
    <link rel="stylesheet" href="assets/vendors/timepicker/timePicker.css" />
    <link rel="stylesheet" href="assets/vendors/tiny-slider/tiny-slider.min.css" />
    <link rel="stylesheet" href="assets/vendors/vegas/vegas.min.css" />
    <link rel="stylesheet" href="assets/vendors/thm-icons/style.css">
    <!-- Module css -->
    <link rel="stylesheet" href="assets/css/module-css/01-header-section.css">
    <link rel="stylesheet" href="assets/css/module-css/02-banner-section.css">
    <link rel="stylesheet" href="assets/css/module-css/03-about-section.css">
    <link rel="stylesheet" href="assets/css/module-css/04-fact-counter-section.css">
    <link rel="stylesheet" href="assets/css/module-css/05-testimonial-section.css">
    <link rel="stylesheet" href="assets/css/module-css/06-partner-section.css">
    <link rel="stylesheet" href="assets/css/module-css/07-footer-section.css">
    <link rel="stylesheet" href="assets/css/module-css/08-blog-section.css">
    <!-- template styles -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <link rel="stylesheet" href="assets/css/responsive.css" />

</head>


<body>

    <!-- Start Preloader -->
    <div class="loader-wrap">
        <div class="preloader">
            <div class="preloader-close">x</div>
            <div id="handle-preloader" class="handle-preloader">
                <div class="animation-preloader">
                    <div class="spinner"></div>
                    <div class="txt-loading">
                        <span data-text-preloader="g" class="letters-loading">
                            g
                        </span>
                        <span data-text-preloader="o" class="letters-loading">
                            o
                        </span>
                        <span data-text-preloader="v" class="letters-loading">
                            v
                        </span>
                        <span data-text-preloader="a" class="letters-loading">
                            a
                        </span>
                        <span data-text-preloader="r" class="letters-loading">
                            r
                        </span>
                        <span data-text-preloader="n" class="letters-loading">
                            n
                        </span>
                        <span data-text-preloader="e" class="letters-loading">
                            e
                        </span>
                        <span data-text-preloader="x" class="letters-loading">
                            x
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Preloader -->


    <div class="page-wrapper">

        <!--Start Main Header One-->
        <header class="main-header main-header-one main-header-one--two">
            <!--Start Main Header One Top-->
            <div class="main-header-one--two__top">
                <div class="auto-container">
                    <div class="main-header-one--two__top-inner">
                        <div class="main-header-one--two__top-left">
                            <ul class="main-header-one--two__top-contact-info">
                                <li>
                                    <div class="icon">
                                        <span class="icon-mail-1"></span>
                                    </div>
                                    <div class="text">
                                        <p><a href="mailto:yourmail@email.com">info@example.com</a></p>
                                    </div>
                                </li>

                                <li>
                                    <div class="icon">
                                        <span class="icon-wall-clock"></span>
                                    </div>
                                    <div class="text">
                                        <p>Open Hours: Mon - Fri 8.00 am - 6.00 pm</p>
                                    </div>
                                </li>
                            </ul>
                            <ul class="main-header-one__top-left-social-link">
                                <li><a href="#"><span class="icon-facebook-app-symbol"></span></a></li>
                                <li><a href="#"><span class="icon-twitter"></span></a></li>
                                <li><a href="#"><span class="icon-instagram"></span></a></li>
                            </ul>

                            <div class="main-header-one--two__top-left-search">
                                <a href="#" class="main-menu__search search-toggler icon-search">
                                </a>
                            </div>
                        </div>

                        <div class="main-header-one--two__top-right">
                            <a class="btn-one" href="#">
                                <span class="txt">Report an Issues</span>
                            </a>
                        </div>

                    </div>
                </div>
            </div>
            <!--End Main Header One Top-->

            <!--Start Main Header One Bottom-->
            <div class="main-header-one__bottom">

                <nav class="main-menu main-menu-one main-menu-one--two">
                    <div class="main-menu__wrapper clearfix">
                        <div class="auto-container">
                            <div class="main-menu__wrapper-inner">

                                <div class="main-header-one__bottom-left">
                                    <div class="logo-box-one">
                                        <div class="logo-box-one__bg"
                                            style="background-image: url(assets/images/shapes/home-v2-logo-bg.png);">
                                        </div>
                                        <a href="index.html">
                                            <img src="assets/images/resources/logo-1.png" alt="Awesome Logo" title="">
                                        </a>
                                    </div>
                                </div>

                                <div class="main-header-one__bottom-right">
                                    <div class="main-menu-box">
                                        <a href="#" class="mobile-nav__toggler">
                                            <i class="fa fa-bars"></i>
                                        </a>

                                        <ul class="main-menu__list one-page-scroll-menu">
                                            <li class="scrollToLink">
                                                <a href="#home">Home</a>
                                            </li>
                                            <li class="scrollToLink">
                                                <a href="#about">About</a>
                                            </li>
                                            <li class="scrollToLink">
                                                <a href="#services">Services</a>
                                            </li>
                                            <li class="scrollToLink">
                                                <a href="#team">Team</a>
                                            </li>
                                            <li class="scrollToLink">
                                                <a href="#news">News</a>
                                            </li>
                                            <li class="dropdown">
                                                <a href="#">Pages</a>
                                                <ul>
                                                    <li><a href="index.html">Home Page 01</a></li>
                                                    <li><a href="index-2.html">Home Page 02</a></li>
                                                    <li><a href="index-3.html">Home Page 03</a></li>
                                                    <li><a href="index-dark.html">Home Dark</a></li>
                                                </ul>
                                            </li>
                                        </ul>

                                    </div>

                                    <div class="main-header-one__bottom-right-number">
                                        <div class="icon">
                                            <span class="icon-headphones"></span>
                                        </div>
                                        <div class="text">
                                            <p>Call Anytime</p>
                                            <a href="tel:3336660000">333 666 0000</a>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
            </div>
            <!--End Main Header One Bottom-->

        </header>
        <!--End Main Header One-->

        <div class="stricky-header stricked-menu main-menu main-menu-one--two">
            <div class="sticky-header__content"></div><!-- /.sticky-header__content -->
        </div><!-- /.stricky-header -->


        <!--Start Main Slider -->
        <section class="main-slider main-slider-one main-slider-one--two" id="home">
            <div class="swiper-container thm-swiper__slider" data-swiper-options='{"slidesPerView": 1, "loop": true,
                "effect": "fade",
                "pagination": {
                "el": "#main-slider-pagination",
                "type": "bullets",
                "clickable": true
                },
                "navigation": {
                "nextEl": "#main-slider__swiper-button-next",
                "prevEl": "#main-slider__swiper-button-prev"
                },
                "autoplay": {
                "delay": 5000
                }}'>
                <div class="swiper-wrapper">


                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/slides/slide-v2-1.jpg);">
                        </div>
                        <div class="auto-container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-one__content">
                                        <div class="title">
                                            <h2>Best of City’s <span>Arts</span> & <br> <span>Culture</span> Online</h2>
                                        </div>
                                        <div class="text">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br> Turpis
                                                ridiculus
                                                tellus.</p>
                                        </div>
                                        <div class="btn-box">
                                            <a class="btn-one" href="#">
                                                <span class="txt">Volunteer Tour</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Swiper Slide-->

                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/slides/slide-v1-1.jpg);">
                        </div>
                        <div class="auto-container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-one__content">
                                        <div class="title">
                                            <h2>Best of City’s <span>Arts</span> & <br> <span>Culture</span> Online</h2>
                                        </div>
                                        <div class="text">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br> Turpis
                                                ridiculus
                                                tellus.</p>
                                        </div>
                                        <div class="btn-box">
                                            <a class="btn-one" href="#">
                                                <span class="txt">Volunteer Tour</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Swiper Slide-->

                    <!--Start Single Swiper Slide-->
                    <div class="swiper-slide">
                        <div class="image-layer" style="background-image: url(assets/images/slides/slide-v1-2.jpg);">
                        </div>
                        <div class="auto-container">
                            <div class="row">
                                <div class="col-xl-12">
                                    <div class="main-slider-one__content">
                                        <div class="title">
                                            <h2>Best of City’s <span>Arts</span> & <br> <span>Culture</span> Online</h2>
                                        </div>
                                        <div class="text">
                                            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit <br> Turpis
                                                ridiculus
                                                tellus.</p>
                                        </div>
                                        <div class="btn-box">
                                            <a class="btn-one" href="#">
                                                <span class="txt">Volunteer Tour</span>
                                            </a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Single Swiper Slide-->
                </div>

                <!-- If we need navigation buttons -->
                <div class="main-slider__nav main-slider__nav--two">
                    <div class="swiper-button-prev" id="main-slider__swiper-button-next">
                        <i class="icon-left-arrow-1"></i>
                    </div>
                    <div class="swiper-button-next" id="main-slider__swiper-button-prev">
                        <i class="icon-next"></i>
                    </div>
                </div>

            </div>
        </section>
        <!--End Main Slider-->


        <!--Start Features Style2-->
        <section class="features-style2">
            <div class="auto-container">
                <div class="features-style2__inner">
                    <div class="shape1"><img src="assets/images/shapes/features-v2-shape1.png" alt="#"></div>
                    <ul class="clearfix">
                        <!--Start Features Style1 Single-->
                        <li class="features-style2__single text-center">
                            <div class="features-style2__single-icon">
                                <span class="icon-Group-3"></span>
                            </div>

                            <div class="features-style2__single-content">
                                <h3><a href="#">Any Type of Medical <br> Emergency</a></h3>
                                <p>Facilisis orci magna ullamcorper orci ultricies egestas dolor volutpat pellentesque
                                    ante.</p>
                            </div>
                        </li>
                        <!--End Features Style1 Single-->

                        <!--Start Features Style1 Single-->
                        <li class="features-style2__single text-center">
                            <div class="features-style2__single-icon">
                                <span class="icon-Group-1"></span>
                            </div>

                            <div class="features-style2__single-content">
                                <h3><a href="#">For Police and Law <br> Enforcement</a></h3>
                                <p>Facilisis orci magna ullamcorper orci ultricies egestas dolor volutpat pellentesque
                                    ante.</p>
                            </div>
                        </li>
                        <!--End Features Style1 Single-->

                        <!--Start Features Style1 Single-->
                        <li class="features-style2__single text-center">
                            <div class="features-style2__single-icon">
                                <span class="icon-Group-2"></span>
                            </div>

                            <div class="features-style2__single-content">
                                <h3><a href="#">Recycling & Garbage <br> Related</a></h3>
                                <p>Facilisis orci magna ullamcorper orci ultricies egestas dolor volutpat pellentesque
                                    ante.</p>
                            </div>
                        </li>
                        <!--End Features Style1 Single-->

                        <!--Start Features Style1 Single-->
                        <li class="features-style2__single text-center">
                            <div class="features-style2__single-icon">
                                <span class="icon-Group-4"></span>
                            </div>

                            <div class="features-style2__single-content">
                                <h3><a href="#">Travel & Tourism <br> Information</a></h3>
                                <p>Facilisis orci magna ullamcorper orci ultricies egestas dolor volutpat pellentesque
                                    ante.</p>
                            </div>
                        </li>
                        <!--End Features Style1 Single-->
                    </ul>
                </div>
            </div>
        </section>
        <!--End Features Style2-->

        <!--Start About Style2-->
        <section class="about-style2" id="about">
            <div class="auto-container">
                <div class="row">

                    <div class="col-xl-6">
                        <div class="about-style2__img">
                            <div class="shape1 rotate-me"><img src="assets/images/shapes/thm-shape1.png" alt="#"></div>
                            <div class="shape2 float-bob-y"><img src="assets/images/shapes/thm-shape1.png" alt="#">
                            </div>
                            <div class="about-style2__img-video-box text-center">
                                <a href="https://www.youtube.com/watch?v=Get7rqXYrbQ" class="video-popup">
                                    <div class="about-style2__img-video-box-icon">
                                        <span class="icon-play-1"></span>
                                        <i class="ripple"></i>
                                    </div>
                                </a>
                                <div class="title">
                                    <h3>Watch Leader <br> Talk</h3>
                                </div>
                            </div>
                            <div class="inner">
                                <img src="assets/images/about/about-v2-img1.jpg" alt="#">
                            </div>
                            <div class="about-style2__experience-box">
                                <h2>
                                    <span class="odometer" data-count="20">00</span>
                                </h2>
                                <div class="title">
                                    <h3> Years <br> Of Experience</h3>
                                </div>
                            </div>
                        </div>
                    </div>


                    <div class="col-xl-6">
                        <div class="about-style2__content">
                            <div class="sec-title">
                                <div class="sub-title">
                                    <h6>About Govarnex</h6>
                                </div>
                                <h2>Welcome & Support <br> To Govarnex City <br> Municipal</h2>
                            </div>
                            <div class="about-style2__content-text">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec felis, suscipit mi
                                    urna nulla at tincidunt feugiat vulputate. Ante facilisis face pellentesque quis
                                    egestas metus, mauris dictum sollicitudin hendrerit quis in magna cras adipiscing
                                    posuere augue imperdiet arcu.</p>
                            </div>

                            <div class="about-style2__content-bottom">
                                <div class="inner">
                                    <ul>
                                        <li>
                                            <div class="icon">
                                                <span class="icon-check"></span>
                                            </div>
                                            <div class="text">
                                                <p>Improving all types of opportunities</p>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="icon">
                                                <span class="icon-check"></span>
                                            </div>
                                            <div class="text">
                                                <p>Quick solutions for daily problems</p>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="icon">
                                                <span class="icon-check"></span>
                                            </div>
                                            <div class="text">
                                                <p>Community that grows larger</p>
                                            </div>
                                        </li>
                                    </ul>

                                    <div class="about-style2__content-bottom-img">
                                        <img src="assets/images/about/about-v2-img2.jpg" alt="#">
                                    </div>
                                </div>
                                <div class="btn-box">
                                    <a class="btn-one" href="about.html">
                                        <span class="txt">Report an Issues</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End About Style2-->

        <!--Start Services Style1-->
        <section class="services-style1 services-style1--style2" id="services">
            <div class="shape1"></div>
            <div class="shape2 rotate-me"><img src="assets/images/shapes/services-v2-shape1.png" alt="#"></div>
            <div class="shape3 float-bob-y"><img src="assets/images/shapes/services-v2-shape2.png" alt="#"></div>
            <div class="auto-container">
                <div class="sec-title text-center">
                    <div class="sub-title">
                        <h6>EFFICIENCY - OPPORTUNITY</h6>
                    </div>
                    <h2>City Municipality Services <br>And Departments</h2>
                </div>
                <div class="row">
                    <!--Start Services Style1 Single-->
                    <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="0ms" data-wow-duration="1500ms">
                        <div class="services-style1__single">
                            <div class="services-style1--style2__img">
                                <img src="assets/images/services/services-v2-img1.jpg" alt="#">
                            </div>
                            <div class="services-style1__single-content text-center">
                                <div class="services-style1__single-icon">
                                    <span class="icon-Group-5"></span>
                                </div>
                                <div class="services-style1__single-text">
                                    <h3><a href="departments-details.html"> Government And <br> Elections</a></h3>
                                    <div class="btn-box">
                                        <a href="departments-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Services Style1 Single-->

                    <!--Start Services Style1 Single-->
                    <div class="col-xl-4 col-lg-4 wow fadeInRight" data-wow-delay="100ms" data-wow-duration="1500ms">
                        <div class="services-style1__single">
                            <div class="services-style1--style2__img">
                                <img src="assets/images/services/services-v2-img2.jpg" alt="#">
                            </div>
                            <div class="services-style1__single-content text-center">
                                <div class="services-style1__single-icon">
                                    <span class="icon-Group-6"></span>
                                </div>
                                <div class="services-style1__single-text">
                                    <h3><a href="departments-details.html"> Employment And <br> Job Planning</a></h3>
                                    <div class="btn-box">
                                        <a href="departments-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Services Style1 Single-->

                    <!--Start Services Style1 Single-->
                    <div class="col-xl-4 col-lg-4 wow fadeInLeft" data-wow-delay="200ms" data-wow-duration="1500ms">
                        <div class="services-style1__single">
                            <div class="services-style1--style2__img">
                                <img src="assets/images/services/services-v2-img3.jpg" alt="#">
                            </div>
                            <div class="services-style1__single-content text-center">
                                <div class="services-style1__single-icon">
                                    <span class="icon-Group-7"></span>
                                </div>
                                <div class="services-style1__single-text">
                                    <h3><a href="departments-details.html"> Real Estate And <br> Buildings</a></h3>
                                    <div class="btn-box">
                                        <a href="departments-details.html"><span class="icon-right-arrow"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Services Style1 Single-->
                </div>
            </div>
        </section>
        <!--End Services Style1-->


        <!--Start Instant Services Style1-->
        <section class="instant-services-style1 instant-services-style1--style2">
            <div class="shape1 float-bob-y"><img src="assets/images/shapes/thm-shape1.png" alt="#"></div>
            <div class="instant-services-style1--style2__bg"></div>
            <div class="auto-container">
                <div class="row">
                    <!--Start Instant Services Style1 Img-->
                    <div class="col-xl-4">
                        <div class="instant-services-style1--style2__title">
                            <div class="sec-title">
                                <div class="sub-title">
                                    <h6>Instant Services</h6>
                                </div>
                                <h2>Quick Services <br> From The City <br> Municipal</h2>
                            </div>
                            <div class="text-box">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit donec felis, suscipit mi urna
                                    nulla at tincidunt.</p>
                            </div>
                        </div>
                    </div>
                    <!--End Instant Services Style1 Img-->

                    <!--Start Instant Services Style1 Content-->
                    <div class="col-xl-8">
                        <div class="instant-services-style1__content">
                            <div class="shape2 float-bob-y"><img
                                    src="assets/images/shapes/instant-services-v2-shape1.png" alt="#">
                            </div>
                            <div class="instant-services-style1__content-bottom">
                                <div class="row">
                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="instant-services-style1__content-bottom-single">
                                            <ul>
                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Holiday Trash & Recycling</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Things To Do In Govarnex</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Rent a Picnic Shelter</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Contact City Action Center</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Youth Activities Details</a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                    <div class="col-xl-6 col-lg-6 col-md-6">
                                        <div class="instant-services-style1__content-bottom-single">
                                            <ul>
                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Fishing or Boating Permit</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Get a Birth / Death Certificate
                                                        </a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Register My Property Online</a>
                                                    </div>
                                                </li>

                                                <li>
                                                    <div class="icon">
                                                        <span class="icon-check-mark"></span>
                                                    </div>
                                                    <div class="text">
                                                        <a href="#">Apply for Submit a Tax Papers
                                                        </a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Instant Services Style1 Content-->
                </div>
            </div>
        </section>
        <!--End Instant Services Style1-->

        <!--Start Portfolio Style1-->
        <section class="portfolio-style1">
            <div class="container-fluid">
                <div class="row">
                    <!--Start Portfolio Style1 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-style1__single">
                            <div class="portfolio-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/portfolio-v1-img1.jpg" alt="#">
                                    <div class="text-box">
                                        <p>Metro Train</p>
                                        <h2><a href="#">City Metro Train</a></h2>
                                    </div>
                                    <div class="portfolio-style1__link">
                                        <a class="img-popup" href="assets/images/resources/portfolio-v1-img1.jpg"><span
                                                class="icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Portfolio Style1 Single-->

                    <!--Start Portfolio Style1 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-style1__single">
                            <div class="portfolio-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/portfolio-v1-img2.jpg" alt="#">
                                    <div class="text-box">
                                        <p>Tourist Guide</p>
                                        <h2><a href="#">Main Tourist Spots</a></h2>
                                    </div>
                                    <div class="portfolio-style1__link">
                                        <a class="img-popup" href="assets/images/resources/portfolio-v1-img2.jpg"><span
                                                class="icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Portfolio Style1 Single-->

                    <!--Start Portfolio Style1 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-style1__single">
                            <div class="portfolio-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/portfolio-v1-img3.jpg" alt="#">
                                    <div class="text-box">
                                        <p>Golf day</p>
                                        <h2><a href="#">Mayor Golf Day</a></h2>
                                    </div>
                                    <div class="portfolio-style1__link">
                                        <a class="img-popup" href="assets/images/resources/portfolio-v1-img3.jpg"><span
                                                class="icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Portfolio Style1 Single-->

                    <!--Start Portfolio Style1 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6">
                        <div class="portfolio-style1__single">
                            <div class="portfolio-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/portfolio-v1-img4.jpg" alt="#">
                                    <div class="text-box">
                                        <p>Visit Museum</p>
                                        <h2><a href="#">City Great Museum</a></h2>
                                    </div>
                                    <div class="portfolio-style1__link">
                                        <a class="img-popup" href="assets/images/resources/portfolio-v1-img4.jpg"><span
                                                class="icon-plus"></span></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Portfolio Style1 Single-->
                </div>
            </div>
        </section>
        <!--End Portfolio Style1-->

        <!--Start Testimonials Style1-->
        <section class="testimonials-style1 testimonials-style1--style2">
            <div class="testimonials-style1--style2-shape1"><img src="assets/images/backgrounds/testimonials-v2-bg.png"
                    alt="#"></div>
            <div class="auto-container">
                <div class="sec-title text-center">
                    <div class="sub-title">
                        <h6>Testimonials</h6>
                    </div>
                    <h2>We are Very Glad to Get <br>People Review</h2>
                </div>
                <div class="row">
                    <div class="col-xl-12">
                        <div class="testimonials-style1__inner">
                            <div class="owl-carousel owl-theme thm-owl__carousel testimonial-carousel-one"
                                data-owl-options='{
                                "loop": true,
                                "autoplay": true,
                                "margin": 30,
                                "nav": false,
                                "dots": false,
                                "smartSpeed": 500,
                                "autoplayTimeout": 10000,
                                "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": 2
                                        }
                                    }
                                }'>

                                <!--Start Testimonials Style1 Single-->
                                <div class="testimonials-style1__single">
                                    <div class="testimonials-style1__single-content">
                                        <div class="rating-box">
                                            <ul>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-star"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet sit purus
                                                tempor dui. Pharetra consequat nibh elit urna interdum. Viverra quam a
                                                arcu duis. Quis lectus donec nulla
                                                dui sit in viverra tempus risus.”</p>
                                        </div>
                                    </div>

                                    <div class="testimonials-style1__single-client-info">
                                        <div class="img-box">
                                            <img src="assets/images/testimonial/testimonial-v1-1.jpg" alt="#">
                                        </div>

                                        <div class="text-box">
                                            <h3>Sandra Bullock</h3>
                                            <p>Manager </p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Testimonials Style1 Single-->

                                <!--Start Testimonials Style1 Single-->
                                <div class="testimonials-style1__single">
                                    <div class="testimonials-style1__single-content">
                                        <div class="rating-box">
                                            <ul>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-star"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet sit purus
                                                tempor dui. Pharetra consequat nibh elit urna interdum. Viverra quam a
                                                arcu duis. Quis lectus donec nulla
                                                dui sit in viverra tempus risus.”</p>
                                        </div>
                                    </div>

                                    <div class="testimonials-style1__single-client-info">
                                        <div class="img-box">
                                            <img src="assets/images/testimonial/testimonial-v1-2.jpg" alt="#">
                                        </div>

                                        <div class="text-box">
                                            <h3>Sandra Bullock</h3>
                                            <p>Manager </p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Testimonials Style1 Single-->

                                <!--Start Testimonials Style1 Single-->
                                <div class="testimonials-style1__single">
                                    <div class="testimonials-style1__single-content">
                                        <div class="rating-box">
                                            <ul>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-star"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet sit purus
                                                tempor dui. Pharetra consequat nibh elit urna interdum. Viverra quam a
                                                arcu duis. Quis lectus donec nulla
                                                dui sit in viverra tempus risus.”</p>
                                        </div>
                                    </div>

                                    <div class="testimonials-style1__single-client-info">
                                        <div class="img-box">
                                            <img src="assets/images/testimonial/testimonial-v1-1.jpg" alt="#">
                                        </div>

                                        <div class="text-box">
                                            <h3>Sandra Bullock</h3>
                                            <p>Manager </p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Testimonials Style1 Single-->

                                <!--Start Testimonials Style1 Single-->
                                <div class="testimonials-style1__single">
                                    <div class="testimonials-style1__single-content">
                                        <div class="rating-box">
                                            <ul>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-star"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet sit purus
                                                tempor dui. Pharetra consequat nibh elit urna interdum. Viverra quam a
                                                arcu duis. Quis lectus donec nulla
                                                dui sit in viverra tempus risus.”</p>
                                        </div>
                                    </div>

                                    <div class="testimonials-style1__single-client-info">
                                        <div class="img-box">
                                            <img src="assets/images/testimonial/testimonial-v1-2.jpg" alt="#">
                                        </div>

                                        <div class="text-box">
                                            <h3>Sandra Bullock</h3>
                                            <p>Manager </p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Testimonials Style1 Single-->

                                <!--Start Testimonials Style1 Single-->
                                <div class="testimonials-style1__single">
                                    <div class="testimonials-style1__single-content">
                                        <div class="rating-box">
                                            <ul>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-star"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet sit purus
                                                tempor dui. Pharetra consequat nibh elit urna interdum. Viverra quam a
                                                arcu duis. Quis lectus donec nulla
                                                dui sit in viverra tempus risus.”</p>
                                        </div>
                                    </div>

                                    <div class="testimonials-style1__single-client-info">
                                        <div class="img-box">
                                            <img src="assets/images/testimonial/testimonial-v1-1.jpg" alt="#">
                                        </div>

                                        <div class="text-box">
                                            <h3>Sandra Bullock</h3>
                                            <p>Manager </p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Testimonials Style1 Single-->

                                <!--Start Testimonials Style1 Single-->
                                <div class="testimonials-style1__single">
                                    <div class="testimonials-style1__single-content">
                                        <div class="rating-box">
                                            <ul>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-pointed-star"></span>
                                                </li>
                                                <li>
                                                    <span class="icon-star"></span>
                                                </li>
                                            </ul>
                                        </div>
                                        <div class="text">
                                            <p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit. Amet sit purus
                                                tempor dui. Pharetra consequat nibh elit urna interdum. Viverra quam a
                                                arcu duis. Quis lectus donec nulla
                                                dui sit in viverra tempus risus.”</p>
                                        </div>
                                    </div>

                                    <div class="testimonials-style1__single-client-info">
                                        <div class="img-box">
                                            <img src="assets/images/testimonial/testimonial-v1-2.jpg" alt="#">
                                        </div>

                                        <div class="text-box">
                                            <h3>Sandra Bullock</h3>
                                            <p>Manager </p>
                                        </div>
                                    </div>
                                </div>
                                <!--End Testimonials Style1 Single-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--End Testimonials Style1-->

        <!--Start Government Voice -->
        <section class="government-voice clearfix">
            <div class="shape1 rotate-me"><img src="assets/images/shapes/thm-shape1.png" alt="#"></div>
            <div class="auto-container">
                <div class="row">
                    <!--Start Government Voice Content-->
                    <div class="col-xl-6 col-lg-6">
                        <div class="government-voice__content">
                            <div class="sec-title">
                                <div class="sub-title">
                                    <h6>Mayor of govarnex</h6>
                                </div>
                                <h2>Major Voice of City <br> Government</h2>
                            </div>
                            <div class="government-voice__content-inner">
                                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec felis, suscipit mi
                                    urna nulla at tincidunt feugiat vulputate. Ante facilisis face pellentesque quis
                                    egestas metus, mauris dictum sollicitudin hendrerit quis in magna cras adipiscing
                                    posuere augue imperdiet arcu.</p>
                                <ul>
                                    <li>
                                        <div class="icon">
                                            <span class="icon-check-mark"></span>
                                        </div>
                                        <div class="text">
                                            <p>Develop the Municipaity</p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-check-mark"></span>
                                        </div>
                                        <div class="text">
                                            <p>Maintain Financial Integrity</p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-check-mark"></span>
                                        </div>
                                        <div class="text">
                                            <p>Represent the Public</p>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End Government Voice Content-->

                    <!--Start Government Voice Img-->
                    <div class="col-xl-6 col-lg-6">
                        <div class="government-voice__img">
                            <div class="shape2 float-bob-y"><img src="assets/images/shapes/thm-shape1.png" alt="#">
                            </div>
                            <div class="inner wow slideInRight" data-wow-delay="500ms" data-wow-duration="2500ms">
                                <img src="assets/images/resources/government-voice-img1.png" alt="#">
                            </div>
                        </div>
                    </div>
                    <!--End Government Voice Img-->
                </div>
            </div>

            <!--Start Government Voice Bottom-->
            <div class="government-voice__bottom">
                <div class="auto-container">
                    <div class="row">
                        <!--Start Government Voice Bottom Content-->
                        <div class="col-xl-7 col-lg-9">
                            <div class="government-voice__bottom-content">

                                <div class="owl-carousel owl-theme thm-owl__carousel government-voice__bottom-carousel"
                                    data-owl-options='{
                                    "loop": true,
                                    "autoplay": true,
                                    "margin": 30,
                                    "nav": false,
                                    "dots": false,
                                    "smartSpeed": 500,
                                    "autoplayTimeout": 10000,
                                    "navText": ["<span class=\"icon-left-arrow-1\"></span>","<span class=\"icon-next\"></span>"],
                                    "responsive": {
                                            "0": {
                                                "items": 1
                                            },
                                            "768": {
                                                "items": 2
                                            },
                                            "992": {
                                                "items": 2
                                            },
                                            "1200": {
                                                "items": 2
                                            }
                                        }
                                    }'>

                                    <!--Start Government Voice Bottom Single-->
                                    <div class="government-voice__bottom-single text-center">
                                        <div class="date-box">
                                            <h3><span class="icon-flag"></span> 2017</h3>
                                        </div>
                                        <p>Donec felis suscipit urna <br> nulla at tincidunt.</p>
                                    </div>
                                    <!--End Government Voice Bottom Single-->

                                    <!--Start Government Voice Bottom Single-->
                                    <div class="government-voice__bottom-single text-center">
                                        <div class="date-box">
                                            <h3><span class="icon-flag"></span> 2018</h3>
                                        </div>
                                        <p>Donec felis suscipit urna <br> nulla at tincidunt.</p>
                                    </div>
                                    <!--End Government Voice Bottom Single-->

                                    <!--Start Government Voice Bottom Single-->
                                    <div class="government-voice__bottom-single text-center">
                                        <div class="date-box">
                                            <h3><span class="icon-flag"></span> 2017</h3>
                                        </div>
                                        <p>Donec felis suscipit urna <br> nulla at tincidunt.</p>
                                    </div>
                                    <!--End Government Voice Bottom Single-->

                                    <!--Start Government Voice Bottom Single-->
                                    <div class="government-voice__bottom-single text-center">
                                        <div class="date-box">
                                            <h3><span class="icon-flag"></span> 2018</h3>
                                        </div>
                                        <p>Donec felis suscipit urna <br> nulla at tincidunt.</p>
                                    </div>
                                    <!--End Government Voice Bottom Single-->
                                </div>
                            </div>
                        </div>
                        <!--End Government Voice Bottom Content-->
                    </div>
                </div>
            </div>
            <!--End Government Voice Bottom-->
        </section>
        <!--End Government Voice -->

        <!--Start Events-style2-->
        <section class="events-style2">
            <div class="auto-container">
                <div class="sec-title text-center">
                    <div class="sub-title">
                        <h6>upcoming Events</h6>
                    </div>
                    <h2>Explore Upcoming City <br>Event Schedule</h2>
                </div>
                <div class="row">
                    <!--Start Events Style2 Single-->
                    <div class="col-xl-4 col-lg-4 wow animated fadeInUp" data-wow-delay="0.1s">
                        <div class="events-style2__single">
                            <div class="events-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/events-v2-img1.jpg" alt="#">
                                </div>
                                <div class="date-box">
                                    <p><span class="icon-calendar-1"></span>Apr 17, 2023</p>
                                </div>
                            </div>

                            <div class="events-style2__single-content text-center">
                                <h2><a href="event-details.html">The Youth Event Things <br> To Remember</a></h2>
                                <ul class="contact-info">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-wall-clock"></span>
                                        </div>
                                        <div class="text">
                                            <p>08.00AM - 06.00PM</p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-pin"></span>
                                        </div>
                                        <div class="text">
                                            <p>New Hyde Park, NY 11040</p>
                                        </div>
                                    </li>
                                </ul>
                                <div class="events-style2__single-btn">
                                    <a class="btn-one" href="event-details.html">
                                        <span class="txt">Read More</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Events Style2 Single-->

                    <!--Start Events Style2 Single-->
                    <div class="col-xl-4 col-lg-4 wow animated fadeInUp" data-wow-delay="0.3s">
                        <div class="events-style2__single">
                            <div class="events-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/events-v2-img2.jpg" alt="#">
                                </div>
                                <div class="date-box">
                                    <p><span class="icon-calendar-1"></span>Apr 17, 2023</p>
                                </div>
                            </div>

                            <div class="events-style2__single-content text-center">
                                <h2><a href="event-details.html">Process of Civil Litigation <br> Paper’s Conference</a>
                                </h2>
                                <ul class="contact-info">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-wall-clock"></span>
                                        </div>
                                        <div class="text">
                                            <p>08.00AM - 06.00PM</p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-pin"></span>
                                        </div>
                                        <div class="text">
                                            <p>New Hyde Park, NY 11040</p>
                                        </div>
                                    </li>
                                </ul>
                                <div class="events-style2__single-btn">
                                    <a class="btn-one" href="event-details.html">
                                        <span class="txt">Read More</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Events Style2 Single-->

                    <!--Start Events Style2 Single-->
                    <div class="col-xl-4 col-lg-4 wow animated fadeInUp" data-wow-delay="0.5s">
                        <div class="events-style2__single">
                            <div class="events-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/resources/events-v2-img3.jpg" alt="#">
                                </div>
                                <div class="date-box">
                                    <p><span class="icon-calendar-1"></span>Apr 17, 2023</p>
                                </div>
                            </div>

                            <div class="events-style2__single-content text-center">
                                <h2><a href="event-details.html">Protest of Violence Against <br> Women Rights</a></h2>
                                <ul class="contact-info">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-wall-clock"></span>
                                        </div>
                                        <div class="text">
                                            <p>08.00AM - 06.00PM</p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-pin"></span>
                                        </div>
                                        <div class="text">
                                            <p>New Hyde Park, NY 11040</p>
                                        </div>
                                    </li>
                                </ul>
                                <div class="events-style2__single-btn">
                                    <a class="btn-one" href="event-details.html">
                                        <span class="txt">Read More</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Events Style2 Single-->
                </div>
            </div>
        </section>
        <!--End Events-style2-->

        <!--Start Fact Counter Style1-->
        <section class="fact-counter-style1 fact-counter-style1--style2">
            <div class="auto-container">
                <div class="fact-counter-style1--style2__inner">
                    <div class="fact-counter-style1__bg"
                        style="background-image: url(assets/images/backgrounds/fact-counter-v2-bg.png);"></div>
                    <div class="row">
                        <!--Start Fact Counter Style1 Title-->
                        <div class="col-xl-5">
                            <div class="fact-counter-style1__title">
                                <div class="sec-title">
                                    <div class="sub-title">
                                        <h6>Instant Services</h6>
                                    </div>
                                    <h2>Large Scale of City <br> Numbers</h2>
                                </div>
                            </div>
                        </div>
                        <!--End Fact Counter Style1 Title-->

                        <!--Start Fact Counter Style1 Right-->
                        <div class="col-xl-7">
                            <div class="fact-counter-style1__right">
                                <ul class="fact-counter-style1__counter-box">
                                    <!--Start Fact Counter Style1 Counter Box Single-->
                                    <li class="fact-counter-style1__counter-box-single text-center">
                                        <div class="counter-box">
                                            <h2 class="odometer" data-count="4.2">00</h2>
                                            <span class="text">M</span>
                                        </div>
                                        <div class="title">
                                            <p>Total People Lived <br>in Our City</p>
                                        </div>
                                    </li>
                                    <!--End Fact Counter Style1 Counter Box Single-->

                                    <!--Start Fact Counter Style1 Counter Box Single-->
                                    <li class="fact-counter-style1__counter-box-single text-center">
                                        <div class="counter-box">
                                            <h2 class="odometer" data-count="7">00</h2>
                                            <span class="text">km<sup>2</sup></span>
                                        </div>
                                        <div class="title">
                                            <p>Square Kilometres <br> Region Covers</p>
                                        </div>
                                    </li>
                                    <!--End Fact Counter Style1 Counter Box Single-->

                                    <!--Start Fact Counter Style1 Counter Box Single-->
                                    <li class="fact-counter-style1__counter-box-single text-center">
                                        <div class="counter-box">
                                            <h2 class="odometer" data-count="3">00</h2>
                                            <span class="text">rd</span>
                                        </div>
                                        <div class="title">
                                            <p>Largesty City in our <br>Country</p>
                                        </div>
                                    </li>
                                    <!--End Fact Counter Style1 Counter Box Single-->
                                </ul>
                            </div>
                        </div>
                        <!--End Fact Counter Style1 Right-->
                    </div>
                </div>
            </div>
        </section>
        <!--End Fact Counter Style1-->


        <!--Start Team Style2-->
        <section class="team-style2" id="team">
            <div class="auto-container">
                <div class="sec-title text-center">
                    <div class="sub-title">
                        <h6>Council Members</h6>
                    </div>
                    <h2>Meet Excellent Council <br> Members</h2>
                </div>
                <div class="row">
                    <!--Start Team Style2 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="0ms"
                        data-wow-duration="1000ms">
                        <div class="team-style2__single">
                            <div class="team-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/team/team-v2-img1.jpg" alt="#">
                                </div>
                            </div>

                            <div class="team-style2__single-content text-center">
                                <h2><a href="team-details.html">Robert Gates</a></h2>
                                <p>Director</p>
                                <ul class="social-links clearfix">
                                    <li><a href="mailto:yourmail@email.com"><span class="icon-mail-1"></span></a></li>
                                    <li class="share"><a href="#"><span class="icon-share"></span></a>
                                        <ul class="social-links-inner">
                                            <li><a href="#"><i class="icon-twitter"></i></a>
                                            </li>
                                            <li><a href="#"><i class="icon-facebook-app-symbol"></i></a></li>
                                            <li><a href="#"><i class="icon-instagram"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><a href="tel:1234567890"><span class="icon-telephone"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End Team Style2 Single-->

                    <!--Start Team Style2 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInLeft" data-wow-delay="100ms"
                        data-wow-duration="1000ms">
                        <div class="team-style2__single">
                            <div class="team-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/team/team-v2-img2.jpg" alt="#">
                                </div>
                            </div>

                            <div class="team-style2__single-content text-center">
                                <h2><a href="team-details.html">Nicholas Cage</a></h2>
                                <p>Director</p>
                                <ul class="social-links clearfix">
                                    <li><a href="mailto:yourmail@email.com"><span class="icon-mail-1"></span></a></li>
                                    <li class="share"><a href="#"><span class="icon-share"></span></a>
                                        <ul class="social-links-inner">
                                            <li><a href="#"><i class="icon-twitter"></i></a>
                                            </li>
                                            <li><a href="#"><i class="icon-facebook-app-symbol"></i></a></li>
                                            <li><a href="#"><i class="icon-instagram"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><a href="tel:1234567890"><span class="icon-telephone"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End Team Style2 Single-->

                    <!--Start Team Style2 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="0ms"
                        data-wow-duration="1000ms">
                        <div class="team-style2__single">
                            <div class="team-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/team/team-v2-img3.jpg" alt="#">
                                </div>
                            </div>

                            <div class="team-style2__single-content text-center">
                                <h2><a href="team-details.html">Keanu Reeves</a></h2>
                                <p>Mayor Assistant</p>
                                <ul class="social-links clearfix">
                                    <li><a href="mailto:yourmail@email.com"><span class="icon-mail-1"></span></a></li>
                                    <li class="share"><a href="#"><span class="icon-share"></span></a>
                                        <ul class="social-links-inner">
                                            <li><a href="#"><i class="icon-twitter"></i></a>
                                            </li>
                                            <li><a href="#"><i class="icon-facebook-app-symbol"></i></a></li>
                                            <li><a href="#"><i class="icon-instagram"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><a href="tel:1234567890"><span class="icon-telephone"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End Team Style2 Single-->

                    <!--Start Team Style2 Single-->
                    <div class="col-xl-3 col-lg-6 col-md-6 wow fadeInRight" data-wow-delay="100ms"
                        data-wow-duration="1000ms">
                        <div class="team-style2__single">
                            <div class="team-style2__single-img">
                                <div class="inner">
                                    <img src="assets/images/team/team-v2-img4.jpg" alt="#">
                                </div>
                            </div>

                            <div class="team-style2__single-content text-center">
                                <h2><a href="team-details.html">Brendan Fraser</a></h2>
                                <p>Council Member</p>
                                <ul class="social-links clearfix">
                                    <li><a href="mailto:yourmail@email.com"><span class="icon-mail-1"></span></a></li>
                                    <li class="share"><a href="#"><span class="icon-share"></span></a>
                                        <ul class="social-links-inner">
                                            <li><a href="#"><i class="icon-twitter"></i></a>
                                            </li>
                                            <li><a href="#"><i class="icon-facebook-app-symbol"></i></a></li>
                                            <li><a href="#"><i class="icon-instagram"></i></a></li>
                                        </ul>
                                    </li>
                                    <li><a href="tel:1234567890"><span class="icon-telephone"></span></a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--End Team Style2 Single-->
                </div>
            </div>
        </section>
        <!--End Team Style2-->

        <!--Start Blog Style1-->
        <section class="blog-style1 blog-style1--style2" id="news">
            <div class="shape1"><img src="assets/images/shapes/blog-v1-shape1.png" alt="#"></div>
            <div class="auto-container">
                <div class="sec-title text-center">
                    <div class="sub-title">
                        <h6>City News</h6>
                    </div>
                    <h2>Know More About The City by <br> Govarnex Media</h2>
                </div>
                <div class="row">
                    <!--Start Blog Style1 Single-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay=".3s">
                        <div class="blog-style1__single">
                            <div class="blog-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/blog/blog-v2-1.jpg" alt="#">
                                </div>
                            </div>

                            <div class="blog-style1__single-content">
                                <div class="date-box">
                                    <p> <span class="icon-calendar"></span> Apr 17, 2023</p>
                                </div>
                                <h2><a href="blog-details.html">Self-Guided Driving & Tours Walk Of Greater City</a>
                                </h2>
                                <ul class="meta-box">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-user"></span>
                                        </div>
                                        <div class="text">
                                            <p><a href="#">Admin</a></p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <div class="text">
                                            <p><a href="#">0 Comment</a></p>
                                        </div>
                                    </li>
                                </ul>
                                <div class="blog-style1__single-conten-btn">
                                    <a class="btn-one" href="blog-details.html">
                                        <span class="txt">Read More</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Blog Style1 Single-->

                    <!--Start Blog Style1 Single-->
                    <div class="col-xl-4 col-lg-4 wow fadeInDown" data-wow-delay=".3s">
                        <div class="blog-style1__single">
                            <div class="blog-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/blog/blog-v2-2.jpg" alt="#">
                                </div>
                            </div>

                            <div class="blog-style1__single-content">
                                <div class="date-box">
                                    <p> <span class="icon-calendar"></span> Apr 17, 2023</p>
                                </div>
                                <h2><a href="blog-details.html">Assistance For Homes And Properties Real Estate</a></h2>
                                <ul class="meta-box">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-user"></span>
                                        </div>
                                        <div class="text">
                                            <p><a href="#">Admin</a></p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <div class="text">
                                            <p><a href="#">0 Comment</a></p>
                                        </div>
                                    </li>
                                </ul>

                                <div class="blog-style1__single-conten-btn">
                                    <a class="btn-one" href="blog-details.html">
                                        <span class="txt">Read More</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Blog Style1 Single-->

                    <!--Start Blog Style1 Single-->
                    <div class="col-xl-4 col-lg-4 wow fadeInUp" data-wow-delay=".3s">
                        <div class="blog-style1__single">
                            <div class="blog-style1__single-img">
                                <div class="inner">
                                    <img src="assets/images/blog/blog-v2-3.jpg" alt="#">
                                </div>
                            </div>

                            <div class="blog-style1__single-content">
                                <div class="date-box">
                                    <p> <span class="icon-calendar"></span> Apr 17, 2023</p>
                                </div>
                                <h2><a href="blog-details.html">Long-Term Vision Of Health & Attractive Facility</a>
                                </h2>
                                <ul class="meta-box">
                                    <li>
                                        <div class="icon">
                                            <span class="icon-user"></span>
                                        </div>
                                        <div class="text">
                                            <p><a href="#">Admin</a></p>
                                        </div>
                                    </li>

                                    <li>
                                        <div class="icon">
                                            <span class="icon-comment"></span>
                                        </div>
                                        <div class="text">
                                            <p><a href="#">0 Comment</a></p>
                                        </div>
                                    </li>
                                </ul>

                                <div class="blog-style1__single-conten-btn">
                                    <a class="btn-one" href="blog-details.html">
                                        <span class="txt">Read More</span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!--End Blog Style1 Single-->
                </div>
            </div>
        </section>
        <!--End Blog Style1-->


        <!--Start Newsletter Style1-->
        <section class="newsletter-style1">
            <div class="auto-container">
                <div class="row">
                    <!--Start Newsletter Style1 Title-->
                    <div class="col-xl-4">
                        <div class="newsletter-style1__title">
                            <h2>Subscribe To Our <br> Newsletter</h2>
                        </div>
                    </div>
                    <!--End Newsletter Style1 Title-->

                    <!--Start Newsletter Style1 Form-->
                    <div class="col-xl-8">
                        <div class="newsletter-style1__form">
                            <form action="assets/inc/sendemail.php" class="comment-one__form contact-form-validated"
                                novalidate="novalidate">
                                <div class="newsletter-style1__form-inner">
                                    <ul>
                                        <li>
                                            <div class="comment-form__input-box">
                                                <input type="text" placeholder="Your name" name="name">
                                            </div>
                                        </li>
                                        <li>
                                            <div class="comment-form__input-box">
                                                <input type="email" placeholder="Your email" name="email">
                                            </div>
                                        </li>
                                    </ul>
                                    <div class="newsletter-style1__form-btn">
                                        <button type="submit" class="btn-one newsletter-style1__form-btn">
                                            <span class="txt">Subscribe Now</span></button>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!--End Newsletter Style1 Form-->
                </div>
            </div>
        </section>
        <!--End Newsletter Style1-->

        <!--Start footer area -->
        <footer class="footer-area">
            <div class="footer-area__shape1">
                <img src="assets/images/shapes/footer-v1-shape1.png" alt="#">
            </div>
            <!--Start Footer-->
            <div class="footer">
                <div class="auto-container">
                    <div class="row">
                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.1s">
                            <div class="single-footer-widget">
                                <div class="our-company-info">
                                    <div class="footer-logo-style1">
                                        <a href="index.html">
                                            <img src="assets/images/footer/footer-logo-1.png" alt="Awesome Logo"
                                                title="">
                                        </a>
                                    </div>
                                    <div class="our-company-info__text">
                                        <p>Tincidunt neque pretium lectus donec risus. Mauris mi tempor nunc orc leo
                                            consequat vitae erat gravida lobortis nec et sagittis.</p>
                                    </div>
                                    <ul class="our-company-info__social-link">
                                        <li>
                                            <a href="#"><span class="icon-facebook-app-symbol"></span></a>
                                        </li>
                                        <li>
                                            <a href="#"><span class="icon-twitter"></span></a>
                                        </li>
                                        <li>
                                            <a href="#"><span class="icon-instagram"></span></a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->


                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.3s">
                            <div class="single-footer-widget single-footer-widget--explore">
                                <div class="title">
                                    <h3>Explore</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="#">Employment & Jobs</a></li>
                                        <li><a href="#">Government & Elections</a></li>
                                        <li><a href="#">Real Estate & Buildings</a></li>
                                        <li><a href="#">Health & Medical</a></li>
                                        <li><a href="#">Trasport & Traffic</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.5s">
                            <div class="single-footer-widget single-footer-widget--links">
                                <div class="title">
                                    <h3>Usefull Links</h3>
                                </div>
                                <div class="footer-widget-links">
                                    <ul>
                                        <li><a href="#">Administration</a></li>
                                        <li><a href="#">Fire Services</a></li>
                                        <li><a href="#">Business & Taxation</a></li>
                                        <li><a href="#">Circular’s And Go’s</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->

                        <!--Start single footer widget-->
                        <div class="col-xl-3 col-lg-6 col-md-6 col-sm-12 wow animated fadeInUp" data-wow-delay="0.7s">
                            <div class="single-footer-widget footer-widget--contact">
                                <div class="title">
                                    <h3>Contact</h3>
                                </div>
                                <div class="footer-widget--contact-info">
                                    <div class="footer-widget--contact-info-text">
                                        <p>Tortor neque sed tellus est eget dui id ante tristique tristique dolor.</p>
                                    </div>
                                    <ul>
                                        <li>
                                            <div class="icon">
                                                <span class="icon-pin"></span>
                                            </div>
                                            <div class="text">
                                                <p>New Hyde Park, NY 11040</p>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="icon">
                                                <span class="icon-mail-1"></span>
                                            </div>
                                            <div class="text">
                                                <p><a href="mailto:yourmail@email.com">example@govarnex.com</a></p>
                                            </div>
                                        </li>

                                        <li>
                                            <div class="icon">
                                                <span class="icon-telephone"></span>
                                            </div>
                                            <div class="text">
                                                <p><a href="tel:3336660000">333 666 0000</a></p>
                                            </div>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!--End single footer widget-->
                    </div>
                </div>
            </div>
            <!--End Footer-->

            <div class="footer-bottom">
                <div class="container">
                    <div class="bottom-inner text-center">
                        <div class="copyright">
                            <p>Copyright 2023 by <a href="#">govarnex</a> All Right Reserved.</p>
                        </div>
                    </div>
                </div>
            </div>

        </footer>
        <!--End footer area-->

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

    <div class="mobile-nav__wrapper">
        <div class="mobile-nav__overlay mobile-nav__toggler"></div>
        <div class="mobile-nav__content">
            <span class="mobile-nav__close mobile-nav__toggler">
                <i class="icon-plus"></i>
            </span>
            <div class="logo-box">
                <a href="index.html" aria-label="logo image">
                    <img src="assets/images/resources/mobile-nav-logo.png" alt="" />
                </a>
            </div>
            <div class="mobile-nav__container"></div>
            <ul class="mobile-nav__contact list-unstyled">
                <li>
                    <i class="fa fa-envelope"></i>
                    <a href="mailto:info@example.com">info@example.com</a>
                </li>
                <li>
                    <i class="fa fa-phone-alt"></i>
                    <a href="tel:123456789">444 000 777 66</a>
                </li>
            </ul>
            <div class="mobile-nav__social">
                <a href="#" class="fab fa-twitter"></a>
                <a href="#" class="fab fa-facebook-square"></a>
                <a href="#" class="fab fa-pinterest-p"></a>
                <a href="#" class="fab fa-instagram"></a>
            </div>

        </div>
    </div>

    <div class="search-popup">
        <div class="search-popup__overlay search-toggler"></div>
        <div class="search-popup__content">
            <form action="#">
                <label for="search" class="sr-only">search here</label>
                <input type="text" id="search" placeholder="Search Here..." />
                <button type="submit" aria-label="search submit" class="thm-btn">
                    <i class="icon-search-1"></i>
                </button>
            </form>
        </div>
    </div>


    <a href="#" data-target="html" class="scroll-to-target scroll-to-top">
        <i class="icon-down-arrow"></i>
    </a>

    <script src="assets/vendors/jquery/jquery-3.6.0.min.js"></script>
    <script src="assets/vendors/bootstrap/js/bootstrap.bundle.min.js"></script>
    <script src="assets/vendors/bootstrap-select/js/bootstrap-select.min.js"></script>
    <script src="assets/vendors/bxslider/jquery.bxslider.min.js"></script>
    <script src="assets/vendors/circleType/jquery.circleType.js"></script>
    <script src="assets/vendors/circleType/jquery.lettering.min.js"></script>
    <script src="assets/vendors/isotope/isotope.js"></script>
    <script src="assets/vendors/jquery-ajaxchimp/jquery.ajaxchimp.min.js"></script>
    <script src="assets/vendors/jquery-appear/jquery.appear.min.js"></script>
    <script src="assets/vendors/jquery-magnific-popup/jquery.magnific-popup.min.js"></script>
    <script src="assets/vendors/jquery-migrate/jquery-migrate.min.js"></script>
    <script src="assets/vendors/jquery-ui/jquery-ui.js"></script>
    <script src="assets/vendors/jquery-validate/jquery.validate.min.js"></script>
    <script src="assets/vendors/nice-select/jquery.nice-select.min.js"></script>
    <script src="assets/vendors/nouislider/nouislider.min.js"></script>
    <script src="assets/vendors/odometer/odometer.min.js"></script>
    <script src="assets/vendors/owl-carousel/owl.carousel.min.js"></script>
    <script src="assets/vendors/parallax/parallax.min.js"></script>
    <script src="assets/vendors/swiper/swiper.min.js"></script>
    <script src="assets/vendors/timepicker/timePicker.js"></script>
    <script src="assets/vendors/tiny-slider/tiny-slider.min.js"></script>
    <script src="assets/vendors/typed-2.0.11/typed-2.0.11.js"></script>
    <script src="assets/vendors/vegas/vegas.min.js"></script>
    <script src="assets/vendors/wnumb/wNumb.min.js"></script>
    <script src="assets/vendors/wow/wow.js"></script>
    <script src="assets/vendors/jarallax/jarallax.min.js"></script>

    <!-- Template js -->
    <script src="assets/js/custom.js"></script>


</body>

</html>
Youez - 2016 - github.com/yon3zu
LinuXploit