<?php
include 'classes/database.class.php';
include 'classes/admin.class.php';
// setcookie("gift_claimed", "yes", time() - 100000000);

// if (isset($_POST['claim_gift'])) {

//     $fullname = $_POST['fullname'];
//     $phone = $_POST['phone'];

//     $to = 'mannehills@gmail.com';
//     $subject = 'BuraSolutions Gift Claim';
//     $message ="Full Name: ".$fullname."  Phone:".$phone." ";


//     // $message = "Name: ".$name."  Email:".$email."   Subject: ".$title."  Message: ".$message."   ";


//     $from = "support@burasolutions.com";

//     // Sending email
//     if (mail($to, $subject, $message)) {
//         setcookie("gift_claimed", "yes", time() + 100000000);
//         echo '
//     <script>
//     window.location.href="./?gift_claimed";
//     </script>
//     ';
//     } else {
//         // setcookie("gift_claimed", "yes", time() + 100000000);
//         echo '
//     <script>
//     window.location.href="./?gift_not_claimed";
//     </script>
//     ';
//     }
// }
?>


<!doctype html>
<html lang="zxx">


<meta http-equiv="content-type" content="text/html;charset=UTF-8" />

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta name="keywords" content="" />
    <title>BuraSolutions - Welcome</title>
    <link href="http://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600&amp;display=swap" rel="stylesheet">
    <!-- Template CSS -->
    <link rel="stylesheet" href="assets/css/style-liberty.css?v=1">
    <link rel="stylesheet" href="assets/css/root.css">

    <!-- Favicon -->
    <link href="assets/images/buralogo.png" rel="shortcut icon" />
</head>

