File: /home/aliazzsr/html.vqode.com/Pankore/pankoreBusiness.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC"
crossorigin="anonymous"
/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<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"
/>
<script
defer
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM"
crossorigin="anonymous"
></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.9.1/gsap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.8.0/ScrollTrigger.min.js"></script>
<link
href="https://fonts.googleapis.com/css2?family=Rajdhani:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/output.css" />
</head>
<body class="pankoreBusinesses-body">
<main>
<header class="fixed top-0 z-50 w-full py-4 scroll-header">
<nav class="flex items-center justify-between wrapper">
<a>
<img
class="header-logo md:h-auto h-[55px]"
src="public/header_footer/logo.webp"
/>
</a>
<button id="menu-button">
<img class="header-menu" src="public/header_footer/menu.webp" />
</button>
</nav>
</header>
<div id="menu" class="px-4 menu">
<div class="flex flex-col h-full wrapper">
<div
class="flex items-center justify-between py-4 font-semibold text-black"
>
<button id="closeMenu">
<i
class="fa fa-times fa-xmark text-gray-500 md:text-[32px] text-[20px] absolute md:right-14 right-4 md:top-6 top-3"
aria-hidden="true"
></i>
</button>
<a class="flex-1">
<img
id="menu-button"
class="md:h-auto h-[50px]"
src="public/menu/logo.webp"
/>
</a>
<div class="flex items-center justify-between md:flex-1">
<div class="flex items-center space-x-3">
<i
class="fa fa-globe text-purple text-[16px]"
aria-hidden="true"
></i>
<div class="font-bold text-[17px] space-x-1.5">
<span>EN</span>
<span class="text-slate-500/80 text-lg font-[300]">|</span>
<span class="text-slate-500/80">AR</span>
</div>
</div>
<div class="hidden space-x-3 md:block">
<i
class="fa fa-phone text-purple text-[13px]"
aria-hidden="true"
></i>
<span>+971 4227 4088</span>
</div>
<div class="hidden space-x-3 md:block">
<i
class="fa fa-envelope text-purple text-[16px]"
aria-hidden="true"
></i>
<span>[email protected]</span>
</div>
</div>
</div>
<div
class="flex items-center justify-center flex-1 md:justify-between 2xl:justify-center 2xl:space-x-12"
>
<div id="menu-left-images" class="flex items-center space-x-8">
<img
class="rounded-[28px] h-[460px] hidden md:inline-flex"
src="public/menu/menu-img1.webp"
/>
<img
class="rounded-[28px] h-[460px] hidden md:inline-flex"
src="public/menu/menu-img2.webp"
/>
</div>
<div
id="menu-center"
class="bg-black rounded-[34px] md:w-[450px] w-[380px] md:px-20 px-6 md:py-14 py-8"
>
<span class="text-neutral-600 font-semibold text-[18px]">Menu</span>
<nav>
<ul
class="text-white font-[600] tracking-[1px] text-[22px] space-y-7 mt-6"
>
<li class="nav-item " id="home">
<a href="home.html">HOME</a>
</li>
<li class="nav-item" id="about">
<a href="whoWeAre.html">WHO WE ARE</a>
</li>
<li class="nav-item active" id="services">
<a href="businesses.html">OUR BUSINESS</a>
</li>
<li class="nav-item" id="contact">
<a href="productsSlider.html">PRODUCTS</a>
</li>
<li class="nav-item" id="services"><a href="blogListing.html">BLOGS</a></li>
<li class="nav-item" id="contact">
<a href="contactUs.html">CONTACT US</a>
</li>
</ul>
</nav>
</div>
<div id="menu-right-images" class="flex items-center space-x-8">
<img
class="rounded-[28px] h-[460px] hidden md:inline-flex"
src="public/menu/menu-img3.webp"
/>
<img
class="rounded-[28px] h-[460px] hidden md:inline-flex"
src="public/menu/menu-img4.webp"
/>
</div>
</div>
<div class="flex items-center justify-between pb-2 font-semibold">
<div class="block space-x-2 md:hidden">
<i
class="fa fa-phone text-purple text-[13px]"
aria-hidden="true"
></i>
<span>+971 4227 4088</span>
</div>
<div class="block space-x-2 md:hidden">
<i
class="fa fa-envelope text-purple text-[16px]"
aria-hidden="true"
></i>
<span>[email protected]</span>
</div>
</div>
</div>
</div>
<section>
<div class="relative">
<img
class="w-full md:h-[80vh] md:min-h-[600px] min-h-[425px] object-cover"
src="public/pankore-business/banner-img.webp"
/>
<div
class="absolute inset-0 flex flex-col items-center justify-center px-3 pt-12 text-white banner-content-animation"
>
<h1
class="typewriter md:text-[92px] text-[36px] font-bold tracking-[1px] mt-12 mb-6"
>
PAN KORE BUSINESS
</h1>
<div class="text-center font-medium md:text-lg space-y-[3px]">
<p class="hidden md:block">
Building Lasting Relationships, Delivering Trusted Solutions. At Pan Kore, our sustainable approach
</p>
<p class="hidden md:block">
shapes long-term success and fosters equitable business opportunities
</p>
<p class="hidden md:block">business opportunities</p>
<!-- only visible in mobile view -->
<p class="md:hidden">
Building Lasting Relationships, Delivering Trusted Solutions. At Pan Kore, our sustainable approach shapes long-term success and fosters equitable business opportunities
</p>
</div>
<a href="contactUs.html"
class="primary-button text-white md:px-10 md:py-[9px] px-6 py-[8px] space-x-2 rounded-lg font-semibold md:text-[15px] text-[14px] mt-12"
type="button"
>
<span>CONTACT US</span> <span class="text-lg">+</span>
</a>
</div>
</div>
</section>
<section class="py-6 wrapper md:py-16">
<div class="grid grid-cols-1 gap-4 md:grid-cols-2 max-sm:overflow-hidden">
<div class="flex flex-col justify-center reveal fade-left">
<h6 class="text-2xl font-bold text-purple md:text-xl">LEADING SUGAR SUPPLIER IN SUDAN</h6>
<h4
class="md:text-[58px] text-[32px] font-bold mb-3 md:leading-[56px]"
>
GET AMAZING RESULT WITH PAN KORE
</h4>
<p class="font-[500] md:text-[17px] text-[17px] text-gray-600 mb-4">
Since its founding in 2011, Pan Kore has established itself as a premier sourcing and sugar supplier in Sudan. Over a decade of close collaboration with leading global sugar suppliers, we have forged an unmatched capacity to provide large volumes of the finest quality sugar to the Sudanese market, catering primarily to commercial companies.
</p>
<p class="font-[500] md:text-[17px] text-[17px] text-gray-600 mb-4">
As one of Sudan's top sugar suppliers, with a legacy specialization in this commodity, Pan Kore possesses privileged relationships and expertise that uniquely position us to meet the large-scale sugar demands of the Sudanese market. Our reliability in service sets us apart, distinguishing Pan Kore as the foremost partner for sugar importation and supply, adeptly fulfilling the diverse needs of the Sudanese market.
</p>
</div>
<div class="reveal fade-right">
<div
class="relative border-box md:pl-[95px] pl-[80px] w-full h-full flex items-center"
>
<img
class="rounded-[24px]"
src="public/pankore-business/welcome-img.webp"
/>
<div
class="bg-purple reveal latePopOut md:w-[185px] w-[150px] md:py-3.5 py-2.5 rounded-[22px] text-center text-white border-[8px] border-white absolute left-0 top-[50%] -translate-y-[50%]"
>
<div>
<span class="text-6xl font-bold md:text-7xl">11</span>
<span class="text-xl font-bold">+</span>
</div>
<p class="text-md font-semibold mt-2.5 leading-[14px]">Years</p>
<p class="font-semibold text-md">Experience</p>
</div>
</div>
</div>
</div>
</section>
<section class="py-6 wrapper md:pb-16">
<div class="grid grid-cols-1 gap-10 md:grid-cols-2 max-sm:overflow-hidden">
<div class="grid grid-cols-2 gap-4 overflow-hidden md:gap-10 reveal fade-left">
<img
class=" md:w-full md:h-full object-contain rounded-[24px]"
src="public/pankore-business/pro-img1.webp"
/>
<img
class=" md:w-full md:h-full object-contain rounded-[24px]"
src="public/pankore-business/pro-img2.webp"
/>
</div>
<div class="text-white bg-black/90 py-12 business-black-padding rounded-[30px] reveal fade-right">
<h4 class="mb-3 text-lg font-semibold">WHY CHOOSE US</h4>
<h3
class="md:text-[54px] text-[32px] font-semibold md:leading-[56px] mb-4"
>
We Provide World Class Products
</h3>
<p class="font-[500] md:text-[17px] text-[17px] mb-4">
We have established ourselves as a trusted player in the global foodstuff industry, enabling the trade of goods and services across borders and between different regions.
</p>
<p class="font-[500] md:text-[17px] text-[17px]">
Our expertise and dedication to excellence have earned us a respectful place within the industry, and we're committed to continuing our tradition of excellence and professionalism
</p>
</div>
</div>
</section>
<section class="business-banner-image md:h-[500px] h-[375px] text-center md:pt-20 pt-12 relative">
<div
class="text-white font-bold md:text-[54px] text-[32px] md:font-semibold"
>
<h4>To Make Requests For The</h4>
<h4>Further Information</h4>
</div>
<button
class="primary-button text-[15px] mt-8 text-white font-semibold px-[38px] py-[15px] rounded-full"
>
<i class="mr-2 fa-regular fa-envelope"></i>
MAIL US NOW
</button>
<div class="wrapper absolute -bottom-[40px] left-0 right-0">
<div
class="flex md:items-center bg-white shadow-md overflow-hidden md:py-6 py-4 rounded-[24px]"
>
<div style="--i: 0s" class="flex-1 text-center border-r-[1px] border-gray reveal fade-stagger-top">
<div class="">
<span class="md:text-[60px] text-[26px] font-bold md:leading-[75px]"
>10</span
><span class="font-bold md:text-[28px] text-[18px]">+</span>
</div>
<span class="text-purple md:text-[22px] text-[15px] font-medium"
>Core Leve Product</span
>
</div>
<div style="--i: 0.5s" class="flex-1 text-center border-r-[1px] border-gray reveal fade-stagger-top">
<div class="">
<span class="md:text-[60px] text-[26px] font-bold md:leading-[75px]"
>100<span class="font-bold md:text-[28px] text-[18px]">%</span>
</div>
<span class="text-purple md:text-[22px] text-[15px] font-medium"
>High Quality Products</span
>
</div>
<div style="--i: 1s" class="flex-1 text-center border-r-[1px] border-gray reveal fade-stagger-top">
<div class="">
<span class="md:text-[60px] text-[26px] font-bold md:leading-[75px]"
>100<span class="font-bold md:text-[28px] text-[18px]">%</span>
</div>
<span class="text-purple md:text-[22px] text-[15px] font-medium"
>Satisfaction Services</span
>
</div>
<div style="--i: 1.5s" class="flex-1 text-center reveal fade-stagger-top">
<div class="">
<span class="md:text-[60px] text-[26px] font-bold md:leading-[75px]"
>24<span class="font-bold text-[28px]">/</span>
<span class="md:text-[60px] text-[26px] font-bold md:leading-[75px] md:-ml-2">7</span>
</div>
<span class="text-purple md:text-[22px] text-[15px] font-medium">Support</span>
</div>
</div>
</div>
</section>
<section
class="wrapper mt-[100px] grid md:grid-cols-2 grid-cols-1 gap-12 pb-14 max-sm:overflow-hidden"
>
<div class="flex items-center justify-between reveal fade-left">
<img
src="public/pankore-business/result-img1.webp "
class="rounded-[24px] w-[75%] h-full"
/>
<img
src="public/pankore-business/result-img2.webp"
class="rounded-[24px] w-[20%] h-full"
/>
</div>
<div class="flex flex-col justify-center reveal fade-right">
<h6 class="text-2xl font-bold text-purple md:text-xl">
GET REWARDS
</h6>
<h4
class="md:text-[58px] text-[32px] font-bold mb-2 md:leading-[56px] pr-14"
>
GET REWARD RESULT
</h4>
<p
class="font-[500] md:text-[18px] text-[17px] text-gray-600 mb-4 leading-[28px]"
>
At Pan Kore, we offer more than just superior products; we deliver rewarding results through lasting partnerships. Our commitment to unmatched quality, combined with a reliable supply chain and tailored solutions, ensures business needs are met with precision and expertise. The extensive industry experience of our team and our customer-centric approach elevate us beyond mere suppliers; we are committed partners in driving business growth. Choosing Pan Kore means investing in a relationship that not only promises commercial success but also significantly contributes to realizing your business potential
</p>
</div>
</section>
</main>
<section class="transparent-section"></section>
<footer class="justify-between hidden pt-3 pb-6 md:flex bg-purple md:pb-0">
<img class="" src="public/header_footer/footer-left-sugarcane.webp" />
<div class="flex-1 flex flex-col max-w-[800px]">
<div class="flex justify-between flex-1 w-full pt-10 text-white">
<div>
<h4 class="font-semibold text-[22px] mb-8">OUR PAGES</h4>
<nav class="space-y-3 flex flex-col text-[17px] font-[500]">
<a href="home.html">Home</a>
<a href="whoWeAre.html">Who We Are</a>
<a href="productsSlider.html">Products</a>
<a href="pankoreBusiness.html">Our Businesses</a>
<a href="blogListing.html">Blog</a>
<a href="contactUs.html">Contact Us</a>
</nav>
</div>
<div class="">
<h4 class="font-semibold text-[22px] mb-8">ASK FOR MORE</h4>
<form class="flex flex-col space-y-4">
<input
type="text"
class="placeholder-white outline-none border text-sm border-white px-4 py-[13px] bg-transparent text-white w-[240px]"
placeholder="Enter full name"
/>
<input
type="text"
class="placeholder-white outline-none border text-sm border-white px-4 py-[13px] bg-transparent text-white w-[240px]"
placeholder="Enter email address"
/>
<textarea rows="2" class="footer-msg px-[20px] py-[13px] w-full placeholder:text-[#ffffff] text-[#ffffff] font-medium resize-none" placeholder="Type..." type="text" id="message" name="message" required=""></textarea>
<button
class="text-purple bg-white py-[12px] text-[16px] font-bold w-[240px]"
type="submit"
>
SUBMIT NOW
</button>
</form>
</div>
<div class="">
<h4 class="font-semibold text-[22px] mb-8">OUR PRODUCTS</h4>
<nav class="space-y-3 flex flex-col text-[17px] font-[500]">
<a href="whiteRefinedSugar.html">White Refined Sugar</a>
<a href="whiteCrystalSugar.html">White Crystal Sugar</a>
<a href="proboiledRice.html">Proboiled Rice</a>
<a href="shortGrainSwarna.html">Short Grain Swarna</a>
<a href="gadarifHalawaSesame.html">Gadarif Halawa Sesame</a>
<a
href="productsGrid.html"
class="mt-4 underline underline-offset-2"
>View All</a
>
</nav>
</div>
</div>
<div
class="flex -mx-10 items-center justify-center text-white text-[14px] footer-border mt-auto pt-[26px] pb-[26px] px-3"
>
<div>
<span class="font-[400]">COPYRIGHT: </span
><span class="font-bold"> ©2023. ALL RIGHTS RESERVED</span>
</div>
</div>
</div>
<img class="" src="public/header_footer/footer-right-sugarcane.webp" />
</footer>
<footer
class="flex flex-col justify-between pt-4 pb-6 bg-purple md:pb-0 md:hidden"
>
<div class="flex justify-between flex-1 px-6 pt-10 text-white">
<div>
<h4 class="font-semibold md:text-[22px] text-[18px] md:mb-8 mb-3">
OUR PAGES
</h4>
<nav
class="space-y-3 flex flex-col md:text-[18px] text-[16px] font-[500]"
>
<a href="home.html">Home</a>
<a href="whoWeAre.html">Who We Are</a>
<a href="productsSlider.html">Products</a>
<a href="pankoreBusiness.html">Our Businesses</a>
<a href="blogListing.html">Blog</a>
<a href="contactUs.html">Contact Us</a>
</nav>
</div>
<div>
<h4 class="font-semibold md:text-[22px] text-[18px] md:mb-8 mb-3">
OUR PRODUCTS
</h4>
<nav
class="space-y-3 flex flex-col md:text-[18px] text-[16px] font-[500]"
>
<a href="whiteRefinedSugar.html">White Refined Sugar</a>
<a href="whiteCrystalSugar.html">White Crystal Sugar</a>
<a href="proboiledRice.html">Proboiled Rice</a>
<a href="shortGrainSwarna.html">Short Grain Swarna</a>
<a href="gadarifHalawaSesame.html">Gadarif Halawa Sesame</a>
<a href="productsGrid.html" class="mt-4 underline underline-offset-2"
>View All</a
>
</nav>
</div>
</div>
<div class="px-4 mt-8 mb-4 text-white">
<h4 class="font-semibold md:text-[22px] text-[18px] mb-4">
ASK FOR MORE
</h4>
<form class="flex flex-col space-y-4">
<input
type="text"
class="placeholder-white outline-none border text-sm border-white px-4 py-[13px] bg-transparent text-white w-full"
placeholder="Enter full name"
/>
<input
type="text"
class="placeholder-white outline-none border text-sm border-white px-4 py-[13px] bg-transparent text-white w-full"
placeholder="Enter email address"
/>
<textarea rows="2" class="footer-msg px-[20px] py-[13px] w-full placeholder:text-[#ffffff] text-[#ffffff] font-medium resize-none" placeholder="Type..." type="text" id="message" name="message" required=""></textarea>
<button
class="text-purple bg-white py-[12px] text-[16px] font-bold w-full"
type="submit"
>
SUBMIT NOW
</button>
</form>
</div>
<div class="text-white text-[15px] footer-border mt-auto pt-[28px] px-4">
<div>
<span class="font-[400]">COPYRIGHT: </span
><span class="font-bold"> ©2023. ALL RIGHTS RESERVED</span>
</div>
</div>
</footer>
<!-- Add your JavaScript scripts here or link to external scripts -->
<script src="javascript/header-footer.js"></script>
</body>
</html>