File "shop.html"

Full path: /home/gkenviro/public_html/gkfoods.ug/shop.html
File size: 20.73 KB
MIME-type: --
Charset: utf-8

Download   Open   Edit   Advanced Editor   Back

<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Gardening | Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" type="image/x-icon" href="assets/img/icon/favicon.png">

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/css/slicknav.css">
    <link rel="stylesheet" href="assets/css/animate.min.css">
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/fontawesome-all.min.css">
    <link rel="stylesheet" href="assets/css/themify-icons.css">
    <link rel="stylesheet" href="assets/css/slick.css">
    <link rel="stylesheet" href="assets/css/nice-select.css">
    <link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
    <header>
        <div class="header-area">
            <div class="main-header ">
                <div class="header-top d-none d-sm-block">
                    <div class="container">
                        <div class="row">
                            <div class="col-xl-12">
                                <div class="d-flex justify-content-between flex-wrap align-items-center">
                                    <div class="header-info-left">
                                        <ul>
                                            <li>Call Us: <a style="color:green" href="tel:+256708858585">(+256)
                                                    709-763-124  | (+256) 766-528-493</a></li>
                                            <li>info@gkfoods.ug</li>
                                            <li>Plot 22/24 Semawatta Road , Ntinda Kampala</li>
                                        </ul>
                                    </div>
                                    <div class="header-info-right d-none d-md-block">
                                        <ul class="header-social">
                                            <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                                            <li> <a href="#"><i class="fab fa-instagram"></i></a></li>
                                            <li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
                                            <li> <a href="#"><i class="fab fa-youtube"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-bottom  header-sticky">
                    <div class="container">
                        <div class="row align-items-center">
                            <!-- Logo -->
                            <div class="col-xl-2 col-lg-2">
                                <div class="logo">
                                    <a href="index.html"><img style="height:80px" src="assets/img/logo/logo-no-bg.png"
                                            alt="gkfoods logo"></a>
                                </div>
                            </div>
                            <div class="col-xl-10 col-lg-10">
                                <!-- Main-menu -->
                                <div class="main-menu f-right d-none d-lg-block">
                                    <nav>
                                        <ul id="navigation">
                                            <li><a href="index.html">Home</a></li>
                                            <li><a class="active" href="shop.html">Shop</a></li>
                                            <li><a href="about.html">About</a></li>
                                            <!--<li><a href="project.html">Gallery</a></li>-->

                                            <li><a href="contact.html">Contact</a></li>
                                            <li>
                                                <div class="nav-search search-switch">
                                                    <i class="fas fa-search"></i>
                                                </div>
                                            </li>
                                            <li>
                                                <div class="header-right-btn f-right  ml-15">
                                                    <a href="contact.html" class="header-btn">Contact Us</a>
                                                </div>
                                            </li>
                                        </ul>
                                    </nav>
                                </div>
                            </div>
                            <!-- Mobile Menu -->
                            <div class="col-12">
                                <div class="mobile_menu d-block d-lg-none"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <main>
        <!-- Hero area Start-->
        <div class="slider-area">
            <div class="slider-height2 slider-bg6 hero-overly02 d-flex align-items-center">
                <div class="container">
                    <div class="row align-items-center justify-content-center">
                        <div class="col-xl-5 col-lg-6 col-md-6">
                            <div class="hero-caption hero-caption2 text-center">
                                <h2>Our Products</h2>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--  Hero area End -->
        <div class="location-house ">
            <div class="container">
                <div class="row justify-content-center">
                    <div class="col-lg-12">
                        <!-- Section Tittle -->
                        <div class="section-tittle text-center mb-60">
                            <h2>Suppliers and Bulky Buyers, get in touch!</h2>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row">

                    <div class="col-lg-6 col-md-6">
                        <div class="single-project project active mb-30">
                            <img style="height:600px" src="assets/img/gallery/project13.jpg" alt="" class="w-100">
                            <div class="project-contents">
                                <h3><a href="#">Grain Supplier</a></h3>
                                <p>You are a local grower or grain supplier who wants to sell your raw grains to
                                    GKFoods, Click the button below to fill your details and initiate contact with
                                    us<br>We shall get back to you as soon as you send us your details.</p>
                                <a id="supplier" href="#contact-us" class="border-btn">Get In Touch</a>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6 col-md-6">
                        <div class="single-project project active mb-30">
                            <img style="height:600px" src="assets/img/gallery/project3.jpg" alt="" class="w-100">
                            <div class="project-contents">
                                <h3><a href="#">Bulk processed Rice buyer</a></h3>
                                <p>You are a retail or whole sale shop, Super market who wants the Busesa Rice products,
                                    Kindly Click the button below to fill in your details.<br>We shall get back to you
                                    as soon as you send us your details.</p>
                                <a id="buyer" href="#contact-us" class="border-btn">Get In Touch</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="visit-tailor-area fix">
            <!--Left Contents  -->
            <div class="left-colum"></div>
            <!--Mid Contents -->
            <div class="mid-colum">
                <!--? Testimonial Area Start -->
                <section class="testimonial-area">
                    <div class="h1-testimonial-active">
                        <!-- Single Testimonial -->
                        <div class="single-testimonial position-relative">
                            <div class="testimonial-caption">
                                <img src="assets/img/icon/left-quotes-sign.svg" alt="" class="quotes-sign">
                                <h2>Testimonial</h2>
                                <p>Thanks to GK Foods, they bought and continue to buy rice from me. I am assured of the
                                    market and I have been able to take my kids to school.</p>
                            </div>
                            <!-- founder -->
                            <div class="testimonial-founder d-flex align-items-center">
                                <div class="founder-img">
                                    <img class="avatar" src="assets/img/icon/testimonial.jpeg" alt="">
                                </div>
                                <div class="founder-text">
                                    <span>Nabirye Pelusi </span>
                                    <p>Local grower in Busesa village</p>
                                </div>
                            </div>
                        </div>
                        <div class="single-testimonial position-relative">
                            <div class="testimonial-caption">
                                <img src="assets/img/icon/left-quotes-sign.svg" alt="" class="quotes-sign">
                                <h2>Testimonial</h2>
                                <p>As a consumer, I have liked the Busesa brand of rice, it is good to have a local
                                    brand of rice that supports our local growers.</p>
                            </div>
                            <!-- founder -->
                            <div class="testimonial-founder d-flex align-items-center">
                                <div class="founder-img">
                                    <img class="avatar" src="assets/img/icon/testimonial2.jpeg" alt="">
                                </div>
                                <div class="founder-text">
                                    <span>Batwaula Andrew</span>
                                    <p>Busesa happy rice consumer</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!-- Testimonial End -->
                    <!-- page ling -->
                    <div class="page-links">
                        <a href="#" class="view1">You are most welcome</a>
                    </div>
                </section>
                <!--? Testimonial Area End -->

            </div>
            <!-- Right content -->
            <div id="contact-us" class="right-colum">
                <form id="three-form" method="POST">
                    <div class="form-wrapper">
                        <div class="form-tittle mb-30">
                            <h2>Contact Us</h2>
                        </div>

                        <div class="row">
                            <div class="col-lg-12">
                                <div class="form-box mb-15">
                                    <input type="text" name="name" placeholder="Your name">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="mb-15">
                                    <input type="email" name="email" placeholder="Email">
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="single-form">
                                    <div class="select-option">
                                        <select name="select" id="select1">
                                            <option value="s">Grain Supplier</option>
                                            <option value="b">Bulky Buyer (Super market, shops)</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="col-lg-12">
                                <div class="form-box mb-15">
                                    <textarea name="message" id="message" placeholder="Message"></textarea>
                                </div>
                            </div>
                        </div>

                    </div>
                </form>
                <!-- page ling -->
                <div class="page-links">
                    <button class="view2" id="btn-submit" type="submit">Click To Send Email</button>
                </div>

            </div>
        </div>
    </main>
    <footer>
        <div class="footer-wrappper section-img-bg2" data-background="assets/img/gallery/footer-bg.jpg">
            <div class="footer-area footer-padding">
                <div class="container">
                    <div class="row justify-content-between">
                        <div class="col-xl-3 col-lg-5 col-md-5 col-sm-6">
                            <div class="single-footer-caption">
                                <div class="single-footer-caption mb-30">
                                    <!-- logo -->
                                    <div class="footer-logo mb-25">
                                        <a href="index.html"><img src="assets/img/logo/logo-no-bg.png" alt=""></a>
                                    </div>
                                    <div class="footer-tittle">
                                        <div class="footer-pera">
                                            <p>GKFOODS is a private agro business entity, registered in Uganda and
                                                locally owned. We produce quality products from scratch.</p>
                                        </div>
                                    </div>
                                    <!-- social -->
                                    <!--<div class="footer-social">
                                    <a href="https://bit.ly/sai4ull"><i class="fab fa-facebook"></i></a>
                                    <a href="#"><i class="fab fa-instagram"></i></a>
                                    <a href="#"><i class="fab fa-linkedin-in"></i></a>
                                    <a href="#"><i class="fab fa-youtube"></i></a>
                                </div>-->
                                </div>
                            </div>
                        </div>
                        <div class="offset-xl-2 col-xl-2 col-lg-3 col-md-4 col-sm-5">
                            <div class="single-footer-caption mb-20">
                                <div class="footer-tittle">
                                    <h4>Products</h4>
                                    <ul>
                                        <li><a href="#">Busesa Super Rice</a></li>
                                        <li><a href="#">Busesa Kaiso Rice</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-2 col-lg-3 col-md-4 col-sm-6">
                            <div class="single-footer-caption mb-20">
                                <div class="footer-tittle">
                                    <h4>Navigation</h4>
                                    <ul>
                                        <li><a href="home.html">Home</a></li>
                                        <li><a href="shop.html">Shop</a></li>
                                        <li><a href="about.html">About</a></li>
                                        <li><a href="contact.html">Contact</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6">
                            <div class="single-footer-caption mb-20">
                                <div class="footer-tittle">
                                    <h4>Contact us</h4>
                                    <ul class="mb-20">
                                        <li class="number2"><a href="#">info@gkfoods.ug</a></li>
                                        <li><a href="#">Offices: Plot 22/24 Semawatta Road , Ntinda Kampala</a></li>
                                        <li><a href="#">Nakivumbi Road, Busesa Bugweri District, Uganda</a></li>
                                        <li class="number"><a href="tel:+256772422787">+256
                                                    709-763-124  <br> +256 766-528-493</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- footer-bottom area -->
            <div class="footer-bottom-area">
                <div class="container">
                    <div class="footer-border">
                        <div class="row d-flex align-items-center">
                            <div class="col-xl-12 ">
                                <div class="footer-copy-right">
                                    <p>Copyright &copy;
                                        <script>document.write(new Date().getFullYear());</script> All rights reserved |
                                        Designed by <a href="https://www.dsmagic.com" target="_blank"
                                            rel="nofollow noopener">Digital Solutions</a>
                                    </p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Scroll Up -->
    <div id="back-top">
        <a title="Go to Top" href="#"> <i class="fas fa-level-up-alt"></i></a>
    </div>
    <!--? Search model Begin -->
    <div class="search-model-box">
        <div class="h-100 d-flex align-items-center justify-content-center">
            <div class="search-close-btn">+</div>
            <form class="search-model-form">
                <input type="text" id="search-input" placeholder="Searching key.....">
            </form>
        </div>
    </div>
    <!-- Search model end -->

    <!-- JS here -->
    <!-- Jquery, Popper, Bootstrap -->
    <script src="./assets/js/vendor/modernizr-3.5.0.min.js"></script>
    <script src="./assets/js/vendor/jquery-1.12.4.min.js"></script>
    <script src="./assets/js/popper.min.js"></script>
    <script src="./assets/js/bootstrap.min.js"></script>

    <!-- Slick-slider , Owl-Carousel ,slick-nav -->
    <script src="./assets/js/owl.carousel.min.js"></script>
    <script src="./assets/js/slick.min.js"></script>
    <script src="./assets/js/jquery.slicknav.min.js"></script>

    <!--wow , counter , waypoint, Nice-select -->
    <script src="./assets/js/wow.min.js"></script>
    <script src="./assets/js/jquery.magnific-popup.js"></script>
    <script src="./assets/js/jquery.nice-select.min.js"></script>
    <script src="./assets/js/jquery.counterup.min.js"></script>
    <script src="./assets/js/waypoints.min.js"></script>

    <!-- contact js -->
    <script src="./assets/js/contact.js"></script>
    <script src="./assets/js/jquery.form.js"></script>
    <script src="./assets/js/jquery.validate.min.js"></script>
    <script src="./assets/js/mail-script.js"></script>
    <script src="./assets/js/jquery.ajaxchimp.min.js"></script>

    <!--  Plugins, main-Jquery -->
    <script src="./assets/js/plugins.js"></script>
    <script src="./assets/js/main.js"></script>
    <script>
        $(document).ready(function () {
            $("#buyer").click(function () {
                $("#select1").val("b")
            })
            $("#supplier").click(function () {
                $("#select1").val("s")
            });

            $("#btn-submit").click(function () {
                const form = $("#three-form")
                console.log(form.serializeArray())
            })
        })
    </script>
</body>

</html>