<body>

    <!-- <?php
    if (!isset($_COOKIE['gift_claimed'])) {
        ?>
        <section class="gift-modal-background">
            <div class="box">
                <i class="fa fa-times-circle close-btn close-gift-modal-background"></i>
                <div class="image-container">
                    <img src="assets/images/gift2.svg" alt="" class="image">
                </div>
                <div class="title">Claim Gift!</div>
                <form action="" method="POST">
                    <div class="description">Enter full name and phone number to claim now!</div>
                    <div class="field-container">
                        <input type="text" name="fullname" placeholder="Enter Full Name" class="field" required>
                        <input type="tel" name="phone" placeholder="Enter Phone number" class="field" required>
                    </div>
                    <div class="submit-btn-container">
                        <button class="submit-btn" name="claim_gift">Claim Now ></button>
                    </div>
                </form>
            </div>
        </section>
    <?php
    }
    ?> -->

    <!-- SOLAFRICA -->
    <!-- <section class="gift-modal-background">
        <div class="box">
            <i class="fa fa-times-circle close-btn close-gift-modal-background"></i>
            <div class="image-container">
                <img src="product_images/62719b2ba2d89product1.PNG" alt="" class="image">
            </div>
            <div class="title">Get matched!</div>
            <div style="text-align: center;">
                <p style="width:90%; margin:auto;">Click <a target="_blank" style="text-decoration: underline;"
                        href="https://solafrica.burasolutions.com/">here</a> to get connected with an installer
                    today.</p>
            </div>
        </div>
    </section> -->

    <body>
        <!-- New toolbar-->
        <style>
        * {
            box-sizing: border-box;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
        }
        </style>

        <!--header-->
        <?php include 'header.php'; ?>
        <!--/header-->
        <!-- main-slider -->
        <section class="w3l-main-slider" id="home">
            <div class="companies20-content">
                <div class="owl-one owl-carousel owl-theme">
                    <div class="item">
                        <li>
                            <div class="slider-info banner-view bg bg2">
                                <div class="banner-info">
                                    <div class="container">

                                        <div class="banner-info-bg">
                                            <h6>We are best at what we do.</h6>
                                            <h5>We provide the best Renewable Energy services. </h5>
                                            <!-- <p class="mt-md-4 mt-3">Lorem ipsum dolor sit amet consectetur ipsum elit. Qui eligendi vitae sit.Ea
                                                ipsum sed consequuntur illum facere.
                                            </p> -->
                                            <a class="btn btn-style btn-outline-light mt-sm-5 mt-4" href="about">
                                                Read More <span class="fa fa-arrow-right  ml-3"
                                                    aria-hidden="true"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </div>
                    <div class="item">
                        <li>
                            <div class="slider-info  banner-view bg bg2">
                                <div class="banner-info">
                                    <div class="container">
                                        <div class="banner-info-bg">
                                            <h6>We care so much about your satisfaction.</h6>
                                            <h5>You dream of constant power. We bring it to reality </h5>
                                            <!-- <p class="mt-md-4 mt-3">Lorem ipsum dolor sit amet consectetur ipsum elit. Qui eligendi vitae sit.Ea
                                                ipsum sed consequuntur illum facere.
                                            </p> -->
                                            <a class="btn btn-style btn-outline-light mt-sm-5 mt-4 " href="about">
                                                Read More <span class="fa fa-arrow-right ml-3"
                                                    aria-hidden="true"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </div>
                    <div class="item">
                        <li>
                            <div class="slider-info banner-view bg bg2">
                                <div class="banner-info">
                                    <div class="container">
                                        <div class="banner-info-bg">
                                            <h6>We Have a Great team.</h6>
                                            <h5>We deploy our Professionals to Deliver Quality to you. </h5>
                                            <!-- <p class="mt-md-4 mt-3">Lorem ipsum dolor sit amet consectetur ipsum elit. Qui eligendi vitae sit.Ea
                                                ipsum sed consequuntur illum facere.
                                            </p> -->
                                            <a class="btn btn-style btn-outline-light mt-sm-5 mt-4" href="about">
                                                Read More <span class="fa fa-arrow-right  ml-3"
                                                    aria-hidden="true"></span></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </div>

                </div>
                <!--/w3l-industry-address-->
                <div class="w3l-industry-address">
                    <div class="one-address">
                        <div class="left">
                            <div class="ad-icon">
                                <span class="fa fa-phone"></span>
                            </div>
                        </div>
                        <div class="content">
                            <p>Call Us:</p>
                            <h5 style="font-size:16px !important">07019342043</h5>
                        </div>
                    </div>
                    <div class="one-address">
                        <div class="left">
                            <div class="ad-icon">
                                <span class="fa fa-envelope-o"></span>
                            </div>
                        </div>
                        <div class="content">
                            <p>Email Us:</p>
                            <h5 style="font-size:16px !important"><a href="mailto:buradum@burasolutions.com"
                                    class="mail">buradum@burasolutions.com</a></h5>
                        </div>
                    </div>
                </div>
                <!--//w3l-industry-address-->
            </div>
        </section>
        <!-- /main-slider -->
        <!--/about-section -->
        <section class="w3l-index1 py-5" id="about">
            <div class="container py-lg-5 py-md-3">
                <div class="header-section text-center mx-0 mb-md-5 mb-4">
                    <h6 class="title-subhny">About Our Company</h6>
                    <h3 class="title-w3l mt-2">We provide the best Renewable <br> energy solutions to satisfy your power
                        demands.</h3>
                </div>
                <div class="row">
                    <div class="col-lg-6 mb-lg-0 mb-md-5 mb-4 align-self">
                        <h4 class="title-sub">We provide the best Renewable <br> energy solutions to satisfy your power
                            demands</h4>
                        <p class="mt-md-4 mt-3">BuraSolutions Energy is an integrated engineering company with total
                            commitment to
                            customer service. Our technical team is embedded with qualified personnel providing
                            reliable,
                            cost effective and sustainable engineering solutions leveraging on quality, performance and
                            price competiveness. We offer a wide range of services which includes: solar water
                            technology, installation and maintenance of solar power systems to meet the power
                            requirements of residential, business/offices, oil and gas, telecommunication industries,
                            corporate organizations as well as government agencies.</p>
                        <a class="btn btn-style btn-primary mt-sm-5 mt-4 mr-2" href="about">Read More <span
                                class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a>
                    </div>
                    <div class="col-lg-6 pl-lg-5">
                        <div class="position-relative">
                            <img src="assets/images/img/burasolutions_logo_transparent.png" alt=""
                                class="radius-image img-fluid">
                            <!-- style="box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1)" -->
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- //about-section -->



        <!--NEWWW-->
        <section class="w3l-index1 py-5">
            <div class="container py-lg-5 py-md-3">
                <div class="header-section text-center mx-0 mb-md-5 mb-4">
                    <h6 class="title-subhny">News</h6>
                    <h3 class="title-w3l mt-2">Read Latest Updates from BuraSolutions Energy</h3>
                </div>
                <div class="row">
                    <div class="col-lg-6 mb-lg-0 mb-md-5 mb-4 align-self">
                        <h4 class="title-sub">Burasolutions Academy is named winner in a global climate award for its
                            work in empowering marginalized communities.</h4>
                        <p class="mt-md-4 mt-3">Burasolutions Solar Academy has been named as a winner in the
                            prestigious Ashden Awards for climate innovation for its work in accelerating the energy
                            transition through green skills. The announcement was made at a global celebration in London
                            on Tuesday 14 November.
                            <br><br>
                            It was a tough competition for the awards and Burasolutions Solar Academy was chosen from
                            over 200 applicants for its pioneering work and will receive a grant, publicity and support
                            to grow and replicate their innovation.
                            <br><br>
                            <a class="btn btn-style btn-primary mt-sm-5 mt-4 mr-2"
                                href="https://blog.burasolutions.com/2023/11/15/burasolutions-academy-is-named-winner-in-a-global-climate-award-for-its-work-in-empowering-marginalized-communities/"
                                target="_blank">Read More <span class="fa fa-arrow-right ml-2"
                                    aria-hidden="true"></span></a>
                        </p>
                    </div>
                    <div class="col-lg-6 pl-lg-5">
                        <div class="position-relative">
                            <img style='width: 100%' src="assets/images/ashden-winners.jpeg" alt="" </div>
                        </div>
                    </div>
        </section>

        <section class="w3l-index1 py-5">
            <div class="container py-lg-5 py-md-3">
                <div class="row">
                    <div class="col-lg-6 mb-lg-0 mb-md-5 mb-4 align-self">
                        <h4 class="title-sub">2023 Ashden Awards</h4>
                        <p class="mt-md-4 mt-3">We are excited to announce we are finalists for the 2023 #AshdenAward
                            for Powering Futures in Clean Energy for building the workforce to energise the Global
                            South.
                            <br><br>
                            We are among one of sixteen outstanding organisations delivering innovative climate
                            solutions that have reached the finals of the prestigious <a
                                href="https://ashden.org/awards/" target="_blank"
                                style="text-decoration:underline;color:#28a745;font-weight:bold">2023 Ashden Awards</a>.
                            We are one of just two finalists in the category of Powering Futures in Clean Energy for
                            building the workforce to energise the Global South.
                            <br><br>
                            At Burasolutions, we are committed to providing clean energy and providing green skills to
                            young people and women in marginalised communities.
                            You can see the full list of finalists here: <a href="https://bit.ly/3E8isA0"
                                target="_blank"
                                style="text-decoration:underline;color:#28a745;font-weight:bold">https://bit.ly/3E8isA0.</a>
                        </p>
                        <a class="btn btn-style btn-primary mt-sm-5 mt-4 mr-2"
                            href="https://blog.burasolutions.com/2023/11/14/post-one/" target="_blank">Read More <span
                                class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a>
                    </div>
                    <div class="col-lg-6 pl-lg-5">
                        <div class="position-relative">
                            <!--<img src="assets/images/Ashden (5).jpeg" alt=""-->
                            <!--    class="radius-image img-fluid">-->
                            <video style="width: 100%;" poster="assets/images/Ashden (5).jpeg" controls>
                                <source src="assets/images/ashden-video.mp4" type="video/mp4">
                            </video>
                            <!-- style="box-shadow:1px 1px 10px rgba(0, 0, 0, 0.1)" -->
                        </div>
                    </div>
                </div>
            </div>
            <!--<a href="https://drive.google.com/drive/folders/1cGq_EzPATfWvmy3LqDAAlTfVLoaUPOql">Video</a>-->
        </section>



        <!--NEWWW ENDS-->




        <div style="margin: 8px auto; display: block; text-align:center;">

            <!---728x90--->


        </div>


        <!--<?php-->
        <!--$result = $db->setQuery("SELECT * FROM products;");-->
        <!--$numrows = mysqli_num_rows($result);-->

        <!--if ($numrows > 0) {-->
        <!--    ?>-->
        <!--<section class="w3l-text-11 py-5" id="blogs">-->
        <!--    <div class="container py-lg-5 py-md-4 py-2">-->
        <!--        <div class="header-section text-center mx-0 mb-md-5 mb-4">-->
        <!--            <h6 class="title-subhny">Purchase products</h6>-->
        <!--            <h3 class="title-w3l mt-2">Our Shop</h3>-->
        <!--        </div>-->
        <!--        <div class="row text11-content">-->
        <!--            <?php-->
        <!--                while ($row = mysqli_fetch_assoc($result)) {-->
        <!--                    ?>-->
        <!--            <div class="col-md-4 item mt-lg-0 mb-5">-->
        <!--                <div class="card">-->
        <!--                    <div class="card-header p-0 position-relative border-0">-->
        <!--                        <a href="product?i=<?php echo $row['product_id']; ?>">-->
        <!--                            <img class="card-img-bottom d-block radius-image"-->
        <!--                                src="product_images/<?php echo $row['image1']; ?>" style="max-height:300px;"-->
        <!--                                alt="Card image cap">-->
        <!--                        </a>-->
        <!--                    </div>-->
        <!--                    <div class="card-body p-0 blog-details">-->
        <!--                        <h6 class="mt-4">-->
        <!--                            <?php echo $row['date']; ?>-->
        <!--                        </h6>-->
        <!--                        <a href="#admin" class="admin">- by BuraSolutions </a>-->
        <!--                        <br>-->
        <!--                        <a href="product?i=<?php echo $row['product_id']; ?>"-->
        <!--                            class="blog-desc"><?php echo $admin->shortenLength($row['name'], 50, "..."); ?></a>-->

        <!--                        <a href="product?i=<?php echo $row['product_id']; ?>"-->
        <!--                            class="btn btn-style btn-primary mt-lg-4 mt-4">Purchase <span-->
        <!--                                class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a>-->
        <!--                    </div>-->
        <!--                </div>-->
        <!--            </div>-->
        <!--            <?php-->
        <!--                }-->
        <!--                ?>-->

        <!--        </div>-->
        <!--    </div>-->
        <!--</section>-->
        <!--<?php-->
        <!--}-->
        <!--?>-->



        <!-- PACKAGES -->
        <section class="w3l-text-11 py-5">
            <div class="container py-lg-5 py-md-4 py-2">
                <div class="header-section text-center mx-0 mb-md-5 mb-4">
                    <h6 class="title-subhny">Packages</h6>
                    <h3 class="title-w3l mt-2">Our Packages</h3>
                </div>
                <div class="row text11-content">
                    <div class="col-md-4 item mt-lg-0 mb-5">
                        <div class="card">
                            <div class="card-header p-0 position-relative border-0">
                                <a>
                                    <img src="assets\images\package1.jpg" alt="" style="width: 100%;"
                                        data-toggle="modal" data-target="#exampleModal">
                                </a>
                            </div>
                            <div class="card-body p-0 blog-details">
                                <h6 class="mt-4">28-06-2022</h6>
                                <a class="admin">- by BuraSolutions </a>
                                <br>
                                <a data-toggle="modal" data-target="#exampleModal" class="blog-desc"
                                    style="margin-bottom: 2.5rem;">1.1KVA/12V Inverter and Battery Package</a>
                                <a data-toggle="modal" data-target="#exampleModal" class="mt-lg-4 mt-4" id="purchase"
                                    style="background-color:#07172b; color:#fff; padding:20px 30px; border-radius:30px;">
                                    Purchase <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 item mt-lg-0 mb-5">
                        <div class="card">
                            <div class="card-header p-0 position-relative border-0">
                                <a>
                                    <img src="assets\images\package3.jpg" alt="" style="width: 100%;"
                                        data-toggle="modal" data-target="#exampleModal2">
                                </a>
                            </div>
                            <div class="card-body p-0 blog-details">
                                <h6 class="mt-4">28-06-2022</h6>
                                <a class="admin">- by BuraSolutions </a>
                                <br>
                                <a data-toggle="modal" data-target="#exampleModal2" class="blog-desc"
                                    style="margin-bottom: 2.5rem;">2.5KVA Inverter Power Backup Package</a>
                                <a data-toggle="modal" data-target="#exampleModal2" class="mt-lg-4 mt-4" id="purchase"
                                    style="background-color:#07172b; color:#fff; padding:20px 30px; border-radius:30px;">
                                    Purchase <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 item mt-lg-0 mb-5">
                        <div class="card">
                            <div class="card-header p-0 position-relative border-0">
                                <a>
                                    <img src="assets\images\package2.jpg" alt="" style="width: 100%;"
                                        data-toggle="modal" data-target="#exampleModal3">
                                </a>
                            </div>
                            <div class="card-body p-0 blog-details">
                                <h6 class="mt-4">28-06-2022</h6>
                                <a class="admin">- by BuraSolutions </a>
                                <br>
                                <a data-toggle="modal" data-target="#exampleModal3" class="blog-desc"
                                    style="margin-bottom: 2.5rem;">2.5KVA Complete Solar Package</a>
                                <a data-toggle="modal" data-target="#exampleModal3" class="mt-lg-4 mt-4" id="purchase"
                                    style="background-color:#07172b; color:#fff; padding:20px 30px; border-radius:30px;">
                                    Purchase <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span>
                                </a>
                            </div>
                        </div>
                    </div>

                    <div class="col-md-4 item mt-lg-0 mb-5">
                        <div class="card" style="margin-top:2rem;">
                            <div class="card-header p-0 position-relative border-0">
                                <a>
                                    <img src="assets\images\package4.jpg" alt="" style="width: 100%;"
                                        data-toggle="modal" data-target="#exampleModal4">
                                </a>
                            </div>
                            <div class="card-body p-0 blog-details">
                                <h6 class="mt-4">28-06-2022</h6>
                                <a class="admin">- by BuraSolutions </a>
                                <br>
                                <a data-toggle="modal" data-target="#exampleModal4" class="blog-desc"
                                    style="margin-bottom: 2.5rem;">5KVA Complete Solar Package</a>
                                <a data-toggle="modal" data-target="#exampleModal4" class="mt-lg-4 mt-4" id="purchase"
                                    style="background-color:#07172b; color:#fff; padding:20px 30px; border-radius:30px;">
                                    Purchase <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span>
                                </a>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>


        <!-- BUY MODAL -->
        <div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">1.1KVA/12V Inverter and Battery Package</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="" method="POST" class="purchase-form">
                            <label>Description</label>
                            <textarea name="description" rows="6" readonly>1.1KVA/12V Inverter + 12V/220Ah battery. 
