Al Amir Group

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Al Amir Group</title>   <link rel="stylesheet" href="css/library/aos.css" />  <link rel="stylesheet" href="css/library/swiper.min.css" />  <link rel="preconnect" href="https://fonts.googleapis.com" /> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />  <link rel="icon" href="assets/logo/lgo.ico" type="image/x-icon"> <link rel="stylesheet" href="css/bootstrap.min.css">  <link rel="stylesheet" href="css/fonts/font/all.min.css" />   <link rel="stylesheet" href="css/style.css" /> </head> <body>  <div class="btnScroll"> <i class="fa-solid fa-long-arrow-up"></i> </div>     <nav class="navbar navbar-expand-lg bg-light"> <div class="container container-2"> <a class="navbar-brand" href="../index"> <img src="assets/logo/logo.png" alt="" style="width: 100%;">  </a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation" style="border:none;"> <div class="navbar-toggler-icon" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <img src="assets/bar/menu-041.png" alt="" style="object-fit: cover;"> </div> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav mx-auto">  <li class="nav-item"> <a class="nav-link active" aria-current="page" href="/../index" style="font-size: 18px; color: black;">Home</a> <div class="imgShape-nave"> <img src="assets/shape/shape.png" alt="imgShape"> </div> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="about" style="font-size: 18px; color: black;">About Us</a> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle active" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="font-size: 18px; color: black;"> Products </a> <ul class="dropdown-menu">  <li><a class="dropdown-item" href="Product.php?category=pulses">Pulses</a></li> <li><a class="dropdown-item" id="clickcontact" onclick="redirectcontact()" href="Product.php?category=spices">Spices</a></li> <li><a class="dropdown-item" id="nuts" onclick="redirectcontact()" href="Product.php?category=nuts">Nuts</a></li> <li><a class="dropdown-item" id="coffee" onclick="redirectcontact()" href="Product.php?category=coffee">Coffee</a></li> <li><a class="dropdown-item" id="Sesame" onclick="redirectcontact()" href="Product.php?category=Sesame">Sesame &Tahini</a></li> <li><a class="dropdown-item" id="dates" onclick="redirectcontact()" href="Product.php?category=dates">Egyptian Dates</a></li> </ul> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="career" style="font-size: 18px; color: black;">Careers</a> </li> </ul> <button type="button" class="btn btn-warning btn-B"> <a href="contact" style="font-size: 16px; color: black;">Contact Us</a> </button> </div> </div> </nav>   <main> <script> document.addEventListener("DOMContentLoaded", function() { const urlParams = new URLSearchParams(window.location.search); const category = urlParams.get("category"); if (category) { const targetCategory = document.querySelector(`[data-fill=".${category}"]`); if (targetCategory) { targetCategory.click(); // 鬲賳賮賷匕丕賱賳賯乇丞毓賱賶丕賱賯爻賲丕賱賲毓賳賷 } } }); </script> </script>  <section class="product">  <div class="container">  <div class="title__Section d-flex flex-column justify-content-center align-items-center" > <h1 class="title">Products</h1> <p class="text"> Our logistical expertise & connections, innovative manufacturing processes, and being customer-insight oriented, give us unsurpassed capabilities to develop our products in a way that meets the needs & exceeds the expectations of our clients. </p> </div>   <div class="grid__Products">  <div class="gridOne">  <div class="allGridOne">  <div class="Categories">  <div class="titleCat"> <h2 class="title">Categories</h2> </div>   <div class="links__Categories"> <ul class="listCat"> <li class="itemCat"> <a href="#" class="linkItemCat active pulces" id="pulses" data-fill=".pulses">Pulses</a> </li> <li class="itemCat"> <a href="#" class="linkItemCat spices" id="clickcontact" data-fill=".spices">Spices</a> </li> <li class="itemCat"> <a href="#" class="linkItemCat nuts" id="nutss" data-fill=".nuts">Nuts</a> </li> <li class="itemCat"> <a href="#" class="linkItemCat coffee" id="coffeee" data-fill=".coffee">Coffee</a> </li> <li class="itemCat"> <a href="#" class="linkItemCat Sesame" id="Sesame" data-fill=".Sesame">Sesame seeds & tahini</a> </li> <li class="itemCat"> <a href="#" class="linkItemCat dates" id="dates" data-fill=".dates">Egyptian Dates</a> </li> <li class="itemCat"> <a href="#" class="linkItemCat all" data-fill=".all">View all</a> </li> </ul> </div>  <button class="btn btn-B btn-warning SendIn" onclick="togglePopup()"> <a href="#">Send Inquiry</a> </button> </div>  </div>  </div>   <div class="gridTwo">  <div class="all__Products"> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/trms.png' alt='imgProduct' data-magnify-src='../res/images/trms.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">White kidney beans</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0988-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0988-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole broad beans</h1> <p class="text"> Egypt,Argentina, Ukraine ,Russia , Canada</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/BFAVP-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/BFAVP-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Split broad beans</h1> <p class="text"> Egypt , Canda , lithuania, Canada, C , Ukraine </p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0848-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0848-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole faba beans</h1> <p class="text"> Egypt, England, lithuania, Canada, Germany, Ukraine, Australia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_1111-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_1111-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Split faba beans</h1> <p class="text"> Egypt , England , lithuania, Canada, Germany , Ukraine, Australia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0938-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0938-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole green lentils</h1> <p class="text"> Egypt, England, lithuania, Canada, Germany, Ukraine, Australia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/AdobeStock1.png' alt='imgProduct' data-magnify-src='../res/images/AdobeStock1.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Split yellow lentils</h1> <p class="text"> America, Canada, Russia, Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0947__2_-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0947__2_-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole red lentils</h1> <p class="text"> Canada, Russia, America, Ukraine, Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/split red lentils.png' alt='imgProduct' data-magnify-src='../res/images/split red lentils.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Split red lentils</h1> <p class="text"> Australia,Canada, Russia, Ukraine,Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 & 25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0928-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0928-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole green peas</h1> <p class="text"> Egypt,Argentina, Ukraine ,Russia , Canada</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 & 50 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/psella.png' alt='imgProduct' data-magnify-src='../res/images/psella.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Split green peas</h1> <p class="text"> Egypt,Argentina, Ukraine ,Russia , Canada</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 & 50 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/aaa.png' alt='imgProduct' data-magnify-src='../res/images/aaa.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole yellow peas</h1> <p class="text"> Egypt,Argentina, Ukraine ,Russia , Canada</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 & 50 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0861-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0861-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Split yellow peas</h1> <p class="text"> Egypt,Russia, Ukraine</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0970.JPG' alt='imgProduct' data-magnify-src='../res/images/IMG_0970.JPG' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Chickpeas</h1> <p class="text"> Egypt,Russia, Australia ,America, Canada, India, Mexico, Turkey</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/trms1.png' alt='imgProduct' data-magnify-src='../res/images/trms1.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">lupins</h1> <p class="text"> Egypt,Australia , chile</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/lupy.png' alt='imgProduct' data-magnify-src='../res/images/lupy.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Black eye beans </h1> <p class="text"> Egypt,Brazil</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/ad2.png' alt='imgProduct' data-magnify-src='../res/images/ad2.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Red kidney beans</h1> <p class="text"> Egypt,Argentina, Uganda</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/basmty.JPG' alt='imgProduct' data-magnify-src='../res/images/basmty.JPG' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Basmati rice </h1> <p class="text"> Egypt,India, Pakistan</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 & 25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/pop-corn.png' alt='imgProduct' data-magnify-src='../res/images/pop-corn.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Popcorn</h1> <p class="text"> Egypt,Brazil,America,Argentina,Turkey</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">20&25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/wite.png' alt='imgProduct' data-magnify-src='../res/images/wite.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">White millet</h1> <p class="text"> Egypt,Usa</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/yellow millet.png' alt='imgProduct' data-magnify-src='../res/images/yellow millet.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Yellow millet</h1> <p class="text"> Egypt,Ukraine , Russia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/popcornremovebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/popcornremovebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Sorghum </h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/barley_seeds__1_-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/barley_seeds__1_-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Barley seeds</h1> <p class="text"> Russia, Ukraine, Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">60 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/IMG_0938__1_-removebg-preview.png' alt='imgProduct' data-magnify-src='../res/images/IMG_0938__1_-removebg-preview.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">Whole green lentils</h1> <p class="text"> Egypt, England, Lithuania, Canada, Germany, Ukraine, Australia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all pulses"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" id="ex1" style="width: 200px; height: 100%; margin-top: 70px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture > <span class='zoom' > <img style='border-radius: 10px;' src='../res/images/trms.png' alt='imgProduct' data-magnify-src='../res/images/trms.png' > </span> </picture> </figure> <div class="content content-products"> <h1 class="title">White kidney beans</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div>  <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/kakdeh.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Hibiscus</h1> <p class="text"> Nigeria , Sudan , Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">15 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/molkhia.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Dried mellow</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/flfl.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Black pepper</h1> <p class="text"> Egypt,Brazil,Madagascar , Vietnam </p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/cosbra.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Coriander</h1> <p class="text"> Syria , Morocoo , Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">20 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/carwia.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Carawy seeds</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/fennel.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Fennel seeds </h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/yansoon.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Anise seeds</h1> <p class="text"> Syria , Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/kamoon.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Cumin seeds</h1> <p class="text"> Egypt , india , syria</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/black-seeds-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Black seeds (nigella seeds)</h1> <p class="text"> Egypt,Syria , South africa </p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/dry ginger.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Dry ginger</h1> <p class="text"> Egypt,India , Nigeria </p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">20, 25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/lwry.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Bay laurel</h1> <p class="text"> Egypt,Syria</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">15 , 25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/netmeg-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Nutmeg</h1> <p class="text"> Egypt,Indonesia , Sirilanka</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 , 50 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/toom.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Dried garlic</h1> <p class="text"> Egypt,India</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/rashad.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Asaliya seeds</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/dakar.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title"> Frankincense</h1> <p class="text"> Egypt,Sudan</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 , 50 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/glgan.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Galngal </h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/qerfa.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Cigar cinnamon</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">30 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/mustard-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Mustard seeds</h1> <p class="text"> Egypt,Russia , India</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/shofan2.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Oats</h1> <p class="text"> Egypt,ukranine , lituania , england</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">20 , 25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/7bhan.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Cardamom</h1> <p class="text"> Egypt,India</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">5 , 40 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/flex seeds.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Flax seeds</h1> <p class="text"> Canada , Egypt , Ukranine</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all spices" id="spices"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 34px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture class="zoom" ><img id='ex1' style='border-radius: 10px;' src='../res/images/helba.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Fenugreek</h1> <p class="text"> Egypt , Syria , Inida , Pakistan</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div>   <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/382e3f7d-b37e-4dd6-a9ba-dcc06079194b-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Sunflower seeds</h1> <p class="text"> China</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">30 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/lep.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Pumpkin Seeds</h1> <p class="text"> Turkey & Ukraine</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 & 30 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/raw-blanched-peanuts-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Blanched peanuts </h1> <p class="text"> Chad & India & China</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/sodany1.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Split blanched peanuts </h1> <p class="text"> Chad & India & China</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/IMG_1010-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Hazelnut kernels</h1> <p class="text"> Turkey</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/IMG_0970.JPG' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Balnched hazelnut </h1> <p class="text"> Turkey</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/loz.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Almond kernels </h1> <p class="text"> Spain&America</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">22,680 10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/fsdq.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Pistachio kernels</h1> <p class="text"> Iran & America & Syria</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box&bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/images-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Pistachio green skin</h1> <p class="text"> Iran & America & Syria</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/cajo.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Cashew kernels</h1> <p class="text"> Vietnam</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">22.680 & 10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/zz.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Corn</h1> <p class="text"> SPAIN & EGYPT & JORDON </p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/zepep.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Raisins </h1> <p class="text"> IRAN & EGYPT & CHILE & SOUTH AFRICA</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">5 &10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/walnuts_inshell_1024x1024-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Raw walnut</h1> <p class="text"> CHILE & AMERICA & CHINA</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/walnut.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Walnut kernels </h1> <p class="text"> CHILE & AMERICA & CHINA</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/qrasia.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Dried apricots </h1> <p class="text"> TURKEY</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">2.5&10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/FRUT-03B-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Apricote paste</h1> <p class="text"> Syria</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">20 ROLL 400G IN A 8K BOX KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/IMG_1061-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Dried prunes</h1> <p class="text"> MOROCOO & ARGENTIN & CHILE</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/tamarind_soaked-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Tamarind paste</h1> <p class="text"> India</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">30 ROLL 300G 10 KG BOX 25 ROLL 400 G 9 KG BOX KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/caroop.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Carob</h1> <p class="text"> CYPRUS</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 & 25 KG</span> </a> </div> </div> </div> </div> <div class="productOne all nuts" id="nuts"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom " id="ex1" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img class='zoomable' style='border-radius: 10px;' src='../res/images/IMG_1119-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Coconut </h1> <p class="text"> Sri lanka &Vietnam Indonesia </p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 & 35 & 50 KG</span> </a> </div> </div> </div> </div>   <div class="productOne all coffee"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/AdobeStock_249361390.jpeg' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Coffee Arabica </h1> <p class="text"> Egypt,Indonesia , Brazil, India, Ethiopia, Vietnam, Ughanda, Colombia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">60 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all coffee"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/AdobeStock_63635161.jpeg' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Coffee - Robusta </h1> <p class="text"> Egypt,Indonesia , Brazil ,India, Ethiopia, Vietnam ,Ughanda, Colombia</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">60 Kg</span> </a> </div> </div> </div> </div>   <div class="productOne all Sesame"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/AdobeStock_207287722-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Tahini</h1> <p class="text"> Egypt-Sudan</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> jerkens</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">2-5-10-18-25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all Sesame"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/IMG_0950-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">white Sesame</h1> <p class="text"> India,Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all Sesame"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/organic-hulled-sesame-seeds-main-removebg-preview.png' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Hulled sesame seeds</h1> <p class="text"> Egypt-Sudan</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">10 - 25 Kg</span> </a> </div> </div> </div> </div> <div class="productOne all Sesame"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/5e363a60-011b-4ec9-937e-f5af8e3a463c.jfif' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Natural white sesame seeds</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText"> Bag</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">25 Kg</span> </a> </div> </div> </div> </div>   <div class="productOne all dates" id="dates"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom hvr-grow" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/MJDOOL 4.jpg' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Mejdool dates</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">5,3,2,1 KG</span> </a> </div> </div> </div> </div> <div class="productOne all dates" id="dates"> <div class="mainProduct d-flex flex-column justify-content-center align-items-center" > <figure class="img zoom hvr-grow" style="width: 200px; height: 100%; margin-top: 40px; filter: drop-shadow(0px 4px 28px rgba(0, 0, 0, 0.05));"> <picture><img style='border-radius: 10px;' src='../res/images/wADI 1.jpg' alt='imgProduct' /> </picture> </figure> <div class="content content-products"> <h1 class="title">Wadi Dates</h1> <p class="text"> Egypt</p> <div class="iconProduct"> <a href="#"> <i class="fa-solid icon fa-light fa-bag-shopping"></i> <span class="boxText">Box</span> </a> </div> <div class="iconProduct"> <a href="#"> <i class="fa-sharp icon fa-solid fa-layer-group"></i> <span class="boxText">5,1 KG</span> </a> </div> </div> </div> </div>  </div>  </div>  </div>  </div>  </section> <div class="popUp__Add"> <div class="all_popups_Add">  <div class="allPopUpSuccess">  <div class="imgPopup"> <img src="assets/illst/01.png" alt="imgFull" class="imgPopupFull"> </div>   <div class="contentPopup"> <h1 class="title">Thank You</h1> <p class="text"> Thanks for contacting Al Amir Co., we will get back to you soon. </p> <button class="btn btn-warning btn-B btn_close" name="close">Close</button> </div>  </div>  </div> </div>   <div class="popUp__Product" id="popup"> <div class="all_popups">  <div class="allPopUpProducts"> <h1 class="titlePop">Send Inquiry <span class="close-btn" onclick="closePopup()">×</span> </h1> <p class="textPop">We'll help you find the right products & pricing for your business.</p>  <div class="formPopUp">  <form action="" method="POST" id="form">  <div class="allFormsPopUp"> <style> .close-btn { position: absolute; top: 0; right: 0; font-size: 24px; cursor: pointer; padding: 10px; } .titlePop { position: relative; } </style>  <div class="containerForm">  <div class="popUp__Form__One"> <label for="" class="label"> First Name <input id="firstname" type="text" name="first_name" placeholder="First Name" class="inputPopUp" required> </label> </div>   <div class="popUp__Form__One"> <label for="" class="label"> Last Name <input id="lastname" type="text" name="last_name" placeholder="Last Name" class="inputPopUp" required> </label> </div>  </div>   <div class="popUp__Form__One"> <label for="" class="label"> Email <input id="email" type="email" name="email" placeholder="you@company.com" class="inputPopUp inputEmail" required > </label> </div>   <div class="popUp__Form__One"> <label for="" class="label"> Phone number <div class="inputField"> <input id="phone" type="text" name="phone" placeholder="+2 (234) 2314-1234" class="inputPopUp inputNum" required /> </div> </label> </div>  <button class="btn btn-warning btn-B btnSubmit" type="submit" id="submit" name="submit"> Send message </button> </div>  </form>  </div>  </div>  </div> </div>  </main>   <footer> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />  <section class="footer">  <div class="centerFooter centerFooterBg" style="background: #000;">  <div class="container">  <div class="allCenterFooter">  <div class="content"> <h1 class="title">Join our newsletter</h1> <p class="text"> We鈥檒l send you a nice letter once per week. No spam. </p> </div>   <div class="formFooter"> <form method="POST">  <div class="forms">  <div class="formOne"> <input style="font-size:15px;" type="email" name="emails" placeholder="Enter Your Email" class="inputFooter"/> <input type="submit" value="Subscribe" class="btn btn-warning btn-B"> </div>  </div>  </form> </div>  </div>  </div>  </div> <style> /* Add your existing CSS styles here */ /* Media query for mobile devices */ @media screen and (max-width: 600px) { /* Style for mobile view */ .linksFooterTwo { display: none; /* Hide the links initially */ } .footerTwo.active .linksFooterTwo { display: block; /* Show the links when the parent has the "active" class */ position: absolute; background-color: #fff; /* Add a background color if needed */ box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Add a box shadow for styling */ z-index: 1; /* Ensure the dropdown appears above other content */ } .titleFooter::after { content: '\25BC'; /* Unicode character for a downward-pointing triangle or arrow */ display: inline-block; margin-left: 5px; /* Adjust as needed */ } } @media screen and (max-width: 600px) { /* Style for mobile view */ .linksFooterTwo { display: none; list-style: none; padding: 0; margin: 0; } .footerTwo.active .linksFooterTwo { display: block; position: absolute; background-color: #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); z-index: 1; width: 100%; /* Make the dropdown full-width */ } .linksFooterTwo li { margin: 0; text-align: center; } .linksFooterTwo a { display: block; padding: 10px; color: #333; /* Adjust the color as needed */ text-decoration: none; } .titleFooter::after { content: '\25BC'; display: inline-block; margin-left: 5px; } } </style>  <div id="popup" class="popUp__Add"> <div class="all_popups_Add">  <div class="allPopUpSuccess">  <div class="imgPopup"> <img src="assets/illst/01.png" alt="imgFull" class="imgPopupFull"> </div>   <div class="contentPopup"> <h1 class="title">Thank You</h1> <p class="text"> Thanks for subscribing! We will keep you updated. </p> <button class="btn btn-warning btn-B btn_close" id="closeButton">Close</button> </div>  </div>  </div> </div>  <div class="endFooter">  <div class="container">  <div class="allFooterEnd">  <div class="footerOne">  <div class="logo"> <img src="assets/logo1.png" alt="logoImg" /> </div>      <div class="calls"> <div class="text" style="color: #667085; text-align: justify; font-size: 1.5rem; font-weight:700;">Contact us</div> <div class="callOne" style="margin-top:-10px"> <i class="fa-solid iconCall fa-map-location-dot"></i> <a href="https://www.google.com/maps/place/ALAMIR+FOR+MANUFACTURING+AND+PREPARING+AGRO+PRODUCTS/@30.923458,30.314373,15z/data=!4m6!3m5!1s0x14f60e69540ac631:0x7ad4172b9caeed0c!8m2!3d30.923458!4d30.314373!16s%2Fg%2F11df0wlwn2?entry=ttu" target="_blank" class="linkMap linkCall"> Housheissa - Elbehira - Egypt </a> </div>   <div class="callOne"> <i class="fa-solid iconCall fa-envelope"></i> <a href="/cdn-cgi/l/email-protection#bdd4d3dbd2fddcd1dcd0d4cfd8da93ded2d0" class="linkMail linkCall"> <span class="__cf_email__" data-cfemail="88e1e6eee7c8e9e4e9e5e1faedefa6ebe7e5">[email protected]</span> </a> </div> <div class="callOne"> <i class="fa-solid iconCall fa-globe"></i> <a href="/cdn-cgi/l/email-protection#80e9eee6efc0e1ece1ede9f2e5e7aee3efed" class="linkMail linkCall"> www.alamireg.com </a> </div>     </div>  </div> <div class="allFooterEnd">  <div class="footerOne">  <div class="logo logs"> </div>      <div class="calls"> <div class="text" style="color: #667085; text-align: justify; font-size: 1.5rem; font-weight:700;">Egypt Sales Team</div> <div class="callOne" style="margin-top:-10px"> <i class="fa-solid iconCall fa-phone"></i> <a href="#" target="_blank" class="linkMap linkCall"> (+2)01069113774 </a> </div>   <div class="callOne"> <i class="fa-solid iconCall fa-phone"></i> <a href="/cdn-cgi/l/email-protection#7f161119103f1e131e12160d1a18511c1012" class="linkMail linkCall"> (+2)01069113775 </a> </div> <div class="callOne">  </div> </div> </div> <div class="allFooterEnd">  <div class="footerOne">  <div class="logo logs"> </div>      <div class="calls"> <div class="text" style="color: #667085; text-align: justify; font-size: 1.5rem; font-weight:700;">Export Team</div> <div class="callOne" style="margin-top:-10px"> <i class="fa-solid iconCall fa-phone"></i> <a href="#" target="_blank" class="linkMap linkCall"> (+2)01221577774 </a> </div>   <div class="callOne"> <i class="fa-solid iconCall fa-phone"></i> <a href="/cdn-cgi/l/email-protection#a5cccbc3cae5c4c9c4c8ccd7c0c28bc6cac8" class="linkMail linkCall"> (+2)01005505020 </a> </div> <div class="callOne">  </div> </div> </div> </div>  </div>  </div>   <div class="groupFooter"> <div class="container"> <div class="allGroups">  <div class="titleNameFooter"> <p class="text"> © 2022 Alamir Group. All rights reserved.  </p> </div>   <div class="social"> <a href="https://www.facebook.com/profile.php?id=100090749317751&mibextid=ZbWKwL" target="_blank" class="icon_Social iconFace" ><i class="fab iconF fa-facebook" style="color:#3C599F"></i ></a> <a href="https://twitter.com/AlamirGroupx?t=GMJV2M6Rlcx0upNJy8lyOQ&s=08" target="_blank" class="icon_Social iconTwit" ><i class="fa-brands iconF fa-square-x-twitter "></i></a> <a href="https://www.linkedin.com/company/alamir-for-manufacturing-and-preparing-agro-products/" target="_blank" class="icon_Social iconLinkedin" ><i class="fab iconF fa-linkedin" style="color:#0085AE"></i ></a> <a href="#" class="icon_Social iconInsta" ><i class="fab iconF fa-instagram" style="color:#c92bb7"></i ></a> <a href="https://youtube.com/@AlamirGroup?si=f85wDXRSIOvA_3MA" class="icon_Social iconInsta" ><i class="fa-brands iconF fa-youtube" style="color:#C52F30"></i> </a> </div>  </div> </div> </div>  </section>  </footer> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script> document.addEventListener('DOMContentLoaded', function() { // 丕爻鬲賴賱丕賱毓賳氐乇夭乇丕賱廿乇爻丕賱賵丕賱賳丕賮匕丞丕賱賲賳亘孬賯丞 const subscribeButton = document.querySelector('.btn-Submit'); const popup = document.getElementById('popup'); const closeButton = document.getElementById('closeButton'); // 毓賳丿丕賱賳賯乇毓賱賶夭乇丕賱丕卮鬲乇丕賰 subscribeButton.addEventListener('click', function(event) { event.preventDefault(); // 賲賳毓廿乇爻丕賱丕賱賳賲賵匕噩 popup.style.display = 'block'; // 毓乇囟丕賱賳丕賮匕丞丕賱賲賳亘孬賯丞 }); // 毓賳丿丕賱賳賯乇毓賱賶夭乇丕賱廿睾賱丕賯丿丕禺賱丕賱賳丕賮匕丞丕賱賲賳亘孬賯丞 closeButton.addEventListener('click', function() { popup.style.display = 'none'; // 廿禺賮丕亍丕賱賳丕賮匕丞丕賱賲賳亘孬賯丞 }); }); </script> <script> function toggleDropdown(element) { // Close all other dropdowns var allFooterTwo = document.querySelectorAll('.footerTwo'); allFooterTwo.forEach(function(item) { if (item !== element) { item.classList.remove('active'); } }); // Toggle the "active" class to show/hide the links element.classList.toggle('active'); } // Prevent default behavior for links inside the dropdown var dropdownLinks = document.querySelectorAll('.footerTwo.active a'); dropdownLinks.forEach(function(link) { link.addEventListener('click', function(event) { event.preventDefault(); }); }); </script>   <script src="js/library/jquery-3.5.1.slim.min.js"></script>   <script src="js/bootstrap.bundle.min.js"></script>  <script src="js/library/aos.js"></script>  <script src="js/library/owl.carousel.min.js"></script>  <script src="js/typed.js/typed.min.js"></script>  <script src="js/library/swiper.min.js"></script> <script src="//code.jquery.com/jquery-3.3.1.min.js"></script> <script src='jquery.zoom.min.js'></script> <script> /*! Zoom 1.7.21 license: MIT http://www.jacklmoore.com/zoom */ (function ($) { var defaults = { url: false, callback: false, target: false, duration: 120, on: 'mouseover', // other options: grab, click, toggle touch: true, // enables a touch fallback onZoomIn: false, onZoomOut: false, magnify: 1 }; // Core Zoom Logic, independent of event listeners. $.zoom = function(target, source, img, magnify) { var targetHeight, targetWidth, sourceHeight, sourceWidth, xRatio, yRatio, offset, $target = $(target), position = $target.css('position'), $source = $(source); // The parent element needs positioning so that the zoomed element can be correctly positioned within. target.style.position = /(absolute|fixed)/.test(position) ? position : 'relative'; target.style.overflow = 'hidden'; img.style.width = img.style.height = ''; $(img) .addClass('zoomImg') .css({ position: 'absolute', top: 0, left: 0, opacity: 0, width: img.width * magnify, height: img.height * magnify, border: 'none', maxWidth: 'none', maxHeight: 'none' }) .appendTo(target); return { init: function() { targetWidth = $target.outerWidth(); targetHeight = $target.outerHeight(); if (source === target) { sourceWidth = targetWidth; sourceHeight = targetHeight; } else { sourceWidth = $source.outerWidth(); sourceHeight = $source.outerHeight(); } xRatio = (img.width - targetWidth) / sourceWidth; yRatio = (img.height - targetHeight) / sourceHeight; offset = $source.offset(); }, move: function (e) { var left = (e.pageX - offset.left), top = (e.pageY - offset.top); top = Math.max(Math.min(top, sourceHeight), 0); left = Math.max(Math.min(left, sourceWidth), 0); img.style.left = (left * -xRatio) + 'px'; img.style.top = (top * -yRatio) + 'px'; } }; }; $.fn.zoom = function (options) { return this.each(function () { var settings = $.extend({}, defaults, options || {}), //target will display the zoomed image target = settings.target && $(settings.target)[0] || this, //source will provide zoom location info (thumbnail) source = this, $source = $(source), img = document.createElement('img'), $img = $(img), mousemove = 'mousemove.zoom', clicked = false, touched = false; // If a url wasn't specified, look for an image element. if (!settings.url) { var srcElement = source.querySelector('img'); if (srcElement) { settings.url = srcElement.getAttribute('data-src') || srcElement.currentSrc || srcElement.src; } if (!settings.url) { return; } } $source.one('zoom.destroy', function(position, overflow){ $source.off(".zoom"); target.style.position = position; target.style.overflow = overflow; img.onload = null; $img.remove(); }.bind(this, target.style.position, target.style.overflow)); img.onload = function () { var zoom = $.zoom(target, source, img, settings.magnify); function start(e) { zoom.init(); zoom.move(e); // Skip the fade-in for IE8 and lower since it chokes on fading-in // and changing position based on mousemovement at the same time. $img.stop() .fadeTo($.support.opacity ? settings.duration : 0, 1, $.isFunction(settings.onZoomIn) ? settings.onZoomIn.call(img) : false); } function stop() { $img.stop() .fadeTo(settings.duration, 0, $.isFunction(settings.onZoomOut) ? settings.onZoomOut.call(img) : false); } // Mouse events if (settings.on === 'grab') { $source .on('mousedown.zoom', function (e) { if (e.which === 1) { $(document).one('mouseup.zoom', function () { stop(); $(document).off(mousemove, zoom.move); } ); start(e); $(document).on(mousemove, zoom.move); e.preventDefault(); } } ); } else if (settings.on === 'click') { $source.on('click.zoom', function (e) { if (clicked) { // bubble the event up to the document to trigger the unbind. return; } else { clicked = true; start(e); $(document).on(mousemove, zoom.move); $(document).one('click.zoom', function () { stop(); clicked = false; $(document).off(mousemove, zoom.move); } ); return false; } } ); } else if (settings.on === 'toggle') { $source.on('click.zoom', function (e) { if (clicked) { stop(); } else { start(e); } clicked = !clicked; } ); } else if (settings.on === 'mouseover') { zoom.init(); // Preemptively call init because IE7 will fire the mousemove handler before the hover handler. $source .on('mouseenter.zoom', start) .on('mouseleave.zoom', stop) .on(mousemove, zoom.move); } // Touch fallback if (settings.touch) { $source .on('touchstart.zoom', function (e) { e.preventDefault(); if (touched) { touched = false; stop(); } else { touched = true; start( e.originalEvent.touches[0] || e.originalEvent.changedTouches[0] ); } }) .on('touchmove.zoom', function (e) { e.preventDefault(); zoom.move( e.originalEvent.touches[0] || e.originalEvent.changedTouches[0] ); }) .on('touchend.zoom', function (e) { e.preventDefault(); if (touched) { touched = false; stop(); } }); } if ($.isFunction(settings.callback)) { settings.callback.call(img); } }; img.setAttribute('role', 'presentation'); img.alt = ''; img.src = settings.url; }); }; $.fn.zoom.defaults = defaults; }(window.jQuery)); </script> <script> $(document).ready(function(){ $('img') .wrap('<span style="display:inline-block"></span>') .css('display', 'block') .parent() .zoom(); }); </script>  <script src="js/app.js"></script> </body> </html>

CINXE.COM

Al Amir Group