<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title><?php echo $__env->yieldContent('title'); ?></title>
    <meta name="robots" content="noindex, follow" />
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Favicon -->
    <link rel="shortcut icon" type="image/x-icon" href="/assets/images/wese/wese_logo.png">

    <!-- CSS
	============================================ -->

    <!-- Vendor CSS (Bootstrap & Icon Font) -->
    <!-- <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-awesome-pro.min.css">
    <link rel="stylesheet" href="assets/css/vendor/font-gilroy.css"> -->

    <!-- Plugins CSS (All Plugins Files) -->
    <!-- <link rel="stylesheet" href="assets/css/plugins/select2.min.css">
    <link rel="stylesheet" href="assets/css/plugins/perfect-scrollbar.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
    <link rel="stylesheet" href="assets/css/plugins/nice-select.css">
    <link rel="stylesheet" href="assets/css/plugins/ion.rangeSlider.min.css">
    <link rel="stylesheet" href="assets/css/plugins/photoswipe.css">
    <link rel="stylesheet" href="assets/css/plugins/photoswipe-default-skin.css">
    <link rel="stylesheet" href="assets/css/plugins/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css"> -->

    <!-- Main Style CSS -->
    <!-- <link rel="stylesheet" href="assets/css/style.css"> -->

    <!-- Use the minified version files listed below for better performance and remove the files listed above -->
    <link rel="stylesheet" href="/assets/css/vendor/vendor.min.css">
    <link rel="stylesheet" href="/assets/css/plugins/plugins.min.css">
    <link rel="stylesheet" href="/assets/css/style.css">
    <link rel="stylesheet" href="/assets/css/mobile_wese.css">

</head>