Recommended loads: TV, 1 fan, bulbs, sockets, and other minor loads. Cost: 254,500NGN
N/B: This budget doesn't include cost for cables as it depends on your existing electrical wiring.
                                </textarea>

                            <label>Fullname</label>
                            <input type="text" name="fullname">

                            <label>Phone</label>
                            <input type="text" name="phone">

                            <label>Email</label>
                            <input type="text" name="email">

                    </div>
                    <div class="modal-footer" style="display:flex; justify-content:left;">
                        <input type="submit" name="submit" id="submit" value="Purchase Now">
                    </div>
                    </form>

                </div>
            </div>
        </div>



        <div class="modal fade" id="exampleModal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">2.5KVA Inverter Power Backup Package</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="" method="POST" class="purchase-form">
                            <label>Description</label>
                            <textarea name="description" rows="6" readonly>2.5KVA/24V Inverter + 2*12V/220Ah battery. 
Recommended loads: Freezer, TV, fans, bulbs, sockets, and other minor loads. Cost: 430,000NGN
N/B: This budget doesn't include cables and other accessories.
                                </textarea>

                            <label>Fullname</label>
                            <input type="text" name="fullname">

                            <label>Phone</label>
                            <input type="text" name="phone">

                            <label>Email</label>
                            <input type="text" name="email">

                    </div>
                    <div class="modal-footer" style="display:flex; justify-content:left;">
                        <input type="submit" name="submit" id="submit" value="Purchase Now">
                    </div>
                    </form>

                </div>
            </div>
        </div>



        <div class="modal fade" id="exampleModal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">2.5KVA Complete Solar Package</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="" method="POST" class="purchase-form">
                            <label>Description</label>
                            <textarea name="description" rows="8"
                                readonly>2.5KVA/24V Inverter + 2 sets 12V/220Ah battery + 4 sets 300W solar panels + 24v/60A MPPT charge controller.
