File manager

File manager - Edit - /home/custbahd/public_html/webs/monitor/clients/marylhouse/index/index.php

Back
<?php include 'db/connection.php'; session_start(); $id=$_SESSION['id']; $query=mysqli_query($db,"SELECT * FROM maryl_accounts where id='$id'")or die(mysqli_error()); $row=mysqli_fetch_array($query); ?> <?php require_once("db/dbcontroller.php"); $db_handle = new DBController(); if(!empty($_GET["action"])) { switch($_GET["action"]) { case "add": if(!empty($_POST["quantity"])) { $productByCode = $db_handle->runQuery("SELECT * FROM shop WHERE code='" . $_GET["code"] . "'"); $itemArray = array($productByCode[0]["code"]=>array('name'=>$productByCode[0]["name"], 'code'=>$productByCode[0]["code"], 'quantity'=>$_POST["quantity"], 'type'=>$productByCode[0]["type"], 'price'=>$productByCode[0]["price"], 'image'=>$productByCode[0]["image"])); $productByCode = $db_handle->runQuery("SELECT * FROM shop WHERE code='" . $_GET["code"] . "'"); $itemArray = array($productByCode[0]["code"]=>array('name'=>$productByCode[0]["name"], 'code'=>$productByCode[0]["code"], 'quantity'=>$_POST["quantity"], 'type'=>$productByCode[0]["type"], 'price'=>$productByCode[0]["price"], 'image'=>$productByCode[0]["image"])); if(!empty($_SESSION["cart_item"])) { if(in_array($productByCode[0]["code"],array_keys($_SESSION["cart_item"]))) { foreach($_SESSION["cart_item"] as $k => $v) { if($productByCode[0]["code"] == $k) { if(empty($_SESSION["cart_item"][$k]["quantity"])) { $_SESSION["cart_item"][$k]["quantity"] = 0; } $_SESSION["cart_item"][$k]["quantity"] += $_POST["quantity"]; } } } else { $_SESSION["cart_item"] = array_merge($_SESSION["cart_item"],$itemArray); } } else { $_SESSION["cart_item"] = $itemArray; } } break; case "remove": if(!empty($_SESSION["cart_item"])) { foreach($_SESSION["cart_item"] as $k => $v) { if($_GET["code"] == $k) unset($_SESSION["cart_item"][$k]); if(empty($_SESSION["cart_item"])) unset($_SESSION["cart_item"]); } } break; case "empty": unset($_SESSION["cart_item"]); break; } } ?> <!DOCTYPE html> <html lang="en"> <head> <title>Maryl Wine & Liqour House</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Favicon --> <link rel="icon" href="logo/glass3.png"> <link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,200;0,300;0,400;0,500;0,700;0,800;1,200;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet"> <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.10.0/css/all.min.css" rel="stylesheet"> <link href="lib/flaticon/font/flaticon.css" rel="stylesheet"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/magnific-popup.css"> <link rel="stylesheet" href="css/flaticon.css"> <link href="style.css" type="text/css" rel="stylesheet" /> <!--Icons--> <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.1/css/all.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> <link rel="stylesheet" href="https://maxst.icons8.com/vue-static/landings/animated-icons/icons/menu-arrow/menu-arrow.json"> <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons"> <!--Animations--> <link rel="stylesheet" type="text/css" href="css/Attention/blink.css"> <link rel="stylesheet" type="text/css" href="css/Attention/bounce.css"> <link rel="stylesheet" type="text/css" href="css/Attention/flicker.css"> <link rel="stylesheet" type="text/css" href="css/Attention/jello.css"> <link rel="stylesheet" type="text/css" href="css/Attention/pulsate.css"> <link rel="stylesheet" type="text/css" href="css/Attention/shake.css"> <link rel="stylesheet" type="text/css" href="css/Attention/vibrate.css"> <link rel="stylesheet" type="text/css" href="css/Attention/wobble.css"> <link rel="stylesheet" type="text/css" href="css/Background/background.css"> <link rel="stylesheet" type="text/css" href="css/Bounce/bounce.css"> <link rel="stylesheet" type="text/css" href="css/Text/blur-out.css"> <link rel="stylesheet" type="text/css" href="css/Text/flicker-glow.css"> <link rel="stylesheet" type="text/css" href="css/Text/focus-in.css"> <link rel="stylesheet" type="text/css" href="css/Text/tracking-in.css"> <link rel="stylesheet" type="text/css" href="css/Text/tracking-out.css"> <style type="text/css"> /Logo/ .ftco-navbar-light.scrolled .navbar-brand span { color: dodgerblue !important; background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab); background-size: 400% 400%; -webkit-background-clip: text; -webkit-text-fill-color: transparent; -webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite; } .wrap { position: relative; z-index: 0; width: 100%; background: dodgerblue; } .btn { cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 15px; font-weight: 500; } .btn:hover, .btn:active, .btn:focus { outline: none; } .btn.btn-primary { background: dodgerblue !important; border: 1px solid dodgerblue !important; color: #fff !important; } .btn.btn-primary:hover { border: 1px solid dodgerblue; background: transparent; color: #b7472a; } .btn.btn-primary.btn-outline-primary { border: 1px solid #b7472a; background: transparent; color: #b7472a; } .btn.btn-primary.btn-outline-primary:hover { border: 1px solid transparent; background: dodgerblue; color: #fff; } .btn.btn-white { background: #fff !important; border: 1px solid #fff !important; color: #000000 !important; } .btn.btn-white:hover { border: 1px solid #b7472a; background: transparent; color: #b7472a; } .btn.btn-white.btn-outline-white { border: 1px solid white !important; background: transparent !important; color: #fff !important; } .btn.btn-white.btn-outline-white:hover { border: 1px solid dodgerblue !important; background: dodgerblue !important; color: #fff !important; } .ftco-intro { background: black; } .ftco-intro .intro { z-index: 0; position: relative; } /Category/Sort image/ .sort .img { width: 130px; height: 130px; border-radius: 50%; margin: 0 auto; margin-bottom: 20px; position: relative; z-index: 0; } .sort .img:after { position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; content: ''; border: 1px solid white; z-index: -1; border-radius: 50%; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .sort .img:hover:after { top: 10px; left: 10px; right: 10px; bottom: 10px; border-color: rgba(255, 255, 255, 0.3); background: rgba(255, 255, 255, 0.4); } @-webkit-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /*****************************/ /**** Carousel CSS *****/ /****************************/ .carousel { position: relative; width: 100%; min-height: 400px; max-height: 800px; margin: 0 auto; text-align: center; overflow: hidden; } .carousel .carousel-inner, .carousel .carousel-item { position: relative; width: 100%; height: 100%; } .carousel .carousel-item::after { position: absolute; content: ""; width: 100%; min-height: 400px; max-height: 800px; top: 0; left: 0; } .carousel .carousel-caption { position: absolute; top: 0; bottom: 0; left: 5%; display: flex; align-items: center; justify-content: center; flex-direction: column; width: 90%; height: 100%; border-radius: 10px; border-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.4); z-index: 1; } .carousel-caption p { margin-top: 15%; font-size: 50px; color: white; font-weight: 700; font-style: italic; width: 100%; } .carousel .carousel-caption h1 { color: #ffffff; font-size: 60px; font-weight: 700; margin-bottom: 100px; } .carousel .carousel-caption .btn { padding: 15px 35px; font-size: 18px; font-weight: 500; letter-spacing: 1px; text-transform: uppercase; color: dodgerblue; background: transparent; border: 2px solid #ffffff; border-radius: 0; transition: .3s; } .carousel .carousel-caption .btn:hover { color: #030f27; background: #fdbe33; border-color: #fdbe33; } @media (max-width: 767.98px) { .carousel .carousel-caption h1 { font-size: 40px; font-weight: 700; } .carousel .carousel-caption p { font-size: 50px; } .carousel .carousel-caption .btn { padding: 12px 30px; font-size: 18px; font-weight: 500; letter-spacing: 0; } } @media (max-width: 575.98px) { .carousel .carousel-caption h1 { font-size: 30px; font-weight: 500; } .carousel .carousel-caption p { font-size: 50px; } .carousel .carousel-caption .btn { padding: 10px 25px; font-size: 16px; font-weight: 400; letter-spacing: 0; } } .carousel .animated { -webkit-animation-duration: 1.5s; animation-duration: 1.5s; } .carousel .carousel-item img { width: 90%; min-height: 200px; max-height: 800px; border-radius: 10px; } /Carousel end/ /ftco/ .ftco-section { padding: 6em 0; position: relative; } @media (max-width: 700px) { .ftco-section { padding: 6em 0; } } .ftco-no-pt { padding-top: 0; } .ftco-no-pb { padding-bottom: 0; } .cat { margin-left: 5%; } /Image text two/ .image-text-two { font-weight: bold; position: absolute; color: white; text-align: center; width: 100%; min-height: 100%; max-height: 100%; top: 0; left: 0; font-size: 92px; padding: 30px 0; border-color: rgba(0, 0, 0, 0.3); background: rgba(0, 0, 0, 0.4); } .image-text-two > h2 { margin-top: 5%; font-size: 60px; letter-spacing: 0; text-transform: uppercase; -webkit-text-fill-color: white; color: white; } .image-text-two h6 { margin-top: 20%; font-size: 80px; color: white; line-height: 1.1; font-weight: 700; font-style: italic; } .image-text-two h5 { color: #fff; font-size: 25px; margin-top: -10px; } .image-text-two a { background: dodgerblue; border-radius: 10px; color: white; } /Dropdown item/ .dropdown-item { display: block; margin-left: 20px; clear: both; font-weight: 400; color: white; white-space: nowrap; border: 0; } .dropdown-item i { margin-right: 20px; } .dropdown-item:first-child { border-top-left-radius: calc(0.25rem - 1px); border-top-right-radius: calc(0.25rem - 1px); } .dropdown-item:last-child { border-bottom-right-radius: calc(0.25rem - 1px); border-bottom-left-radius: calc(0.25rem - 1px); } .dropdown-item:hover, .dropdown-item:focus { color: dodgerblue; text-decoration: none; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-item input[type=text] { float: left; margin-left:-10px; width: 70%; padding: 5px 15px; border: 1px solid dodgerblue; border-top-left-radius: 20px; border-bottom-left-radius: 20px; outline: none; } .dropdown-item input[type=submit] { float: left; padding: 5px 15px; border: 1px solid; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } /Product item/ form input[type=submit] { background: dodgerblue; color: white; } /Dropdown/ .navbar1 { overflow: hidden; color: dodgerblue; background-color: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0.5rem 1rem; } .navbar1 a { float: left; font-size: 16px; color: dodgerblue; text-align: center; padding: 14px 16px; text-decoration: none; } .subnav1 { float: left; overflow: hidden; } .subnav1 .subnavbtn1 { font-size: 16px; border: none; outline: none; color: dodgerblue; padding: 8px 10px; background-color: inherit; font-family: inherit; margin: 0; } .navbar1 a:hover, .subnav1:hover .subnavbtn1 { color: black; } .subnav-content1 { display: none; position: absolute; left: 0; background-color: red; width: 100%; z-index: 1; } .subnav-content1 a { float: left; color: white; text-decoration: none; } .subnav-content1 a:hover { background-color: #eee; color: black; } .subnav1:hover .subnav-content1 { display: block; } /Product/ #pdt_img { height: 100%; } #pdt_img img{ width: 100%; height: 100%; border: 0px; border-radius: 8px; } #pdt_text { } .heading-section h2 { color: white; } .heading-section .subheading { font-size: 18px; display: inline-block; margin-bottom: 0; color: black !important; font-size: 16px; font-weight: 400; font-style: italic; position: relative; } .product { width: 100%; display: block; margin-bottom: 40px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; } .product img { display: block; border-radius: 4px; min-height: 350px; max-height: 550px; position: relative; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; z-index: 0; } .product .img:after { z-index: -1; position: absolute; top: 0; left: 0; right: 0; bottom: 0; content: ''; background: #000000; opacity: 0; border-radius: 4px; -moz-transition: all 0.6s ease; -o-transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -ms-transition: all 0.6s ease; transition: all 0.6s ease; } .product .img .desc { -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; opacity: 0; } .product .img .desc .meta-prod a { margin: 0 2px; width: 60px; height: 60px; border: 1px solid rgba(255, 255, 255, 0.5); } .product .img .desc .meta-prod a span { color: #fff; } .product .text { padding: 20px; position: relative; } .product .text .sale, .product .text .seller, .product .text .new { position: absolute; top: -200%; left: 4px; font-size: 12px; padding: 0 10px; color: #fff; border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.5); } .product .text .sale { background: dodgerblue; } .product .text .seller { color: black; background: skyblue; } .product .text .new { background: #01d28e; } .product .text h2 { font-size: 22px; text-transform: capitalize; font-weight: 300; color: white;} .product .text .category { font-style: italic; color: skyblue; } .product .text .price { font-style: italic; color: white; } .product .text .price.price-sale { color: #cccccc; text-decoration: line-through; } .product-select { font-size: 18px; } .bootstrap-select .bs-ok-default:after { color: dodgerblue; font-size: 12px; margin-top: 5px; } .prod-img-bg { background: #fff; -webkit-box-shadow: inset 0px 0px 101px 21px rgba(0, 0, 0, 0.09); -moz-box-shadow: inset 0px 0px 101px 21px rgba(0, 0, 0, 0.09); box-shadow: inset 0px 0px 101px 21px rgba(0, 0, 0, 0.09); height: 100%; display: block; } .product-details h3 { font-size: 30px; font-weight: 400; } .product-details .price span { font-size: 30px; color: #000000; } .product-details button i { color: #000000; } .product-details .quantity-left-minus { background: transparent; padding: 0 15px; } .product-details .quantity-right-plus { background: transparent; padding: 0 15px; } .product-details button, .product-details .form-control { height: 40px !important; text-align: center; border: 1px solid rgba(0, 0, 0, 0.1) !important; color: dodgerblue; padding: 10px 20px; background: transparent !important; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; border-radius: 0; font-size: 14px; } .product-details button:hover, .product-details button:focus, .product-details .form-control:hover, .product-details .form-control:focus { text-decoration: none; outline: none; } .product-details .form-group { position: relative; } .product-details .form-group .form-control { padding-right: 40px; color: #000000; background: transparent !important; } .product-details .form-group .form-control::-webkit-input-placeholder { / Chrome/Opera/Safari / color: #4d4d4d; } .product-details .form-group .form-control::-moz-placeholder { / Firefox 19+ / color: #4d4d4d; } .product-details .form-group .form-control:-ms-input-placeholder { / IE 10+ / color: #4d4d4d; } .product-details .form-group .form-control:-moz-placeholder { / Firefox 18- / color: #4d4d4d; } .product-details .form-group .icon { position: absolute; top: 50%; right: 20px; font-size: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #000000; } .product-details .form-group .icon span { color: #000000; } @media (max-width: 767.98px) { .product-details .form-group .icon { right: 10px; } } .product-details .form-group .select-wrap { position: relative; } .product-details .form-group .select-wrap select { font-size: 13px; -webkit-appearance: none; -moz-appearance: none; appearance: none; text-transform: uppercase; letter-spacing: 2px; } .quantity1 { padding: 5px 5px; border: 0px solid dodgerblue; border-top-left-radius: 10px; border-bottom-left-radius: 10px; } .quantity { padding: 5px 5px; border: 0px solid dodgerblue; border-top-left-radius: 10px; border-bottom-left-radius: 10px; box-shadow: 0 0 2px 1px skyblue; } .seller1 { position: absolute; margin-top: -30px; color: white; } .text-center input[type=submit] { padding: 5px 15px; border: 0px solid white; border-top-right-radius: 10px; border-bottom-right-radius: 10px; box-shadow: 0 0 2px 0px white; } /Info slide/ .welcome_area { } .single_slide { position: relative; padding: 30px; z-index: 1; } .info-text { font-weight: bold; position: absolute; color: white; text-align: center; width: 100%; height: 100%; bottom: 0; left: 0; font-size: 92px; text-transform: uppercase; background-color: rgba(23, 24, 24, 0.7); } .info-text > h2 { font-size: 60px; letter-spacing: 0; text-transform: uppercase; color: white; } .info-text h6 { margin-top: 20px; font-size: 14px; color: white; } .info-text h5 { color: white; font-size: 25px; margin-top: -10px; } .info-text a { color: white; } .head { text-align: center; color: purple; width: 100%; } .welcome_area .owl-carousel { position: relative; } .welcome_area .owl-carousel .owl-item { opacity: .4; } .welcome_area .owl-carousel .owl-item.active { opacity: 1; } .welcome_area .owl-carousel .owl-nav { position: absolute; top: 50%; width: 100%; } .welcome_area .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; } .welcome_area .owl-carousel .owl-nav .owl-prev span:before, .owl-carousel .owl-nav .owl-next span:before { font-size: 30px; } .welcome_area .owl-carousel .owl-nav .owl-prev { left: 0; } .welcome_area .owl-carousel .owl-nav .owl-next { right: 0; } .welcome_area .owl-carousel .owl-dots { text-align: center; } .welcome_area .owl-carousel .owl-dots .owl-dot { width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: none; position: relative; } .welcome_area .owl-carousel .owl-dots .owl-dot:after { position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; width: 14px; height: 14px; content: ''; border: 0px solid dodgerblue; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .welcome_area .owl-carousel .owl-dots .owl-dot.active { background: skyblue; } .welcome_area .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1; } .welcome_area .owl-carousel:hover .owl-nav .owl-prev { left: -25px; } .welcome_area .owl-carousel:hover .owl-nav .owl-next { right: -25px; } /Brands carousels/ .brands .owl-carousel { position: relative; } .brands .owl-carousel .owl-item { opacity: .4; } .brands .owl-carousel .owl-item.active { opacity: 1; } .brands .owl-carousel .owl-nav { position: absolute; top: 50%; width: 100%; } .brands .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { position: absolute; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -10px; -moz-transition: all 0.7s ease; -o-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; -ms-transition: all 0.7s ease; transition: all 0.7s ease; opacity: 0; } .brands .owl-carousel .owl-nav .owl-prev span:before, .owl-carousel .owl-nav .owl-next span:before { font-size: 30px; } .brands .owl-carousel .owl-nav .owl-prev { left: 0; } .brands .owl-carousel .owl-nav .owl-next { right: 0; } .brands .owl-carousel .owl-dots { text-align: center; } .brands .owl-carousel .owl-dots .owl-dot { width: 10px; height: 10px; margin: 5px; border-radius: 50%; background: none; position: relative; } .brands .owl-carousel .owl-dots .owl-dot:after { position: absolute; top: -2px; left: -2px; right: 0; bottom: 0; width: 14px; height: 14px; content: ''; border: 0px solid dodgerblue; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; border-radius: 50%; } .brands .owl-carousel .owl-dots .owl-dot.active { background: skyblue; } .brands .owl-carousel:hover .owl-nav .owl-prev, .owl-carousel:hover .owl-nav .owl-next { opacity: 1; } .brands .owl-carousel:hover .owl-nav .owl-prev { left: -25px; } .brands .owl-carousel:hover .owl-nav .owl-next { right: -25px; } /top Grid/ #top-grid { display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; padding: 10px; -webkit-animation: color-change-4x 5s linear infinite alternate both; animation: color-change-4x 5s linear infinite alternate both; } #top-grid > div { color: white; font-size: 4vw; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; padding: 10px; } #top-grid > div div { color: dodgerblue; font-size: 12px; text-align: center; width: 100%; border-radius: 10px; background: white; } #top-grid div div img{ width: 100%; height: 100%; } #top-grid h6{ color: white; padding: 5px; border-top-left-radius: 10px; border-top-right-radius: 10px; background: black; } #top-grid div div div { border-radius: 0px; background: black; padding: 5px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } #top-grid div div form div span{ padding: 2px; } #top-grid div div form div button { border: 1px; border-radius: 50px; color: dodgerblue; width: 30px; height: 30px; margin-left: 10px; font-size: 14px; padding: 2px; background-color: rgba(58, 58, 58, 0.4); } #top-grid .discount{ position: absolute; margin-left: 15px; font-size: 10px; color: white; width: 30px; height: 30px; padding: 5px 5px; border-radius: 50px; background: black; } #top-grid div div div .quantity{ border: none; } #top-grid .original{ color: #cccccc; text-decoration: line-through; } #top-grid .price{ border: none; } #top-inner-grid { display: grid; grid-template-columns: 1fr 1fr; grid-gap: 5px; } #top-inner-grid > div { background: salmon; padding: 10px; } @-webkit-keyframes color-change-4x { 0% { background: rgba(30, 144, 255, 1); } 33.3333% { background: rgba(100, 149, 237, 1); } 66.666% { background: rgba(30, 144, 255, 1); } 100% { background: rgba(100, 149, 237, 1); } } @keyframes color-change-4x { 0% { background: rgba(30, 144, 255, 1); } 33.3333% { background: rgba(100, 149, 237, 1); } 66.666% { background: rgba(30, 144, 255, 1); } 100% { background: rgba(100, 149, 237, 1); } } /Unbeatable Grid/ #unbeat-grid { background-color: #a4508b; background-image: linear-gradient(200deg, #a4508b 0%, #5f0a87 74%); display: grid; grid-template-rows: 1fr 1fr; grid-template-columns: 1fr 1fr; padding: 2px; } #unbeat-grid > div { color: black; font-size: 4vw; border-radius: 10px; padding: 2px; } #unbeat-grid > div img{ width: 100%; height: 100%; border-radius: 0px; } #unbeat-grid div div{ font-weight: bold; color: black; font-size: 12px; text-align: left; width: 100%; height: 100%; padding: 2px; background: white; z-index: 999; } #unbeat-grid .discount{ position: absolute; margin-left: 15px; margin-top: 15px; font-size: 10px; color: white; width: 30px; height: 30px; padding: 5px 5px; border-radius: 50px; background: black; } #unbeat-grid div div span{ margin-left: 20px; } #unbeat-grid div div i{ float: right; margin-right: 10px; margin-top: 4px; } #unbeat-grid > div div img{ width: 100%; height: 93%; border-radius: 0px; } </style> <link rel="stylesheet" href="css/style.css"> </head> <body> <div class="wrap"> <div class="container"> <div class="row"> <div class="col-md-6 d-flex justify-content-md-end"> <div class="social-media mr-4"> <p class="mb-0 d-flex"> <a href="https://facebook.com" class="d-flex align-items-center justify-content-center"><span class="fa fa-facebook"><i class="sr-only">Facebook</i></span></a> <a href="https://instagram.com" class="d-flex align-items-center justify-content-center"><span class="fa fa-instagram"><i class="sr-only">Twitter</i></span></a> <a href="https://twitter.com" class="d-flex align-items-center justify-content-center"><span class="fa fa-twitter"><i class="sr-only">Instagram</i></span></a> <a href="https://whatsapp.com" class="d-flex align-items-center justify-content-center"><span class="fa fa-whatsapp"><i class="sr-only">WhatsApp</i></span></a> </p> </div> <div class="reg"> <?php include 'db/connection.php'; $id=$_SESSION['id']; $query=mysqli_query($db,"SELECT FROM maryl_accounts where id='$id'")or die(mysqli_error()); $row=mysqli_fetch_array($query); ?> <p class="mb-0"> <?php if($row['id'] != ""): ?> <a href="accounts/profile.php"> <?php echo $row['username']; ?> </a> <a href="accounts/logout.php"><i class="fas fa-sign-out-alt"></i> </a> <?php else: ?> <a href="accounts">Login</a> \| <a href="accounts/register.php">Register</a> <?php endif; ?> </p> </div> </div> </div> </div> </div> <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar"> <div class="container"> <a class="navbar-brand" href="index.php">Maryl <span>House</span> </a> <div class="order-lg-last btn-group"> <a href="#" class="dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <i class="fa fa-search"> </i> </a> <div class="dropdown-menu dropdown-menu-right"> <div class="dropdown-item d-flex align-items-start" href="#"> <form action="search/index.php" method="post"> <input type="text" name="valueToSearch" placeholder="Wines, Liquors, Beers.."> <input type="submit" name="search" value="Search"> </form> </div> </div> </div> <!--Shopping cart--> <!--Cart icon start--> <?php if(isset($_SESSION["cart_item"])){ $total_quantity = 0; $total_price = 0; ?> <?php foreach ($_SESSION["cart_item"] as $item){ $item_price = $item["quantity"]$item["price"]; ?> <?php $total_quantity += $item["quantity"]; $total_price += ($item["price"]$item["quantity"]); } ?> <!--Cart icon with quantity start--> <div class="order-lg-last btn-group"> <a href="#" class="btn-cart dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="flaticon-shopping-bag"></span> <div class="d-flex justify-content-center align-items-center"><small><?php echo $total_quantity; ?></small></div> </a> <div class="dropdown-menu dropdown-menu-right"> <div class="dropdown-item"> <a href="cart">Proceed <span class="ion-ios-arrow-round-forward"></span></a> <a href="index.php?action=empty" style="float:right;color:#d00000">Empty Cart</a> </div> <div class="dropdown-item" href="#"> <?php if(isset($_SESSION["cart_item"])){ $total_quantity = 0; $total_price = 0; ?> <?php foreach ($_SESSION["cart_item"] as $item){ $item_price = $item["quantity"]$item["price"]; ?> <div style="margin-left:-30px"><?php echo "<img src='admin/shop/images/".$item['image']."' width='30%'>"; ?></div> <div class="" style="float: right;margin-top:-80px;"> <b text-align="center"><?php echo $item["name"]; ?></b> <p class="mb-0"><span class="ml-3">Quantity: <?php echo $item["quantity"]; ?> <span style="color:#d00000"></span> <?php echo "UGX ". number_format ($item["price"]); ?></span> <br> <a href="#" class="price"> <span style="color:#d00000">TOTAL:</span> <strong><?php echo "UGX ". number_format($item_price); ?></strong></a> <a href="index.php?action=remove&code=<?php echo $item["code"]; ?>" class="btnRemoveAction"><img src="icon-delete.png" alt="Remove Item" /></a></p> </div> <hr> <?php $total_quantity += $item["quantity"]; $total_price += ($item["price"]$item["quantity"]); } ?> </div> </div> <?php } else { ?> <div class="no-records">Your Cart is Empty <a href="shop">Go Shopping</a></div> <?php } ?> </div> <!--Cart icon with quantity end--> <?php } else { ?> <!--Cart icon without quantity--> <div class="order-lg-last btn-group"> <a href="#" class="btn-cart dropdown-toggle dropdown-toggle-split" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="flaticon-shopping-bag"></span> </a> <div class="dropdown-menu dropdown-menu-right"> <div class="dropdown-item d-flex align-items-start" href="#"> <i> Your Cart is Empty</i> <a href="shop">Go Shopping</a> </div> </div> </div> <!--Cart icon without quantity end--> <?php } ?> <!--Shopping Cart icon end--> <!--Responsive menu--> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation"> <span class="oi oi-menu"></span> Menu </button> <div class="collapse navbar-collapse" id="ftco-nav"> <ul class="navbar-nav ml-auto"> <li class="nav-item active"><a href="index.php" class="nav-link">Home</a></li> <li class="nav-item"><a href="shop" class="nav-link">Shop</a></li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Categories</a> <div class="dropdown-menu" aria-labelledby="dropdown04" style="background-image: url('pdt/lemon.png');background-position: center;background-size: cover; background: rgba(0, 0, 0, 0.4);"> <a class="dropdown-item" href="category/wine/">Wine</a> <a class="dropdown-item" href="category/gin/">Gin</a> <a class="dropdown-item" href="category/vodka/">Vodka</a> <a class="dropdown-item" href="category/liquer/">Liquer</a> <a class="dropdown-item" href="category/tequila/">Tequila</a> <a class="dropdown-item" href="category/rum/">Rum</a> <a class="dropdown-item" href="category/whiskey/">Whiskey</a> </div> </li> <li class="nav-item"><a href="about" class="nav-link">About</a></li> <li class="nav-item"><a href="contact" class="nav-link">Contact</a></li> </ul> </div> </div> </nav> <!-- END nav --> <div class="hero-wrap" style="background-image: url('images/bg_4.jpg');" data-stellar-background-ratio="0.5"> <div class="overlay"></div> <div class="container"> <div class="row no-gutters slider-text align-items-center justify-content-center"> <div class="col-md-8 ftco-animate d-flex align-items-end"> <div class="text w-100 text-center"> <h1 class="mb-4">Good <span>Drink</span> for Good <span>Moments</span>.</h1> <p><a href="shop" class="btn btn-primary py-2 px-4">Shop Now</a> </p> </div> </div> </div> </div> </div> <!--Categories start--> <section class="ftco-section ftco-no-pb" style="background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;"> <h2 align="center" style="color:white">Our Categories</h3> <br> <div class="container"> <div class="row"> <div class="col-lg-2 col-md-4"> <div class="sort w-100 text-center ftco-animate"> <a href="category/wine"> <div class="img" style="background-image: url(pdt/wine10.jpg);"></div> </a> <h3 style="color: white;">Wine</h3> </div> </div> <div class="col-lg-2 col-md-4"> <div class="sort w-100 text-center ftco-animate"> <a href="category/beer"> <div class="img" style="background-image: url(pdt/heineken1.jpg);"></div> </a> <h3 style="color: white;">Beers</h3> </div> </div> <div class="col-lg-2 col-md-4"> <div class="sort w-100 text-center ftco-animate"> <a href="category/rum"> <div class="img" style="background-image: url(images/kind-3.jpg);"></div> </a> <h3 style="color: white;">Rum</h3> </div> </div> <div class="col-lg-2 col-md-4"> <div class="sort w-100 text-center ftco-animate"> <a href="category/tequila"> <div class="img" style="background-image: url(images/kind-4.jpg);"></div> </a> <h3 style="color: white;">Tequila</h3> </div> </div> <div class="col-lg-2 col-md-4"> <div class="sort w-100 text-center ftco-animate"> <a href="category/ginNvodka"> <div class="img" style="background-image: url(pdt/absolute1.jpg);"></div> </a> <h3 style="color: white;">Gin & Vodka</h3> </div> </div> <div class="col-lg-2 col-md-4"> <div class="sort w-100 text-center ftco-animate"> <a href="category/whiskey"> <div class="img" style="background-image: url(images/kind-6.jpg);"></div> </a> <h3 style="color: white;">Whiskey</h3> </div> </div> </div> </div> </section> <br> <!--Categories End--> <div class=" wrap-about ftco-animate py-5"> <div class="heading-section"> <div class="year"> <h2 class="mb-4" align="center" style="color: black;"> Over <strong class="number" data-number="150">0</strong> Brands</h2> </div> </div> </div> <!-- Carousel Start --> <div id="carousel" class="carousel slide" data-ride="carousel"> <ol class="carousel-indicators"> <li data-target="#carousel" data-slide-to="0" class="active"></li> <li data-target="#carousel" data-slide-to="1"></li> <li data-target="#carousel" data-slide-to="2"></li> <li data-target="#carousel" data-slide-to="3"></li> <li data-target="#carousel" data-slide-to="4"></li> <li data-target="#carousel" data-slide-to="5"></li> <li data-target="#carousel" data-slide-to="6"></li> <li data-target="#carousel" data-slide-to="7"></li> <li data-target="#carousel" data-slide-to="8"></li> </ol> <div class="carousel-inner"> <div class="carousel-item active"> <img src="images/stock/liqor/4.png" alt="#"> <div class="carousel-caption"> <p class="animated rubberBand">Great Selection</p> <h1 class="animated swing">Great Taste</h1> </div> </div> <div class="carousel-item"> <img src="images/stock/liqor/1.png" alt="#"> <div class="carousel-caption"> </div> </div> <div class="carousel-item"> <img src="images/stock/wine/11.jpg" alt="#"> <div class="carousel-caption"> <p class="animated bounceInDown">Tastefully</p> <h1 class="animated bounceInLeft">Winelicious</h1> </div> </div> <div class="carousel-item"> <img src="images/stock/liqor/7.png" alt="#"> <div class="carousel-caption"> <p class=""></p> <h1 class="animated infinite pulse"></h1> </div> </div> <div class="carousel-item"> <img src="images/stock/liqor/5.png" alt="#"> <div class="carousel-caption"> </div> </div> <div class="carousel-item"> <img src="images/stock/wine/7.jpg" alt="#"> <div class="carousel-caption"> </div> </div> <div class="carousel-item"> <img src="images/stock/liqor/10.png" alt="#"> <div class="carousel-caption"> </div> </div> <div class="carousel-item"> <img src="images/stock/wine/3.jpg" alt="#"> <div class="carousel-caption"> </div> </div> <div class="carousel-item"> <img src="images/stock/liqor/6.png" alt="#"> <div class="carousel-caption"> </div> </div> </div> <div class="carousel-caption" style="background: none;"> <a class="carousel-control-prev" href="#carousel" role="button" data-slide="prev"> <span class="carousel-control-prev-icon" aria-hidden="true"></span> <span class="sr-only">Previous</span> </a> <a class="carousel-control-next" href="#carousel" role="button" data-slide="next"> <span class="carousel-control-next-icon" aria-hidden="true"></span> <span class="sr-only">Next</span> </a> </div> </div> <br> <br> <!-- Carousel End --> <!-- *** Welcome Slides Area Start **** --> <section class="welcome_area" style="background-image: url('images/bg_1.jpg');background-repeat: no-repeat;background-position: center;background-size: cover;"> <div class="welcome_slides owl-carousel"> <!-- Single Slide Start --> <div class="single_slide"> <div class="info-text"> <h6 data-animation="bounceInLeft" data-delay="0" data-duration="500ms">Top Quality Drinks</h6> </div> </div> <!-- Single Slide Start --> <div class="single_slide"> <div class="info-text"> <h6 data-animation="bounceInUp" data-delay="0" data-duration="500ms">Ranging From Wines To Liquors</h6> </div> </div> <!-- Single Slide Start --> <div class="single_slide"> <div class="info-text"> <h6 data-animation="bounceInLeft" data-delay="0" data-duration="1s">Strictly Top Certified Brands</h6> </div> </div> <!-- Single Slide Start --> <div class="single_slide"> <div class="info-text"> <h6 data-animation="bounceInDown" data-delay="0" data-duration="1s">Top Discounts On All</h6> </div> </div> <!-- Single Slide Start --> <div class="single_slide"> <div class="info-text"> <h6 data-animation="bounceInDown" data-delay="0" data-duration="1s">Quick Delivery</h6> </div> </div> <!-- Single Slide Start --> <div class="single_slide"> <div class="info-text"> <h6 data-animation="bounceInRight" data-delay="0" data-duration="1s">Top selections for you</h6> </div> </div> </section> <!--db products--> <section class="ftco-section" style="background: linear-gradient(-45deg, #23d5ab, #23a6d5, #e73c7e, #ee7752);background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;"> <div class="container"> <div class="row justify-content-center pb-5"> <div class="col-md-7 heading-section text-center ftco-animate"> <h2>Our Delightful Offers</h2> <span class="subheading">Tastefully Yours</span> </div> </div> <div class="row"> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=1"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <div class="col-md-3 d-flex"> <div class="product ftco-animate"> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <div class="text text-center"> <h2><?php echo $product_array[$key]["name"]; ?></h2> <span class="price"><?php echo $product_array[$key]["flavor"]; ?></span> <span class="category"><?php echo $product_array[$key]["type"]; ?></span> </div> <div id="pdt_img" class="img d-flex justify-content-center "> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."' style='min-height:300px;'>"; ?> </div> <p class="seller1"><?php echo $product_array[$key]["quantity"]; ?></p> <div class="text text-center"> <span class="seller">- <?php echo $product_array[$key]["discount"]; ?></span> <p class="mb-0"> <span class="price price-sale"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> </p> <br> <br> <input type="text" class="quantity" name="quantity" value="1" size="2" /> <input type="submit" value="Add to Cart" /> </div> </form> </div> </div> <?php } } ?> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=59"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <div class="col-md-3 d-flex"> <div class="product ftco-animate"> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <div class="text text-center"> <h2><?php echo $product_array[$key]["name"]; ?></h2> <span class="price"><?php echo $product_array[$key]["flavor"]; ?></span> <span class="category"><?php echo $product_array[$key]["type"]; ?></span> </div> <div id="pdt_img" class="img d-flex justify-content-center "> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."' style='min-height:300px;'>"; ?> </div> <p class="seller1"><?php echo $product_array[$key]["quantity"]; ?></p> <div class="text text-center"> <span class="seller">- <?php echo $product_array[$key]["discount"]; ?></span> <p class="mb-0"> <span class="price price-sale"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> </p> <br> <br> <input type="text" class="quantity" name="quantity" value="1" size="2" /> <input type="submit" value="Add to Cart" /> </div> </form> </div> </div> <?php } } ?> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=8"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <div class="col-md-3 d-flex"> <div class="product ftco-animate"> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <div class="text text-center"> <h2><?php echo $product_array[$key]["name"]; ?></h2> <span class="price"><?php echo $product_array[$key]["flavor"]; ?></span> <span class="category"><?php echo $product_array[$key]["type"]; ?></span> </div> <div id="pdt_img" class="img d-flex justify-content-center "> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."' style='min-height:300px;'>"; ?> </div> <p class="seller1"><?php echo $product_array[$key]["quantity"]; ?></p> <div class="text text-center"> <span class="seller">- <?php echo $product_array[$key]["discount"]; ?></span> <p class="mb-0"> <span class="price price-sale"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> </p> <br> <br> <input type="text" class="quantity" name="quantity" value="1" size="2" /> <input type="submit" value="Add to Cart" /> </div> </form> </div> </div> <?php } } ?> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=36"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <div class="col-md-3 d-flex"> <div class="product ftco-animate"> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <div class="text text-center"> <h2><?php echo $product_array[$key]["name"]; ?></h2> <span class="price"><?php echo $product_array[$key]["flavor"]; ?></span> <span class="category"><?php echo $product_array[$key]["type"]; ?></span> </div> <div id="pdt_img" class="img d-flex justify-content-center "> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."' style='min-height:300px;'>"; ?> </div> <p class="seller1"><?php echo $product_array[$key]["quantity"]; ?></p> <div class="text text-center"> <span class="seller">- <?php echo $product_array[$key]["discount"]; ?></span> <p class="mb-0"> <span class="price price-sale"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> </p> <br> <br> <input type="text" class="quantity" name="quantity" value="1" size="2" /> <input type="submit" value="Add to Cart" /> </div> </form> </div> </div> <?php } } ?> </div> <div class="row justify-content-center"> <div class="col-md-4"> <a href="shop" class="btn btn-primary d-block">View All Products <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> </section> <!--Overview--> <section class="ftco-section ftco-no-pb"> <div class="container"> <h2 class="mb-4" align="center"> <b>Desire Meets A New Taste</b> </h2> <div class="row" align="center"> <div class="col-md-6 img img-3 d-flex justify-content-center align-items-center ftco-animate py-5" style="background-image: url(images/sip1.png); border-radius: 10px;height: 400px;"> </div> <div class="col-md-6 wrap-about pl-md-5 ftco-animate py-5"> <div class="heading-section"> <span class="subheading">Overview</span> <h2 class="mb-4" style=" color: dodgerblue !important;background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;">Maryl House</h2> <p>A great inspiration named Maryl Wines & Liquor House by your stride supplies you with the necessary regelialia. It is a paradisematic house, in which roasted sparkles of joy fly into your mouth rewritten a thousand times and everything that was left from its origin.</p> <p class="year"> <b style="font-weight: bold;font-size: 16px;">More Than</b> <strong class="number" style="font-size: 20px;" data-number="300">0</strong> <span style="font-weight: bold;font-size: 16px;">Types</span> </p> </div> </div> </div> </div> </section> <!--Dropdown Start--> <div class="navbar1" style="background-image: url(gif/gif14.gif);"> <div class="subnav1"> <button class="subnavbtn1">Beers <i class="fa fa-caret-down"></i></button> </div> <div class="subnav1"> <button class="subnavbtn1">Wines <i class="fa fa-caret-down"></i></button> <div class="subnav-content1"> <!--start--> <section class="ftco-section testimony-section img" style="background-image: url(images/image_5.jpg);"> <div class="overlay"></div> <div class="container" style="margin-top:-80px;"> <div class="row ftco-animate"> <div class="col-md-12"> <div class="carousel-testimony owl-carousel ftco-owl"> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/nederburg2.jpg" height="300px"> <div class="pl-3"> <p class="name">Nederburg</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/namaqua1.jpg" height="300px"> <div class="pl-3"> <p class="name">Namaqua</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/barcadi3.jpg" height="300px"> <div class="pl-3"> <p class="name">Barcadi</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/baileys.jpg" height="300px"> <div class="pl-3"> <p class="name">Baileys</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/wine11.jpg" height="300px"> <div class="pl-3"> <p class="name">Macari</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--End--> </div> </div> <div class="subnav1"> <button class="subnavbtn1">Liqours <i class="fa fa-caret-down"></i></button> <div class="subnav-content1"> <!--start--> <section class="ftco-section testimony-section img" style="background-image: url(images/bg_1.jpg);"> <div class="overlay"></div> <div class="container" style="margin-top:-80px;"> <div class="row ftco-animate"> <div class="col-md-12"> <div class="carousel-testimony owl-carousel ftco-owl"> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/ug5.jpg" height="300px"> <div class="pl-3"> <p class="name">Uganda Waragi</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/smirnoff2.jpg" height="300px"> <div class="pl-3"> <p class="name">Smirnoff</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/jameson2.jpg" height="300px"> <div class="pl-3"> <p class="name">Jameson</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/labels.jpg" height="300px"> <div class="pl-3"> <p class="name">Labels</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/ciroc.png" height="300px"> <div class="pl-3"> <p class="name">Ciroc</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/crazy2.jpg" height="300px"> <div class="pl-3"> <p class="name">Crazy Cork</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/gilbeys.jpg" height="300px"> <div class="pl-3"> <p class="name">Gilbeys</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--End--> </div> </div> </div> <!--Dropdown End--> <!--start--> <section class="ftco-section testimony-section img" style="background-image: url(images/kind-6.jpg);"> <div class="overlay"></div> <div class="container" style="margin-top:-80px;"> <div class="row ftco-animate"> <div class="col-md-12"> <div class="carousel-testimony owl-carousel ftco-owl"> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/bell4.jpg" height="300px"> <div class="pl-3"> <p class="name">Bell</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/pack2.jpg" height="300px"> <div class="pl-3"> <p class="name">Nile Special</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/smirnoff4.jpg" height="300px"> <div class="pl-3"> <p class="name">Smirnoff</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/tusker12.jpg" height="300px"> <div class="pl-3"> <p class="name">Tusker Lite</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/guiness1.jpg" height="300px"> <div class="pl-3"> <p class="name">Guiness</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/heineken3.jpg" height="300px"> <div class="pl-3"> <p class="name">Heineken</p> </div> </div> </div> </div> <div class="item"> <div class="testimony-wrap py-4"> <div class="text"> <img src="pdt/tusker3.jpg" height="300px"> <div class="pl-3"> <p class="name">Tusker</p> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!--End--> <br> <!--Top Selections--> <h2 class="mb-4" align="center"> <b>Top Selections</b> </h2> <div id="top-grid"> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=36"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=72"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=18"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=45"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=80"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=3"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=26"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=23"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <h6><?php echo $product_array[$key]["name"]; ?></h6> <span class=""><?php echo $product_array[$key]["flavor"]; ?></span> <span class=""><?php echo $product_array[$key]["type"]; ?></span> <br> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> <span class="quantity1"><?php echo $product_array[$key]["quantity"]; ?></span> <div> <span class="original"><?php echo number_format ($product_array[$key]["original"])."ugx"; ?></span> <span class="price"><?php echo number_format ($product_array[$key]["price"])."ugx"; ?></span> <input type="hidden" class="quantity" name="quantity" value="1" /> <button type="submit"> <span class="flaticon-shopping-bag"></span> </button> </div> </form> <?php } } ?> </div> </div> </div> <br> <!--Unbeat Grid--> <h2 class="mb-4" align="center"> <b>Unbeattable Discounts</b> </h2> <div id="unbeat-grid" style="background-image: url('images/about.jpg');background-position: center;background-size: contain;"> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=45"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=55"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=101"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=17"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=41"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=8"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=54"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=69"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=35"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> <div> <div> <?php $product_array = $db_handle->runQuery("SELECT * FROM shop WHERE id=93"); if (!empty($product_array)) { foreach($product_array as $key=>$value){ ?> <form method="post" action="index.php?action=add&code=<?php echo $product_array[$key]["code"]; ?>"> <span class="discount"><?php echo $product_array[$key]["discount"]; ?></span> <?php echo "<img src='admin/shop/images/".$product_array[$key]['image']."'>"; ?> </form> <?php } } ?> </div> </div> </div> <br> <!--About Start--> <section class="ftco-section ftco-no-pb"> <div class="container"> <div class="row"> <div class="col-md-6 wrap-about pl-md-5 ftco-animate py-5"> <div class="heading-section"> <h2 align="center" style="background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;">A Unique Regelialia</h2> </div> </div> <div class="col-md-6 img img-3 d-flex justify-content-center align-items-center" style="background-image: url(gif/gif3.gif); border-radius: 10px;min-height: 400px;"> </div> <div class="col-md-6 wrap-about pl-md-5 ftco-animate py-5"> <div class="heading-section"> <p class="year" align="center"> <b style="font-weight: bold;font-size: 22px;">More Than</b> <strong class="number" style="font-size: 40px;" data-number="300">0</strong> <span style="font-weight: bold;font-size: 22px;">Types</span> </p> </div> </div> </div> </div> </section> <!--About End--> <hr> <!--Brands--> <section class="ftco-section testimony-section img brands"> <div class="container"> <div class="row justify-content-center mb-5"> <div class="col-md-7 text-center heading-section heading-section-white ftco-animate"> <span class="subheading" style="color: dodgerblue;">Our trusted</span> <h2 class="mb-3" style="background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;-webkit-background-clip: text;-webkit-text-fill-color: transparent;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;">Brands</h2> </div> </div> <div class="row ftco-animate"> <div class="col-md-12"> <div class="carousel-testimony owl-carousel ftco-owl"> <div class="item" align="center"> <img src="images/brands/amarula.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jw.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/skyy.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jd.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/ball.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/absolut.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/baileys.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jp.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/sheridans.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/beefeater.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/ug.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jameson.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/nederburg.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jim.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/cinzano.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/hennessy.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/single.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/malibu.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/barcadi.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/remy.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/gordons.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jose.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/vat.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/gilbeys1.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/robert.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/jb.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/ciroc.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/bw.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/cousins.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/smirnoff.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/cruz.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/tanq.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/medea.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/seven.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/olmeca.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/grants.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/street1.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/morgan.png" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/dram.jpeg" style="width: 50%;height: 150px;"> </div> <div class="item" align="center"> <img src="images/brands/kwv.jpeg" style="width: 50%;height: 150px;"> </div> </div> <hr> </div> </div> </div> </section> <section class="ftco-section" style="background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);background-size: 400% 400%;-webkit-animation: gradient 15s ease infinite;animation: gradient 15s ease infinite;"> <div class="container"> <div class="row justify-content-center mb-5"> <div class="col-md-7 heading-section text-center ftco-animate"> <span class="subheading" style="color: skyblue !important;">About</span> <h2>Categories</h2> </div> </div> <div class="row d-flex"> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/wine" class="block-20 img" style="background-image: url('images/stock/wine/11.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/wine">Wines</a></h3> <p>Wine is an alcoholic drink typically made from fermented grapes. Yeast consumes the sugar in the grapes and converts it to ethanol and carbon dioxide, releasing heat in the process. Different varieties of grapes and strains of yeasts are major factors in different styles of wine. </p> <a href="category/wine" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/gin" class="block-20 img" style="background-image: url('images/image_2.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/gin">Gin</a></h3> <p>Gin is a type of alcoholic drink with a high amount of alcohol in it, usually about 35-50% alcohol by volume. It was invented in the Netherlands in the 17th century, and soon became very popular in England.</p> <a href="category/gin" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/vodka" class="block-20 img" style="background-image: url('pdt/absolute3.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/vodka">Vodka</a></h3> <p>Vodka is a Russian alcoholic drink that is usually about 40% alcohol. It is clear (but can be flavoured), though it is sometimes mixed with other liquids before people drink it. It was first popular in the Slavic countries of Eastern Europe and former republics of the Soviet Union.</p> <a href="category/vodka" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/liquer" class="block-20 img" style="background-image: url('pdt/baileys5.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/liquer">Liquer</a></h3> <p>A liqueur is a sweet-tasting alcoholic drink. It is often flavored with fruits, herbs, spices, flowers, seeds, roots, plants, barks, and sometimes cream. The word liqueur comes from the Latin word liquifacere which means "to dissolve." This is because the flavors are dissolved to help make the liqueur.</p> <a href="category/liquer" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/tequila" class="block-20 img" style="background-image: url('images/image_1.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/tequila">Tequila</a></h3> <p>Tequila is a Latin American drink from Mexico that contains alcohol. It is made from a plant called agave. It contains about 40 percent alcohol, and is often used in bars and nightclubs to make mixed drinks such as the tequila sunrise or the Margarita.</p> <a href="category/tequila" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/whiskey" class="block-20 img" style="background-image: url('images/about.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/whiskey">Whiskey</a></h3> <p>Whisky is a strictly regulated spirit worldwide with many classes and types. The typical unifying characteristics of the different classes and types are the fermentation of grains, distillation, and ageing in wooden barrels.</p> <a href="category/whiskey" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> <div class="col-lg-6 d-flex align-items-stretch ftco-animate"> <div class="blog-entry d-flex"> <a href="category/rum" class="block-20 img" style="background-image: url('images/image_3.jpg');"> </a> <div class="text p-4 bg-light"> <h3 class="heading mb-3"><a href="category/rum">Rum</a></h3> <p>Rum is an alcoholic spirit. It is made from molasses and other sugarcane by-products through fermentation and distillation. Rum is mostly made in or around the Caribbean. Rum is also made in other parts of the world, like Fiji or Australia.</p> <a href="category/rum" class="btn-custom">Continue <span class="fa fa-long-arrow-right"></span></a> </div> </div> </div> </div> </div> </section> <footer class="ftco-footer"> <div class="container"> <div class="row mb-5"> <div class="col-sm-12 col-md"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2 logo"><a href="#">Maryl Wine & Liqour House</a></h2> <ul class="ftco-footer-social list-unstyled mt-2"> <li class="ftco-animate"><a href="https://facebook.com"><span class="fa fa-facebook" style="color: dodgerblue;font-size: 20px;"></span></a></li> <li class="ftco-animate"><a href="https://instagram.com"><span class="fa fa-instagram" style="color: dodgerblue;font-size: 20px;"></span></a></li> <li class="ftco-animate"><a href="https://twitter.com"><span class="fa fa-twitter" style="color: dodgerblue;font-size: 20px;"></span></a></li> <li class="ftco-animate"><a href="https://whatsapp.com"><span class="fa fa-whatsapp" style="color: dodgerblue;font-size: 20px;"></span></a></li> </ul> </div> </div> <div class="col-sm-12 col-md"> <div class="ftco-footer-widget mb-4 ml-md-4"> <h2 class="ftco-heading-2">Information</h2> <ul class="list-unstyled"> <li><a href="about"><span class="fa fa-chevron-right mr-2"></span>About us</a></li> <li><a href="terms"><span class="fa fa-chevron-right mr-2"></span>Terms of use</a></li> <li><a href="privacy"><span class="fa fa-chevron-right mr-2"></span>Privacy</a></li> </ul> </div> </div> <div class="col-sm-12 col-md" style="float: left;"> <div class="ftco-footer-widget mb-4"> <h2 class="ftco-heading-2">Contact Information</h2> <div class="block-23 mb-3"> <ul> <li><span class="icon fa fa-map marker"></span><span class="text">Kampala, Uganda</span></li> <li><a href="tel:256392392210"><span class="icon fa fa-phone"></span><span class="text">+256 392 3929 210</span></a></li> <li><a href="mailto:info@marylhouse.com"><span class="icon fa fa-paper-plane pr-4"></span><span class="text">info@marylhouse.com</span></a></li> </ul> </div> </div> </div> </div> </div> <div class="container-fluid px-0 py-5 bg-black"> <div class="container"> <div class="row"> <div class="col-md-12"> <p class="mb-0" style="color: rgba(255,255,255,.5);"> Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved \| <a href="#" target="_blank">Maryl Wine & Liqour House</a> </p> <br> <p class="mb-0" style="color: rgba(255,255,255,.5);"> Powered by \| <a href="https://customassistinc.com" target="_blank">Custom Assist Inc.</a> </p> </div> </div> </div> </div> </footer> <!-- loader --> <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#F96D00"/></svg></div> <script src="js/jquery.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/jquery.waypoints.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.magnific-popup.min.js"></script> <script src="js/jquery.animateNumber.min.js"></script> <script src="js/scrollax.min.js"></script> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBVWaKrjvy3MaE7SQ74_uJiULgl1JY0H2s&sensor=false"></script> <script src="js/google-map.js"></script> <script src="js/main.js"></script> <!-- Active js --> <script src="js/active.js"></script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.1.33 | Generation time: 2.5 | proxy | phpinfo | Settings