<body>

    <div id="page" class="section">
        <!-- Header Section Start -->
         <div class="header-section header-fluid sticky-header section">
            <div class="header-inner" style="background-color:#000 !important">
                <div class="container position-relative">
                    <div class="row justify-content-between align-items-center" style="margin:0">

                        <!-- Header Logo Start -->
                        <div class="col-xl-3 col-auto pad_0">
                            <div class="header-logo">
                                <a href="/">
                                    <img class="dark-logo" src="/assets/images/wese/wese_logo.png" alt="Wese Logo">
                                    <img class="light-logo" src="/assets/images/wese/wese_logo.png" alt="Wese Logo">
                                </a>
                            </div>
                        </div>
                        <!-- Header Logo End -->

                        <!-- Header Right Start -->
                        <div class="col-xl-6 col-auto">
                            <div class="header-right">
                                <div class="inner">

                                    <!-- Header language Start -->
                                    
                                    <!-- Header Mobile Menu Toggle Start -->
                                    <div class="header-mobile-menu-toggle d-xl-none ml-sm-2">
                                        <button class="toggle">
                                            <i class="icon-top" style="background-color:#D4AF37"></i>
                                            <i class="icon-middle" style="background-color:#D4AF37"></i>
                                            <i class="icon-bottom" style="background-color:#D4AF37"></i>
                                        </button>
                                    </div>
                                    <!-- Header Mobile Menu Toggle End -->
                                </div>
                            </div>
                        </div>
                        <!-- Header Right End -->

                    </div>
                </div>
            </div>
        </div>
        <!-- Header Section End -->





        <?php echo $__env->yieldContent('content'); ?>




        <div class="footer-section section" data-bg-color="#000">
            <div class="container">

                <div class="row">
                    <div class="col-lg-6">
                        <img src="/assets/images/wese/wese_logo.png">
                    </div>
                    
                </div>

                <!-- Footer Top Widgets Start -->
                <div class="row">

                    <!-- Footer Widget Start -->
                    <div class="col-xl-4 col-md-4 col-12 max-mb-50" style="border-bottom:1px solid #fff;margin:0px 16px">
                        <div class="footer-widget light-color">
                            <h2 class="footer-widget-title" style="font-family: Roboto-Thin;font-size: 36px;">Who <span style="color:#F8A517;font-family:Roboto">we are?</span></h2>
                            <div class="footer-widget-content">
                                <div class="content" style="padding-bottom: 96px;">

                                    <p style="color:#fff;font-family:Roboto-Thin;font-size:14px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Feugiat urna cursus ornare facilisis commodo sit faucibus. Natoque fermentum ultricies id amet pellentesque morbi sapien. Tempus eget ut ut neque. Pharetra commodo aliquam dis elit egestas. Mattis mattis vel condimentum nec. Viverra erat eget pharetra morbi venenatis integer amet in auctor. Sit magna viverra diam sed ultrices risus. Semper vitae enim suscipit pulvinar vel.
                                    </p>

                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-xl-4 col-md-4 col-12 max-mb-50" style="border-bottom:1px solid #fff;margin:0px 16px">
                        <div class="footer-widget light-color">
                            <h2 class="footer-widget-title" style="font-family: Roboto-Thin;font-size: 36px;">How to<span style="color:#F8A517;font-family:Roboto">reach us</span></h2>
                            <div class="footer-widget-content" style="padding-bottom: 96px;">

                                <p style="color:#fff;font-family:Roboto-Thin;font-size:14px">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Feugiat urna cursus ornare facilisis commodo sit faucibus. Natoque fermentum ultricies id amet pellentesque morbi sapien. Tempus eget ut ut neque. Pharetra commodo aliquam dis elit egestas. Mattis mattis vel condimentum nec. Viverra erat eget pharetra morbi venenatis integer amet in auctor. Sit magna viverra diam sed ultrices risus. Semper vitae enim suscipit pulvinar vel.
                                </p>


                                <h2 class="footer-widget-title" style="font-family: Roboto-Light;font-size: 20px;color:#696969">Tufuate</h2>
                                <div class="footer-widget-content">
                                 <div class="footer-social-inline">
                                        <a href="#"><i class="fab fa-facebook-square" style="color:#fff"></i></a>
                                        <a href="#"><i class="fab fa-twitter" style="color:#fff"></i></a>
                                        <a href="#"><i class="fab fa-instagram" style="color:#fff"></i></a>
                                    </div>
                                </div>
                             
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                    <!-- Footer Widget Start -->
                    <div class="col-xl-4 col-md-4 col-12 max-mb-50" style="padding-bottom: 4em;border-bottom:1px solid #fff;margin:0px 16px">
                        <div class="footer-widget light-color" style="padding-bottom: 24px;" >
                            <h2 class="footer-widget-title" style="font-family: Roboto-Thin;font-size: 36px;">Fahamu <span style="color:#F8A517;font-family:Roboto">zaidi</span></h2>
                            <div class="footer-widget-content">
                                <div>
                                <a href="/tnc" class="btn" style="font-size: 12px;background:transparent; border:1px solid #F8A517;color: #F8A517 ; border-radius: 82px;">Vigezo na masharti</a>
                                <a href="/contact" class="btn" style="font-size: 12px;margin-top: 8px;background:transparent; border:1px solid #F8A517;color: #F8A517 ; border-radius: 82px;">Mawasiliano</a>
                                </div>
                                <div style="margin-top: 8px">
                                <a class="btn" style=" font-size: 12px;background:transparent; border:1px solid #F8A517;color: #F8A517 ; border-radius: 82px;">Washirika</a>
                                <a href="/qna" class="btn" style=" font-size: 12px;background:transparent; border:1px solid #F8A517;color: #F8A517 ; border-radius: 82px;">Maswali na majibu</a>
                                </div>
                            </div>
                            <div  style="margin:36px 0px">
                                <a href="#" class="scroll-top col-2" id="scroll-top" style="float: right;visibility: visible;opacity: 1;position: relative;bottom: 20%;background: transparent;border: 2px solid #F8A517 ;">
                                <i class="arrow-top fal fa-long-arrow-up" style="color:#F8A517"></i>
                                <i class="arrow-bottom fal fa-long-arrow-up" style="color: #F8A517"></i>
                                </a> 
                            </div>
                        </div>
                    </div>
                    <!-- Footer Widget End -->

                </div>


                <!-- Footer Copyright Start -->
                <div class="row max-mt-20">
                    <div class="col-11">
                        <p class="copyright " style="padding:0.5em;font-size:12px">&copy; 2022 WESE Energies Limited. Haki zote zimehifadhiwa </p>
                        
                    </div>
                </div>
                <!-- Footer Copyright End -->

            </div>
        </div>

        
    </div>

    <div id="site-main-mobile-menu" class="site-main-mobile-menu">
        <div class="site-main-mobile-menu-inner" style="width:100%">
            <div class="mobile-menu-header" style="background: #000;">
               
                <div class="mobile-menu-close" style="float:right">
                    <button class="toggle">
                        <i class="icon-top" style="background-color:#fff !important"></i>
                        <i class="icon-bottom" style="background-color:#fff !important"></i>
                    </button>
                </div>
            </div>
            <div class="mobile-menu-content" style="background: #000;">
                 <div class="mobile-menu-logo" style="text-align:center;">
                    <a href="/"><img class="dark-logo" src="/assets/images/wese/wese_logo.png" alt=" Logo"></a>
                </div>
                <nav class="site-mobile-menu" style="padding-top:2em">
                    <ul style="text-align:center;">
                       
                       
                        <li style="">
                            <a href="#" style="font-size: 24px;font-family: Roboto-Light;"><span class="menu-text">Nyumbani</span></a>
                        </li>
                        <li >
                            <a href="#" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">Dereva</span></a>
                        </li>
                        <li>
                            <a href="#" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">Wakala</span></a>
                        </li>
                        <li>
                            <a href="/qna" style="font-size: 24px;border-top:none;font-family: Roboto-Light"><span class="menu-text" style="color:#F8A517">Maswali Na Majibu</span></a>
                        </li>

                        <li>
                            <a href="#" style="font-size: 24px;border:none;display: inline;margin-right: 0.5em;"><i class="fab fa-facebook-square" style="color:#fff"></i></a>
                            <a href="#" style="font-size: 24px;border:none;display: inline;margin-right: 0.5em;"><i class="fab fa-twitter" style="color:#fff"></i></a>
                            <a href="#" style="font-size: 24px;border:none;display: inline;margin-right: 0.5em;"><i class="fab fa-instagram" style="color:#fff"></i></a>
                        </li>
                        
                    </ul>
                </nav>
            </div>
        </div>
    </div>

                <!-- JS
            ============================================ -->

                <!-- Vendors JS -->
                <!-- <script src="assets/js/vendor/modernizr-3.6.0.min.js"></script>
            <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
            <script src="assets/js/vendor/jquery-migrate-3.3.2.min.js"></script>
            <script src="assets/js/vendor/bootstrap.bundle.min.js"></script> -->

                <!-- Plugins JS -->
                <!-- <script src="assets/js/plugins/parallax.min.js"></script>
            <script src="assets/js/plugins/jquery.ajaxchimp.min.js"></script> -->

        <!-- Use the minified version files listed below for better performance and remove the files listed above -->
        <script src="/assets/js/vendor/vendor.min.js"></script>
        <script src="/assets/js/plugins/plugins.min.js"></script>

    <!-- Main Activation JS -->
    <script src="/assets/js/main.js"></script>
    <script src="/assets/js/wese.js"></script>





</body>

</html><?php /**PATH /Users/herman/Desktop/Dwnlds/projects/wese/resources/views/mobile/mobile_mainlayout.blade.php ENDPATH**/ ?>