Recommended loads: 1 freezer, TV, fans, Bulbs, sound system, decoder,  sockets and other minor loads. Cost: 847,000NGN
Note: This budget doesn't include cost for cables as it depends on your existing electrical wiring.                               </textarea>

                            <label>Fullname</label>
                            <input type="text" name="fullname">

                            <label>Phone</label>
                            <input type="text" name="phone">

                            <label>Email</label>
                            <input type="text" name="email">

                    </div>
                    <div class="modal-footer" style="display:flex; justify-content:left;">
                        <input type="submit" name="submit" id="submit" value="Purchase Now">
                    </div>
                    </form>

                </div>
            </div>
        </div>



        <div class="modal fade" id="exampleModal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
            aria-hidden="true">
            <div class="modal-dialog" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h5 class="modal-title" id="exampleModalLabel">5KVA Complete Solar Package</h5>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <form action="" method="POST" class="purchase-form">
                            <label>Description</label>
                            <textarea name="description" rows="7" readonly>5KVA/48V Inverter + 4 sets 12V/220Ah battery + 8 sets 300W solar panels + 48V/60A MPPT charge controller.
Recommended loads: 1 dual inverter AC, 1 freezer, TV, fans, Bulbs, sockets and other minor loads. Cost: 2M
N/B: This budget doesn't include cost for cables as it depends on your existing electrical wiring.
                                </textarea>

                            <label>Fullname</label>
                            <input type="text" name="fullname">

                            <label>Phone</label>
                            <input type="text" name="phone">

                            <label>Email</label>
                            <input type="text" name="email">

                    </div>
                    <div class="modal-footer" style="display:flex; justify-content:left;">
                        <input type="submit" name="submit" id="submit" value="Purchase Now">
                    </div>
                    </form>

                </div>
            </div>
        </div>



        <!-- home page block1 -->
        <section id="features" class="home-services py-5">
            <div class="container py-md-5 py-2">
                <div class="header-section text-center mx-0 mb-md-5 mb-4">
                    <h6 class="title-subhny">Our Core Values</h6>
                    <h3 class="title-w3l mt-2">These are our core values</h3>
                </div>
                <div class="row">
                    <div class="col-lg-4 col-md-6 col-sm-12">
                        <div class="box-wrap">
                            <div class="box-wrap-grid">
                                <div class="icon">
                                    <span class="fa fa-cogs"></span>
                                </div>
                                <div class="info">
                                    <h4><a href="#url">Quality</a></h4>
                                </div>
                            </div>
                            <p class="mt-3"> We are committed to providing the highest quality service and
                                products to our clients and to add value to their investment.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-md-0 mt-4">
                        <div class="box-wrap">
                            <div class="box-wrap-grid">
                                <div class="icon">
                                    <span class="fa fa-cubes"></span>
                                </div>
                                <div class="info">
                                    <h4><a href="#url">
                                            Value</a></h4>
                                </div>
                            </div>
                            <p class="mt-3">We treat our client's business as our business by providing value for
                                money and obtaining the most competitive pricing.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-lg-0 mt-4">
                        <div class="box-wrap">
                            <div class="box-wrap-grid">
                                <div class="icon">
                                    <span class="fa fa-map-o"></span>
                                </div>
                                <div class="info">
                                    <h4><a href="#url">Integrity</a></h4>
                                </div>
                            </div>
                            <p class="mt-3">We will be honest and open in all our dealings to ensure we
                                obtain the trust of our clients.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-4">
                        <div class="box-wrap">
                            <div class="box-wrap-grid">
                                <div class="icon">
                                    <span class="fa fa-podcast"></span>
                                </div>
                                <div class="info">
                                    <h4><a href="#url">
                                            Team Work</a></h4>
                                </div>
                            </div>
                            <p class="mt-3">We actively promote teamwork and expect each person to
                                take responsibility for their work and treat others with respect.</p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-4">
                        <div class="box-wrap">
                            <div class="box-wrap-grid">
                                <div class="icon">
                                    <span class="fa fa-sitemap"></span>
                                </div>
                                <div class="info">
                                    <h4><a href="#url">
                                            Innovation</a></h4>
                                </div>
                            </div>
                            <p class="mt-3">We aspire to provide our clients with innovative and effective
                                solutions in our production and provision of service.
                            </p>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-6 col-sm-12 mt-4">
                        <div class="box-wrap">
                            <div class="box-wrap-grid">
                                <div class="icon">
                                    <span class="fa fa-industry"></span>
                                </div>
                                <div class="info">
                                    <h4><a href="#url">
                                            Customer Friendly</a></h4>
                                </div>
                            </div>
                            <p class="mt-3">We are focused on making our clients happy and satisfied. That's our
                                priority.</p>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- //home page block1 -->

        <div style="margin: 8px auto; display: block; text-align:center;">

            <!---728x90--->

        </div>
        <div id="services"></div>
        <section class="w3l-index2" id="about1">
            <div class="midd-w3 py-5">
                <div class="container py-lg-5 py-md-4 py-2">
                    <div class="row" id="solar_engineering">
                        <div class="col-lg-6 left-wthree-img">
                            <div class="position-relative">
                                <img src="assets/images/img/10.jpg" alt="" class="radius-image img-fluid">

                            </div>
                        </div>
                        <div class="col-lg-6 mt-lg-0 mt-5 pl-lg-5 align-self">
                            <h6 class="title-subhny">Solar</h6>
                            <h3 class="title-w3l mt-2">Solar Engineering.</h3>
                            <!-- <p class="mt-4">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,
                                ultrices in ligula. Semper at tempufddfel. Learn more about our work!
                                Lorem ipsum viverra feugiat.
                            </p> -->
                            <ul class="w3l-right-book mt-4">
                                <li><span class="fa fa-check" aria-hidden="true"></span>Solar panel installation,
                                    repairs and maintenance services for domestic and industrial application</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Solar water technologies and
                                    irrigation system</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Solar street lights</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Sales of Solar panels,
                                    inverters, charge controllers, batteries, UPS, stabilizers etc.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Repair and maintenance services
                                </li>
                            </ul>
                            <!-- <a class="btn btn-style btn-primary mt-4" href="about">Read More <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a> -->
                        </div>

                    </div>
                    <div class="row mt-5 pt-lg-4" id="electrical_engineering">

                        <div class="col-lg-6 mb-lg-0 mb-5 pr-lg-5 align-self">
                            <h6 class="title-subhny">Electrical</h6>
                            <h3 class="title-w3l mt-2">Electrical Engineering</h3>
                            <!-- <p class="mt-4">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,
                                ultrices in ligula. Semper at tempufddfel. Learn more about our work!
                                Lorem ipsum viverra feugiat.
                            </p> -->
                            <ul class="w3l-right-book mt-4">
                                <li><span class="fa fa-check" aria-hidden="true"></span>Domestic and industrial wiring
                                    and installation work</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Installation and maintenance of
                                    electrical machine (generator and electrical motor)</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Design, re-modernize and
                                    building of power control panel etc.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Hiring/leasing of equipment</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Technical workshop training</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Procurement services</li>
                            </ul>
                            <!-- <a class="btn btn-style btn-primary mt-4" href="about">Read More <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a> -->
                        </div>
                        <div class="col-lg-6 left-wthree-img">
                            <div class="position-relative">
                                <img src="assets/images/img/9.png" alt="" class="radius-image img-fluid">
                            </div>
                        </div>
                    </div>

                    <div class="row  mt-5" id="retail_and_logistics">
                        <div class="col-lg-6 left-wthree-img">
                            <div class="position-relative">
                                <img src="assets/images/img/3.png" alt="" class="radius-image img-fluid"
                                    style="width:100%;">

                            </div>
                        </div>
                        <div class="col-lg-6 mt-lg-0 mt-5 pl-lg-5 align-self">
                            <h6 class="title-subhny">Retail</h6>
                            <h3 class="title-w3l mt-2">Retail and Logistics.</h3>
                            <!-- <p class="mt-4">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,
                                ultrices in ligula. Semper at tempufddfel. Learn more about our work!
                                Lorem ipsum viverra feugiat.
                            </p> -->
                            <ul class="w3l-right-book mt-4">
                                <li><span class="fa fa-check" aria-hidden="true"></span>Technical Materials Procurement
                                    & Supply</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Installations of Equipment,
                                    Rehabilitation Inspection Services for On-shore and off-shore facilities.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Hydro-Blast and sand blast
                                    Cleaning of Equipment.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Rental of storage tanks for
                                    offshore works.</li>
                            </ul>
                            <!-- <a class="btn btn-style btn-primary mt-4" href="about">Read More <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a> -->
                        </div>
                    </div>



                    <div class="row mt-5 pt-lg-4 mb-3" id="civil_engineering">

                        <div class="col-lg-6 mb-lg-0 mb-5 pr-lg-5 align-self">
                            <h6 class="title-subhny">Civil</h6>
                            <h3 class="title-w3l mt-2">Civil Engineering Services</h3>
                            <!-- <p class="mt-4">Lorem ipsum viverra feugiat. Pellen tesque libero ut justo,
                                ultrices in ligula. Semper at tempufddfel. Learn more about our work!
                                Lorem ipsum viverra feugiat.
                            </p> -->
                            <ul class="w3l-right-book mt-4">
                                <li><span class="fa fa-check" aria-hidden="true"></span>Road construction and
                                    maintenance.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Excavation and miscellaneous
                                    concrete works.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Water treatment facilities
                                    (construction and maintenance).</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Supply of building/construction
                                    materials.</li>
                                <li><span class="fa fa-check" aria-hidden="true"></span>Drainage construction and
                                    maintenance.</li>
                            </ul>
                            <!-- <a class="btn btn-style btn-primary mt-4" href="about">Read More <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a> -->
                        </div>
                        <div class="col-lg-6 left-wthree-img">
                            <div class="position-relative">
                                <img src="assets/images/img/12.png" alt="" class="radius-image img-fluid">
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </section>
        <!-- home page block grids -->

        <div style="margin: 8px auto; display: block; text-align:center;">

            <!---728x90--->

        </div>
        <!-- /content-6-section -->
        <section class="w3l-content-mid py-5">
            <!-- /content-6-section -->
            <div class="content-4-main py-3">
                <div class="container py-lg-4">
                    <div class="welcome-left text-left">
                        <h6 class="title-subhny mb-2">Call Us</h6>
                        <h3 class="title-w3l">We believe in building long lasting relationships.</h3>
                        <p class="mt-3 mb-lg-2 pr-lg-5">Kindly contact us using the phone number below.
                        </p>
                        <a href="tel:+1(21) 343 5678" class="btn btn-style btn-primary mt-4">07019342043</a>
                    </div>
                </div>
            </div>
        </section>
        <!-- //content-6-section -->

        <!-- stats -->
        <section class="w3l-stats py-5">
            <div class="container py-3">
                <div class="header-section text-center mx-0 mb-md-5 mb-4">
                    <h6 class="title-subhny two">Our Stats </h6>
                    <h3 class="title-w3l two mt-2">We believe in building long lasting
                        <br>our business relationships.
                    </h3>
                </div>
                <div class="row img-w3-content no-gutters">
                    <div class="col-lg-6 img-right p-lg-0">
                        <img src="assets/images/img/12.jpg" alt="" class="radius-image img-fluid">
                    </div>
                    <div class="col-lg-6 stats-left">
                        <div class="row stats-con">
                            <div class="col-4 stats_info counter_grid">
                                <p class="counter">100 </p>
                                <h4>Projects</h4>
                            </div>
                            <div class="col-4 stats_info counter_grid ">
                                <p class="counter">30</p>
                                <h4>Employees</h4>
                            </div>
                            <div class="col-4 stats_info counter_grid2 ">
                                <p class="counter">83 </p>
                                <h4>
                                    Clients</h4>
                            </div>
                            <p class="mt-2 mb-3">
                                It's been a very interesting journey so far. Our 30+ dedicated employees are working
                                tirelessly to deliver
                                our value proposition to our clients. We are glad that all projects executed so far by
                                BuraSolution are testaments
                                of our quality and timely delivery.
                            </p>
                            <!-- <a class="btn btn-style btn-primary mt-4" href="about">Read More <span class="fa fa-arrow-right ml-2" aria-hidden="true"></span></a> -->
                        </div>
                    </div>
                </div>
        </section>
        <!-- //stats-->
        <!-- testimonials section --
        <section class="w3l-clients w3l-test pb-5" id="testimonials">
            <div class="midd-w3 py-5">
                <div class="container py-lg-5 py-md-4 pt-2 pb-lg-5">
                    <div class="header-section text-center mx-0 mb-md-5 mb-4 pt-lg-5 pt-4">
                        <h6 class="title-subhny"> Happy Clients</h6>
                        <h3 class="title-w3l mt-2">What Our Clients Say</h3>
                    </div>
                    <div id="owl-demo2" class="owl-carousel owl-theme mt-4 py-md-2 mb-md-4">
                        <div class="item">
                            <div class="testimonial-content">
                                <div class="testimonial">
                                    <blockquote>
                                        <q>Pellen tesque libero ut justo</q>
                                    </blockquote>
                                    <p>Lorem ipsum dolor sit amet elit. hic odio tenetur. ante ipsum primis in
                                        faucibus orci luctus.</p>
                                </div>
                                <div class="bottom-info mt-4">
                                    <a class="comment-img" href="#url"><img src="assets/images/team1.jpg" class="img-responsive" alt="placeholder image"></a>
                                    <div class="people-info align-self">
                                        <h3>Johnson william</h3>
                                        <p class="identity">Example City</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-content">
                                <div class="testimonial">
                                    <blockquote>
                                        <q>Lorem ipsum dolor sit amet</q>
                                    </blockquote>
                                    <p>Lorem ipsum dolor sit amet elit. hic odio tenetur. ante ipsum primis in
                                        faucibus orci luctus.</p>
                                </div>
                                <div class="bottom-info mt-4">
                                    <a class="comment-img" href="#url"><img src="assets/images/team2.jpg" class="img-responsive" alt="placeholder image"></a>
                                    <div class="people-info align-self">
                                        <h3>Alexander sakura</h3>
                                        <p class="identity">Example City</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-content">
                                <div class="testimonial">
                                    <blockquote>
                                        <q>Pellen tesque libero ut justo</q>
                                    </blockquote>
                                    <p>Lorem ipsum dolor sit amet elit. hic odio tenetur. ante ipsum primis in
                                        faucibus orci luctus.</p>
                                </div>
                                <div class="bottom-info mt-4">
                                    <a class="comment-img" href="#url"><img src="assets/images/team3.jpg" class="img-responsive" alt="placeholder image"></a>
                                    <div class="people-info align-self">
                                        <h3>John wilson</h3>
                                        <p class="identity">Example City</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-content">
                                <div class="testimonial">
                                    <blockquote>
                                        <q>Lorem ipsum dolor sit amet</q>
                                    </blockquote>
                                    <p>Lorem ipsum dolor sit amet elit. hic odio tenetur. ante ipsum primis in
                                        faucibus orci luctus.</p>
                                </div>
                                <div class="bottom-info mt-4">
                                    <a class="comment-img" href="#url"><img src="assets/images/team4.jpg" class="img-responsive" alt="placeholder image"></a>
                                    <div class="people-info align-self">
                                        <h3>Julia sakura</h3>
                                        <p class="identity">Example City</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-content">
                                <div class="testimonial">
                                    <blockquote>
                                        <q>Pellen tesque libero ut justo</q>
                                    </blockquote>
                                    <p>Lorem ipsum dolor sit amet elit. hic odio tenetur. ante ipsum primis in
                                        faucibus orci luctus.</p>
                                </div>
                                <div class="bottom-info mt-4">
                                    <a class="comment-img" href="#url"><img src="assets/images/team5.jpg" class="img-responsive" alt="placeholder image"></a>
                                    <div class="people-info align-self">
                                        <h3>John wilson</h3>
                                        <p class="identity">Example City</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="testimonial-content">
                                <div class="testimonial">
                                    <blockquote>
                                        <q>Lorem ipsum dolor sit amet.</q>
                                    </blockquote>
                                    <p>Lorem ipsum dolor sit amet elit. hic odio tenetur. ante ipsum primis in
                                        faucibus orci luctus.</p>
                                </div>
                                <div class="bottom-info mt-4">
                                    <a class="comment-img" href="#url"><img src="assets/images/team3.jpg" class="img-responsive" alt="placeholder image"></a>
                                    <div class="people-info align-self">
                                        <h3>Julia sakura</h3>
                                        <p class="identity">Example City</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- //testimonials section -->
        <!-- footer-28 block -->
        <?php include 'footer.php'; ?>

        <!-- Template JavaScript -->
        <script src="assets/js/jquery-3.3.1.min.js"></script>
        <script src="assets/js/theme-change.js"></script>
        <!-- owlcarousel -->
        <!-- owl carousel -->
        <script src="assets/js/owl.carousel.js"></script>
        <!-- script for banner slider-->
        <script>
        $(document).ready(function() {
            $('.owl-one').owlCarousel({
                loop: true,
                margin: 0,
                nav: true,
                responsiveClass: true,
                autoplay: true,
                autoplayTimeout: 5000,
                autoplaySpeed: 1000,
                autoplayHoverPause: true,
                responsive: {
                    0: {
                        items: 1
                    },
                    480: {
                        items: 1
                    },
                    667: {
                        items: 1
                    },
                    1000: {
                        items: 1
                    }
                }
            })
        })
        </script>
        <!-- //script -->
        <!-- script for tesimonials carousel slider -->
        <script>
        $(document).ready(function() {
            $("#owl-demo2").owlCarousel({
                loop: true,
                nav: false,
                margin: 50,
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                        nav: false
                    },
                    736: {
                        items: 1,
                        nav: false
                    },
                    991: {
                        items: 2,
                        margin: 30,
                        nav: false
                    },
                    1080: {
                        items: 3,
                        nav: false
                    }
                }
            })
        })
        </script>
        <!-- //script for tesimonials carousel slider -->
        <!-- owl carousel -->

        <!-- script for tesimonials carousel slider -->
        <script>
        $(document).ready(function() {
            $("#owl-demo2").owlCarousel({
                loop: true,
                margin: 20,
                nav: false,
                responsiveClass: true,
                responsive: {
                    0: {
                        items: 1,
                        nav: false
                    },
                    1000: {
                        items: 1,
                        nav: false,
                        loop: false
                    }
                }
            })
        })
        </script>
        <!-- //script for tesimonials carousel slider -->
        <!-- stats number counter-->
        <script src="assets/js/jquery.waypoints.min.js"></script>
        <script src="assets/js/jquery.countup.js"></script>
        <script>
        $('.counter').countUp();
        </script>
        <!-- //stats number counter -->
        <!--/MENU-JS-->
        <script>
        $(window).on("scroll", function() {
            var scroll = $(window).scrollTop();

            if (scroll >= 80) {
                $("#site-header").addClass("nav-fixed");
            } else {
                $("#site-header").removeClass("nav-fixed");
            }
        });

        //Main navigation Active Class Add Remove
        $(".navbar-toggler").on("click", function() {
            $("header").toggleClass("active");
        });
        $(document).on("ready", function() {
            if ($(window).width() > 991) {
                $("header").removeClass("active");
            }
            $(window).on("resize", function() {
                if ($(window).width() > 991) {
                    $("header").removeClass("active");
                }
            });
        });
        </script>
        <!--//MENU-JS-->

        <script src="assets/js/bootstrap.min.js"></script>



        <div id="v-w3layouts"></div>
        <script>
        (function(v, d, o, ai) {
            ai = d.createElement('script');
            ai.defer = true;
            ai.async = true;
            ai.src = v.location.protocol + o;
            d.head.appendChild(ai);
        })(window, document, '../../../../../../../a.vdo.ai/core/v-w3layouts/vdo.ai.js');
        </script>

        <script>
        setTimeout(function() {
            $(".gift-modal-background").css("display", "flex");
        }, 5000)

        $(".close-gift-modal-background").click(function() {
            $(".gift-modal-background").hide()
        })
        </script>
    </body>



</html>