Al Amir Group

<!DOCTYPE html> <html lang="en"> <head> <link rel="icon" href="assets/logo/logo.ico" type="image/x-icon"> <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>   <meta name="description" content="Al Amir Group is a leading provider of high-quality agricultural products including legumes, nuts, spices, coffee, and dates. We are committed to offering the finest products through meticulous selection processes for suppliers and partners. Explore our wide range of products and services available to both local and international markets." /> <link rel="stylesheet" href="css/library/swiper.min.css" />    <link rel="icon" href="assets/logo/logo.webp" type="image/png"> <script type="application/ld+json"> { "@context": "https://schema.org", "@type": "Organization", "url": "https://www.alamireg.com", "logo": "https://www.alamireg.com/assets/logo/logo.webp" } </script>  <link rel="stylesheet" href="css/bootstrap.min.css" />    <link rel="stylesheet" href="css/style.css" /> <style> .nav-item .imgShape-nave { display: none; } .nav-item:hover { color: #FABA00a; border-radius: 10px; } .nav-item:hover .imgShape-nave { display: block; /* ?? inline ?? ?????? ???? ????? ????????? */ } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff2") format("woff2"), url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/webfonts/fa-brands-400.woff") format("woff"); } .fa-x-twitter:before { content: "\e61b"; font-family: "Font Awesome 6 Brands"; } .nav-item .nav-link:hover { color: #FABA00a; } .dropdown-item { display: block; width: 100%; padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); clear: both; font-weight: 400; color: #fff; text-align: inherit; text-decoration: none; white-space: nowrap; background-color: transparent; border: 0;} .dropdown-item:hover { background-color: gold; } .dropdown-menu{ border: none; border-radius: 10px; background-color: #0000004a; border: none; border-radius: 10px; background-color: #0000004a; magin-top: 3px; position: absolute; margin-top: 16px; margin-left: -31px; text-align: center; border:1px solid #fff; } @media only screen and (max-width: 767px) { .dropdown-menu{ border: none; border-radius: 10px; border: none; background-color: transparent; border-radius: 10px; magin-top: 3px; margin-top: 16px; margin-left: -31px; text-align: center; border:1px solid #fff; } } .navbar-nav .dropdown-menu { position: static; margin-top: 17px;} </style> </head> <body>  <div class="btnScroll"> <i class="fa-solid fa-long-arrow-up"></i> </div>     <nav class="navbar navbar-expand-lg bg-light" style="position: absolute; width: 100%;"> <div class="container container-2"> <a class="navbar-brand" href="index.php"> <img src="assets/logo/logo.webp" alt="Alamir Group Logo - Home Page" /> </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;" > <span class="navbar-toggler-icon"> <img src="assets/bar/menu-041.png" alt="" style="object-fit: contain;"></span> </button> <div class="collapse navbar-collapse" id="navbarSupportedContent"> <ul class="navbar-nav me-auto mb-2 mb-lg-0"> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="../index">Home</a> <div id="sunflowerIcon" class="imgShape-nave"> <img src="assets/shape/shape.webp" alt="imgShape" /> </div> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="pages_page/about" >About Us</a > <div id="sunflowerIcon" class="imgShape-nave"> <img src="assets/shape/shape.webp" alt="imgShape" /> </div> </li> <li class="nav-item dropdown"> <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false" style="color:#fff; " > Product </a> <div id="sunflowerIcon" class="imgShape-nave"> <img src="assets/shape/shape.webp" alt="imgShape" /> </div> <ul class="dropdown-menu" atyle="position: absolute; margin-top: 18px; "> <li><a class="dropdown-item" href="pages_page/Product.php?category=pulses">Pulses</a></li> <li><a class="dropdown-item" id="nuts" onclick="redirectcontact()" href="pages_page/Product.php?category=nuts">Nuts</a></li> <li><a class="dropdown-item" id="coffee" onclick="redirectcontact()" href="pages_page/Product.php?category=coffee">Coffee</a></li> <li><a class="dropdown-item" id="dates" onclick="redirectcontact()" href="pages_page/Product.php?category=dates">Dates</a></li> <li><a class="dropdown-item" id="clickcontact" onclick="redirectcontact()" href="pages_page/Product.php?category=spices">Spices</a></li> <li><a class="dropdown-item" id="Sesame" onclick="redirectcontact()" href="pages_page/Product.php?category=Sesame">Sesame &Tahini</a></li>  </ul> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" target="_blank" href="catlouge.php" >Catalouge</a > <div id="sunflowerIcon" class="imgShape-nave"> <img src="assets/shape/shape.webp" alt="imgShape" /> </div> </li> <li class="nav-item"> <a class="nav-link active" aria-current="page" href="career.php" >Careers</a > <div id="sunflowerIcon" class="imgShape-nave"> <img src="assets/shape/shape.webp" alt="imgShape" /> </div> </li>  </ul> <button type="button" class="btn btn-warning btn-B"> <a href="contact">Contact Us</a> </button> </div> </div> </div> </nav> <style> .carousel-inner{ height: 75vh; width:100%; border-radius: 36px; } .border-top { border-top: 4px solid #faba00 !important; } .text-overlay { position: absolute; top: 35%; left: 10%; /* Adjust the left position as needed */ transform: translateY(-50%); color: white; font-size: 24px; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8); /* Add text shadow */ } .text-overlay h1{ font-size: 5rem; font-weight: 700; } .text-overlay p{ font-size: 2rem; font-weight: 600; } @media (max-width: 768px) { .wrapper .text-overlay { left: 10%; /* Adjust the left position for larger screens */ transform: translateY(-50%); } .wrapper .text-overlay h1{ font-size: 3rem; } } .w-100{ width: 100%!important; height: 450px; border-radius: 20px; } body { margin-top: 0; } .mian-logo > span { font-size: 1.35em; } .main-header { z-index: 999; } hr.border-light { max-width: 300px; opacity: 0.9; } .carousel-item { transition: transform 1s ease-in-out; } .carousel-caption { top: 48%; transform: translate(0, -50%); bottom: auto; left: 0; right: 0; width: 0; opacity: 0; overflow: hidden; text-align: left; } .carousel-item.active .carousel-caption { animation: widthSlide 3.5s 1; opacity: 1; z-index: 999; width: 100% ; } @keyframes widthSlide { 0% { width: 0% ; opacity: 0; } 50% { width: 100% ; opacity: 1; } 100% { width: 100% ; opacity: 1; } } .carousel-caption h5 { font-size: 5em; font-weight: 900; color: #fff; position: relative; width: fit-content; padding-right: 10px; background-color: #00000078; border-radius: 10px; } .carousel-caption h5:after { content: ''; position: absolute; left: 0; right: 0; width: 100%; height: 100%; background: #faba00; bottom: -20px; opacity: 1; } .carousel-item.active .carousel-caption h5:after { width: 10%; height: 4px; animation: titleCover 2.5s 1; opacity: 0; } @keyframes titleCover { 0% { left: 0; right: 0; width: 100%; height: 100%; opacity: 1; } 20% { left: 0; right: 0; width: 100%; height: 100%; opacity: 1; } 30% { left: 0; right: 0; width: 100%; height: 100%; opacity: 1; } 55% { left: 0; right: 0; width: 100%; height: 5px; opacity: 1; } 95% { left: 0; right: 0; width: 10%; } 100% { left: 0; right: 0; width: 10%; opacity: 0.5; } } </style> <div class="wrapper"> <video autoplay loop muted class="wrapper__video" preload="auto"> <source src="am5.mp4"> </video> <div class="text-overlay"> <h1>Alamir Group.</h1> <p>Where Quality Grows..</p> <button class="btn btn-warning btn-B btn_pro more" style="width: 300px; font-weight: 500;"> <a href="https://www.alamireg.com/pages_page/about" >Learn More</a> </button> </div> </div> <section class="product">  <div class="container"> <div class="imgShape-s"> <img src="assets/shape/shape.webp" alt="Decorative shape" /> </div>  <div class="title__Section d-flex flex-column justify-content-center align-items-center mains"> <h1 class="title">Products</h1> <p class="text"> Synergizing expertise, innovation, and customer-centricity to deliver exceptional products. </p> </div>   <div class="all__Products slick-slider">  <div class="swiper-slide productOne"> <a href="pages_page/Product.php?category=pulses" class="linkItemCat">  <div class="mainProduct d-flex flex-column justify-content-center align-items-center mains">  <figure class="img img-top"> <picture> <img src="img/pulses.webp" alt="Pulses Product" /> </picture> </figure>   <div class="content content-products"> <h1 class="title">Pulses</h1> <div class="iconProduct"></div> <div class="iconProduct"></div> </div>  </div>  </a> </div>  <div class="swiper-slide productOne"> <a href="pages_page/Product.php?category=nuts" class="linkItemCat">  <div class="mainProduct d-flex flex-column justify-content-center align-items-center mains">  <figure class="img"> <picture> <img src="img/nuts-and-dried-fruits.webp" alt="Nuts and Dried Fruits Product" /> </picture> </figure>   <div class="content content-product-s"> <h1 class="title">Nuts and Dried Fruits</h1> <div class="iconProduct"></div> <div class="iconProduct"></div> </div>  </div>  </a> </div>  <div class="swiper-slide productOne"> <a href="pages_page/Product.php?category=coffee" class="linkItemCat">  <div class="mainProduct d-flex flex-column justify-content-center align-items-center mains">  <figure class="img"> <picture> <img src="img/cardamom-and-green-coffee.webp" alt="Coffee and Cardamom Product" /> </picture> </figure>   <div class="content content-product-s"> <h1 class="title">Coffee & Cardamom</h1> <div class="iconProduct"></div> <div class="iconProduct"></div> </div>  </div>  </a> </div>  <div class="swiper-slide productOne"> <a href="pages_page/Product.php?category=dates" class="linkItemCat">  <div class="mainProduct d-flex flex-column justify-content-center align-items-center mains">  <figure class="img"> <picture> <img src="img/dates.webp" alt="Dates Product" /> </picture> </figure>   <div class="content content-product-s"> <h1 class="title">Dates</h1> <div class="iconProduct"></div> <div class="iconProduct"></div> </div>  </div>  </a> </div>  <div class="swiper-slide productOne"> <a href="pages_page/Product.php?category=spices" class="linkItemCat">  <div class="mainProduct d-flex flex-column justify-content-center align-items-center mains">  <figure class="img"> <picture> <img src="img/spices.webp" alt="Spices Product" /> </picture> </figure>   <div class="content content-product-s"> <h1 class="title">Spices</h1> <div class="iconProduct"></div> </div>  </div>  </a> </div>  <div class="swiper-slide productOne"> <a href="pages_page/Product.php?category=Sesame" class="linkItemCat">  <div class="mainProduct d-flex flex-column justify-content-center align-items-center mains">  <figure class="img"> <picture> <img src="img/sesame-and-tahini.webp" alt="Sesame and Tahini Product" /> </picture> </figure>   <div class="content content-product-s"> <h1 class="title">Sesame and Tahini</h1> <div class="iconProduct"></div> <div class="iconProduct"></div> </div>  </div>  </a> </div>  </div>  </div> </section> <section class="trading" style=" margin-bottom: -66px; margin-top: -51px;"> <div class="button_product d-flex flex-column justify-content-center align-items-center" > <button class="btn btn-warning btn-B btn_pro more" style="width:200px"> <a href="pages_page/Product.php"> Discover More</a> <img class="svg_1" src="assets/svg/chevron-svgrepo-com.svg" alt="svgImg" /> </button> </div> </section> <script> var swiper = new Swiper('.all__Products', { slidesPerView: 1.3, spaceBetween: 7, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, slidesOffsetAfter: 50, breakpoints: { 767: { slidesPerView: 2, slidesOffsetAfter: 0, }, 450: { slidesPerView: 1.2, slidesOffsetAfter: 0, }, }, on: { reachEnd: function () { swiper.allowSlideNext = true; // ???? ??????? ??? ?????? ???? ???? }, reachBeginning: function () { swiper.allowSlidePrev = false; // ???? ??????? ??? ?????? ???? ???? }, }, }); </script> <script src="js/swiper-bundle.min.js"></script> <section class="trading"> <div class="imgShape"> <img src="assets/shape/01.webp" alt="imgShape" /> </div> <div class="container"> <div class="title__Section d-flex flex-column justify-content-center align-items-center" data-aos="fade-down"> <h1 class="title">Alamir in Numbers</h1> <p class="text"> Our dedication to sustainable living standards elevates communities worldwide. </p> </div> <div class="allTrading">  <div class="numberTrad" > <h1 class="titleTrading"><img src="img/production.png" alt="" style="width:60px"></h1> <span class="Num" id="count1"></span> <span class="Num" style="font-size:14px;"></span> <p class="taskText">Production Lines</p> </div>  <div class="numberTrad"> <h1 class="titleTrading"><img src="img/daily.png" alt="" style="width:60px"></h1> <span class="Num" id="count2"></span> <span class="Num" style="font-size:14px;">Tones</span> <p class="taskText">Daily Production rate</p> </div>   <div class="numberTrad"> <h1 class="titleTrading"><img src="img/export.png" alt="" style="width:60px"></h1> <span class="Num" id="count3"></span><span class="Num" id="count3">000 <lable style="font-size:14px;">Tons</lable></span> <p class="taskText">Annual Exports +</p> </div>  <div class="numberTrad"> <h1 class="titleTrading"><img src="img/import.png" alt="" style="width:60px"></h1> <span class="Num" id="count4"></span><span class="Num">000 <lable style="font-size:14px;">Tons</lable></span> <p class="taskText">Annual Imports +</p> </div> </div> </div> </section> <section class="news">  <div class="container">  <div class="title__Section title__SectionPageNews d-flex flex-column justify-content-center align-items-center"> <h1 class="title">News & Events</h1> <p class="text"> The latest News And Events At Alamir Group </p> </div>   <div class="allNews swiper-container"> <div class="swiper-wrapper">  <div class="swiper-slide newsOne">  <div class="video-container"> <video id="video" class="img" style="width:100%" src="gulffood.mp4" controls muted> Your browser does not support the video tag. </video> </div> <div class="content"> <h1 class="title"> <a href="#" class="TitleLinks">Alamir Group at Gulfood 2024</a> </h1> <p class="text">Embark on your path to success with Alamir Group at Gulfood 2024 We are thrilled to announce that Alamir Group will be showcasing our finest agriculutral products at Gulfood 2024 in Dubai! Join us from February 19-23 February 2024 Location: ZA'ABEEL HALL 6 , Booth No Z6 - G18</p> <div class="contentLinks"></div> </div> </div> <script> const video = document.getElementById('video'); video.addEventListener('mouseenter', function() { video.play(); }); video.addEventListener('mouseleave', function() { video.pause(); }); </script>  <div class="swiper-slide newsOne">  <div class="img" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url(img/food2.webp);"></div> <div class="content"> <h1 class="title"> <a href="#" class="TitleLinks"> Exciting Presence: Food Africa 2023 <i class="fa-solid icon fa-arrow-up"></i> </a> </h1> <p class="text"> We are thrilled to join Food Africa Exhibition! Visit us at Egypt International Exhibition Center, Hall 4, Stand C14, December 12-14, 2023. Connect with Egypt's mega-market and Africa's agriculture hub. </p> <div class="contentLinks"> <ul> </ul> </div> </div> </div>  <div class="swiper-slide newsOne">  <div class="img" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url(img/food1.webp);"></div> <div class="content"> <h1 class="title"> <a href="#" class="TitleLinks"> Alamir Joins Global Pulse Confederation <i class="fa-solid icon fa-arrow-up"></i> </a> </h1> <p class="text"> Alamir Group joins Global Pulse Confederation, fostering innovation for sustainable development. Our dedication to quality aligns with the vision, contributing to worldwide well-being. Exciting journey ahead!. </p> <div class="contentLinks"> <ul> </ul> </div> </div> </div>  <div class="swiper-slide newsOne">  <div class="img" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url(img/paris.webp);"></div> <div class="content"> <h1 class="title"> <a href="#" class="TitleLinks"> Alamir Group Shines at SIAL Expo <i class="fa-solid icon fa-arrow-up"></i> </a> </h1> <p class="text"> SIAL Paris highlighted Alamir Group's global impact, pioneering industry standards with cutting-edge solutions, leaving an indelible mark worldwide. </p> <div class="contentLinks"> </div> </div> </div>  <div class="swiper-slide newsOne">  <div class="img" style="background-image: linear-gradient(to top, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.1)), url(img/italy.webp);"></div> <div class="content"> <h1 class="title"> <a href="#" class="TitleLinks"> Alamir Thrives at Macfrit Italy <i class="fa-solid icon fa-arrow-up"></i> </a> </h1> <p class="text"> At Macfrit Italy, Alamir Group witnessed agrarian excellence, redefining standards with an impressive array of sustainable agricultural innovations. </p> <div class="contentLinks"> </div> </div> </div>  </div>  </div>  <div class="button_product d-flex flex-column justify-content-center align-items-center"> </div> </div>  </section> <script> var swiper = new Swiper('.swiper-container', { slidesPerView: 5, spaceBetween: 30, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, pagination: { el: '.swiper-pagination', clickable: true, }, breakpoints: { // Breakpoint for mobile devices 767: { slidesPerView: 1, spaceBetween: 10, }, // Add more breakpoints if needed }, }); </script>   <section class="main">  <div class="container">  <div class="all__Main">  <div class="mainOne"> <h1 class="title">Alamir Stages of Agricultural Trading</h1> <h1 class="title-stages">Agricultural Trading</h1> <p class="text"> Despite complexities, we meticulously manage every step, ensuring seamless delivery via land, sea, and air.</p> </div>   <div class="mainTwo">  <div class="cardOne" >  <div class="icon"> <i class="fa-sharp fa-solid fa-layer-group"></i> </div>   <div class="content"> <h1 class="title">Selection</h1> <p class="text"> The initial selection of only the premium products makes us confident that our customers will get the best quality. The years of experience we cultivated throughout our business have helped us create an extensive network in the global food industry, as the commodity we serve is rather sensitive. </p> </div>  </div>   <div class="cardOne" >  <div class="icon"> <i class="fa-solid fa-chart-line"></i> </div>   <div class="content"> <h1 class="title">Supplier Partnerships</h1> <p class="text"> Finding a supplier is a key part of our process. This requires being regularly updated & acquainted with partners who match our very strict criteria. These suppliers become our partners, who we depend on & take pride in working with. Due to the volatile aspect of the market, we make sure we form partnerships with them to make sure that we will always be ready. </p>  </div>  </div>   <div class="cardOne" >  <div class="icon"> <i class="fa-solid fa-bolt"></i> </div>   <div class="content"> <h1 class="title">Customer Partnerships</h1> <p class="text"> When a sale is made, there has to be organisational oversight of forming a relationship rather than a one-time deal. Driven by trust & reliability, our customers are positive that we offer them premium products at very attractive prices that they seek no other business. </p>  </div>  </div>   <div class="cardOne" >  <div class="icon"> <i class="fa-solid fa-file-signature"></i> </div>   <div class="content"> <h1 class="title">Logistics</h1> <p class="text"> Speed of delivery & transporting our commodities to the buyers are critical to ensure that a product arrives on time. This is part of the reputation we have built for our business. We make sure that this stage is overseen properly, as it is the final stage. </p>  </div>  </div>  </div>  </div>  </div>  </section>       <footer>  <section class="footer">  <div class="topFooter"> <div class="container"> <h1 style="text-align:center;color:#000;margin-top: 0; margin-bottom: 5.5rem; font-weight:600; line-height: 1.2;font-size:2.5rem;">Our Partners in success</h1>  <div class="allTopFooter">  <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/a.png" alt="imgLogo" /> </div> <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/m.png" alt="imgLogo" /> </div> <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/ft.png" alt="imgLogo" /> </div>      <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/ar.png" alt="imgLogo" /> </div>     <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/r.png" alt="imgLogo" /> </div>   <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/frag.png" alt="imgLogo" /> </div>   <div class="imgLogo"> <img class="imgLogoBrand" src="assets/logo/ss.png" alt="imgLogo" /> </div>  </div>  </div> </div>   <footer>  <section class="footer">  <div class="centerFooter centerFooterBg">  <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/logo/logo.webp" 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#3e575058517e5f525f53574c5b59105d5153" class="linkMail linkCall"> <span class="__cf_email__" data-cfemail="472e29212807262b262a2e3522206924282a">[email protected]</span> </a> </div> <div class="callOne"> <i class="fa-solid iconCall fa-globe"></i> <a href="/cdn-cgi/l/email-protection#650c0b030a25040904080c1700024b060a08" 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#e38a8d858ca3828f828e8a918684cd808c8e" 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#e78e898188a7868b868a8e958280c984888a" 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-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> </section>  </footer>      <script src="js/library/aos.js"></script>  <script src="js/library/jquery-3.5.1.slim.min.js"></script>  <script src="js/typed.js/typed.min.js"></script>  <script src="js/bootstrap.bundle.min.js"></script>  <script src="js/app.js"></script> <script> document.addEventListener("DOMContentLoaded", () => { function counter(id, start, end, duration) { let obj = document.getElementById(id), current = start, range = end - start, increment = end > start ? 1 : -1, step = Math.abs(Math.floor(duration / range)), timer = setInterval(() => { current += increment; obj.textContent = current; if (current == end) { clearInterval(timer); } }, step); } counter("count1", 0,11, 3000); counter("count2", 100, 800, 2500); counter("count3", 0, 88, 3000); counter("count4", 0, 61, 3000); }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const allProducts = document.querySelector('.allNews '); const productWidth = 300; // Adjust the width as needed let isDragging = false; let startPosition = 0; let currentTranslate = 0; allProducts.addEventListener('mousedown', startDrag); allProducts.addEventListener('touchstart', (e) => startDrag(e.touches[0])); function startDrag(e) { isDragging = true; startPosition = e.clientX || e.touches[0].clientX; currentTranslate = getTranslateX(); allProducts.style.transition = 'transform 0.2s ease-out'; } document.addEventListener('mouseup', stopDrag); document.addEventListener('touchend', stopDrag); function stopDrag() { if (isDragging) { isDragging = false; const endPosition = currentTranslate + (startPosition - (e.clientX || e.changedTouches[0].clientX)); setTranslateX(endPosition); } } document.addEventListener('mousemove', drag); document.addEventListener('touchmove', (e) => { if (isDragging) { drag(e.touches[0]); } }); function drag(e) { if (isDragging) { const deltaX = e.clientX - startPosition; const newTranslate = currentTranslate + deltaX; const maxTranslate = -allProducts.scrollWidth + allProducts.clientWidth; if (newTranslate >= 0) { setTranslateX(0); } else if (newTranslate <= maxTranslate) { setTranslateX(maxTranslate); } else { setTranslateX(newTranslate); } } } function setTranslateX(translateX) { const maxTranslate = -allProducts.scrollWidth + allProducts.clientWidth; if (translateX > 0) { translateX = 0; } else if (translateX < maxTranslate) { translateX = maxTranslate; } allProducts.style.transform = `translateX(${translateX}px)`; } function getTranslateX() { const transformValue = window.getComputedStyle(allProducts).getPropertyValue('transform'); const matrix = new DOMMatrix(transformValue); return matrix.m41; } }); </script> <script> document.addEventListener('DOMContentLoaded', function () { const allProducts = document.querySelector('.all__Products'); const productWidth = 300; // Adjust the width as needed let isDragging = false; let startPosition = 0; let currentTranslate = 0; allProducts.addEventListener('mousedown', startDrag); allProducts.addEventListener('touchstart', (e) => startDrag(e.touches[0])); function startDrag(e) { isDragging = true; startPosition = e.clientX || e.touches[0].clientX; currentTranslate = getTranslateX(); allProducts.style.transition = 'transform 0.2s ease-out'; } document.addEventListener('mouseup', stopDrag); document.addEventListener('touchend', stopDrag); function stopDrag() { if (isDragging) { isDragging = false; const endPosition = currentTranslate + (startPosition - (e.clientX || e.changedTouches[0].clientX)); setTranslateX(endPosition); } } document.addEventListener('mousemove', drag); document.addEventListener('touchmove', (e) => { if (isDragging) { drag(e.touches[0]); } }); function drag(e) { if (isDragging) { const deltaX = e.clientX - startPosition; const newTranslate = currentTranslate + deltaX; const maxTranslate = -allProducts.scrollWidth + allProducts.clientWidth; if (newTranslate >= 0) { setTranslateX(0); } else if (newTranslate <= maxTranslate) { setTranslateX(maxTranslate); } else { setTranslateX(newTranslate); } } } function setTranslateX(translateX) { const maxTranslate = -allProducts.scrollWidth + allProducts.clientWidth; if (translateX > 0) { translateX = 0; } else if (translateX < maxTranslate) { translateX = maxTranslate; } allProducts.style.transform = `translateX(${translateX}px)`; } function getTranslateX() { const transformValue = window.getComputedStyle(allProducts).getPropertyValue('transform'); const matrix = new DOMMatrix(transformValue); return matrix.m41; } }); </script> </body> </html>

CINXE.COM

Al Amir Group