- ID de l'analyse :
- 71a17e5e-9070-4aff-b0af-c40927831d00Terminée
- URL soumise :
- https://citcp.page.link/z71avszgdzQbtDne9Redirigé
- Fin du rapport :
Liens : 5 trouvé(s)
Liens sortants identifiés à partir de la page
Lien | texte |
---|---|
https://bit.ly/3ocC4tN | Learn More |
https://www.facebook.com/courieritsouthafrica | |
https://twitter.com/CourieritS | |
https://www.instagram.com/courieritsa/ | |
https://www.linkedin.com/company/courierit/ |
Variables JavaScript : 6 trouvée(s)
Les variables JavaScript globales chargées dans l'objet fenêtre d'une page sont des variables déclarées en dehors des fonctions et accessibles depuis n'importe quel endroit du code au sein du champ d'application actuel
Nom | Type |
---|---|
0 | object |
onbeforetoggle | object |
documentPictureInPicture | object |
onscrollend | object |
$ | function |
jQuery | function |
Messages de journal de console : 6 trouvé(s)
Messages consignés dans la console web
Type | Catégorie | Enregistrement |
---|---|---|
error | network |
|
error | network |
|
error | network |
|
error | network |
|
error | network |
|
error | network |
|
HTML
Le corps HTML de la page en données brutes
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Communication Portal</title>
<link rel="stylesheet" href="css/master.css">
<link rel="shortcut icon" type="image/png" href="Resources/favicon.png">
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;600;800&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;800;900&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lalezar&display=swap" rel="stylesheet">
</head>
<body class="bg-gray-900 text-gray-200 font-poppins w-screen h-full overflow-x-hidden">
<div id="ReturnTop" class="hidden fixed opacity-100 items-center justify-around right-0 bottom-0 mb-20 text-4xl bg-gray-900 shadow-xl rounded-tl-lg rounded-bl-lg w-16 h-16 px-4 pt-1" style="background-image: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65))!important">
<button id="btnReturnTop" class="text-yellow-900 text-3xl m-auto hover:text-red-600 focus:outline-none"><i class="fas fa-chevron-up"></i></button>
</div>
<div id="main" class="w-screen h-screen bg-cover bg-fixed bg-no-repeat" style="background-image: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65)), url(Resources/Courierit-Images-lg.jpg); background-position: center right;">
<section id="Home" class="flex w-full h-full justify-center m-auto overflow-hidden active">
<div class="container items-center absolute lg:border-b-2 lg:border-gray-900 lg:border-solid lg:border-opacity-50 z-10 flex pt-6 mx-1 md:pt-8 lg:pt-16">
<div class="flex-1 justify-start pb-3 mx-8 lg:pb-8 lg:mx-0 xl:pb-8 xl:mx-0">
<h1><span class="font-semibold">COMMUNICATION</span> <span class="text-own-yellow font-semibold">PORTAL</span></h1>
</div>
<div class="flex-none justify-end pb-8">
<nav id="nav" class="nav justify-center hidden lg:flex xl:flex">
<a href="#Home" class="pl-6 hover:text-yellow-900 active">Home</a>
<a href="#Tracking" class="pl-6 hover:text-yellow-900">Tracking</a>
<a href="#Query" class="pl-6 hover:text-yellow-900">Direct Query</a>
<a href="#Management" class="pl-6 hover:text-yellow-900">Parcel Management</a>
</nav>
<div id="menu-bar" class="justify-end items-center lg:hidden xl:hidden z-40">
<div id="menu" class="w-8 h-5 cursor-pointer focus:outline-none mx-8">
<div id="bar1" class="h-1 m-1 w-full bg-yellow-900 block rounded-md -translate-y-4 transition: ease-in-out duration-300"></div>
<div id="bar2" class="h-1 m-1 w-full bg-yellow-900 block rounded-md transition: ease-in-out duration-300"></div>
<div id="bar3" class="h-1 m-1 w-full bg-yellow-900 block rounded-md translate-y-4 transition: ease-in-out duration-300"></div>
</div>
</div>
</div>
</div>
<div id="menu-bg" class="hidden justify-end absolute w-auto h-auto mt-24 rounded-lg shadow-2xl overflow-hidden z-20" style="background-image: linear-gradient(rgba(0, 0, 0, 0.925),rgba(0,0,0,0.925))!important; background-color: #1a202c;">
<nav id="BurgerNav" class="nav flex flex-col w-auto h-auto py-6 px-10 rounded-lg shadow-2xl overflow-hidden" style="border: 2px solid #FFE700">
<a href="#Home" class="flex flex-row items-center justify-start my-3 hover:text-yellow-900 focus:outline-none">
<div class="flex justify-center items-center h-12 w-12 mr-5 rounded-full border-2 border-solid border-gray-900"><i class="fas fa-home text-2xl"></i></div>
<p>Home</p>
</a>
<a href="#Tracking" class="flex flex-row items-center justify-start my-3 hover:text-yellow-900 focus:outline-none">
<div class="flex justify-center items-center h-12 w-12 mr-5 rounded-full border-2 border-solid border-gray-900"><i class="fas fa-map-marker-alt text-2xl"></i></div>
<p>Tracking</p>
</a>
<a href="#Query" class="flex flex-row items-center justify-start my-3 hover:text-yellow-900 focus:outline-none">
<div class="flex justify-center items-center h-12 w-12 mr-5 rounded-full border-2 border-solid border-gray-800"><i class="fas fa-envelope text-2xl"></i></div>
<p>Direct Query</p>
</a>
<a href="#Management" class="flex flex-row items-center justify-start my-3 hover:text-yellow-900 focus:outline-none">
<div class="flex justify-center items-center h-12 w-12 mr-5 rounded-full border-2 border-solid border-gray-800"><i class="fas fa-box-open text-2xl"></i></div>
<p>Management</p>
</a>
</nav>
</div>
<div class="flex-col w-full h-auto items-center justify-start my-auto mx-12 pt-20 pb-10 md:pt-4 md:px-32 lg:px-32 xl:px-40">
<div class="flex-row flex-grow h-auto justify-center md:justify-start items-center">
<h1 class="text-center md:text-left text-4xl md:text-5xl lg:text-6xl font-Montserrat font-semibold text-own-yellow">EXCELLENCE</h1>
</div>
<div class="flex-row flex-grow h-auto justify-center md:justify-start items-center">
<h1 class="text-center md:text-left text-4xl md:text-5xl lg:text-6xl font-Lalezar font-medium text-own-red -mt-3 lg:-mt-6">IN MOTION</h1>
</div>
<div class="flex h-auto justify-center md:justify-start items-center">
<p class="text-center md:text-left max-w-2xl mb-10 md:mb-20">Welcome to Courierit Client Communication Portal, Our portal is feature rich with Tracking, Direct Query and Parcel Management <span class="hidden md:inline">this option gives client the ability to schedule, reschedule and change the address of their parcel before it leaves our warehouse.</span></p>
</div>
<div class="flex flex-wrap md:flex-no-wrap h-auto justify-center md:justify-start items-center">
<a href="#Tracking" class="border-yellow-900 text-yellow-900 text-base text-center w-72 border-solid border-2 rounded-md py-3 px-8 md:px-16 md:py-4 hover:bg-yellow-900 hover:text-gray-900 hover:font-semibold focus:outline-none focus:shadow-outline">Parcel Tracking</a>
<a href="#Query" class="border-yellow-900 text-yellow-900 text-base text-center w-72 mt-4 md:mt-0 border-solid border-2 md:ml-12 rounded-md py-3 px-8 md:px-16 md:py-4 hover:bg-yellow-900 hover:text-gray-900 hover:font-semibold focus:outline-none focus:shadow-outline">Direct Query</a>
</div>
</div>
</section>
<section id="MultiInsight" class="panel w-full h-auto py-20 flex justify-center bg-gray-300 overflow-hidden active">
<div class="container m-auto px-12 md:px-0 lg:px-0 xl:px-0">
<div class="flex flex-wrap sm:-m-4 -mx-4 -mb-10 -mt-4">
<div class="p-4 md:w-1/3 md:mb-0 mb-6 flex flex-col text-center items-center">
<div class="w-40 h-40 inline-flex items-center justify-center rounded-full border-2 border-solid border-gray-900 shadow-lg bg-cover bg-no-repeat bg-center mb-5 flex-shrink-0" style="background-image: linear-gradient(rgba(0, 0, 0, 0.350),rgba(0, 0, 0, 0.350)), url(Resources/robert-penaloza-C9YI89TnqNI-unsplash.jpg);"></div>
<div class="flex-grow">
<h2 class="text-gray-900 text-2xl title-font font-semibold mb-5">Parcel Tracking</h2>
<p class="leading-relaxed text-gray-800 text-base">This feature grants clients a real-time view with regards to the status of their parcel.</p>
<a href="#Tracking" class="mt-8 text-yellow-900 inline-flex items-center border-gray-900 bg-gray-900 border-solid border-2 shadow-lg rounded-tl-lg rounded-tr-sm rounded-br-lg rounded-bl-sm hover:bg-gray-300 hover:text-gray-900 px-16 py-2">Learn More</a>
</div>
</div>
<div class="p-4 md:w-1/3 md:mb-0 mb-6 flex flex-col text-center items-center">
<div class="w-40 h-40 inline-flex items-center justify-center rounded-full border-2 border-solid border-gray-900 shadow-lg bg-cover bg-no-repeat bg-center mb-5 flex-shrink-0" style="background-image: linear-gradient(rgba(0, 0, 0, 0.350),rgba(0, 0, 0, 0.350)), url(Resources/vinicius-amnx-amano-4mK2KVuYrDs-unsplash.jpg);"></div>
<div class="flex-grow">
<h2 class="text-gray-900 text-2xl title-font font-semibold mb-5">Direct Query</h2>
<p class="leading-relaxed text-gray-800 text-base">This feature gives our clients the ability to communicate with Customer Service Staff.</p>
<a href="#Query" class="mt-8 text-yellow-900 inline-flex items-center border-gray-900 bg-gray-900 border-solid border-2 shadow-lg rounded-tl-lg rounded-tr-sm rounded-br-lg rounded-bl-sm hover:bg-gray-300 hover:text-gray-900 px-16 py-2">Learn More</a>
</div>
</div>
<div class="p-4 md:w-1/3 md:mb-0 mb-6 flex flex-col text-center items-center">
<div class="w-40 h-40 inline-flex items-center justify-center rounded-full border-2 border-solid border-gray-900 shadow-lg bg-cover bg-no-repeat bg-center mb-5 flex-shrink-0" style="background-image: linear-gradient(rgba(0, 0, 0, 0.350),rgba(0, 0, 0, 0.350)), url(Resources/TGI_002.jpg);"></div>
<div class="flex-grow">
<h2 class="text-gray-900 text-2xl title-font font-semibold mb-5">Management</h2>
<p class="leading-relaxed text-gray-800 text-base">Schedule, reschedule and change the parcel address before it leaves our depo.</p>
<a href="#Management" class="mt-8 text-yellow-900 inline-flex items-center border-gray-900 bg-gray-900 border-solid border-2 shadow-lg rounded-tl-lg rounded-tr-sm rounded-br-lg rounded-bl-sm hover:bg-gray-300 hover:text-gray-900 px-16 py-2">Learn More</a>
</div>
</div>
</div>
</div>
</section>
<section id="MultiAdSection" class="panel w-full h-auto text-gray-900 overflow-hidden active" style="background-image: linear-gradient(rgba(0,0,0,0.65),rgba(0,0,0,0.65))!important;">
<div class="container mx-auto flex px-5 py-20 md:flex-row flex-col items-center">
<div class="lg:max-w-md lg:w-full md:w-1/2 w-5/6 mb-10 md:mb-0">
<img class="object-cover object-center rounded" alt="Courierit Ewaybill Hero" src="Resources/undraw_send_gift_7o4m.svg">
</div>
<div class="lg:flex-grow md:w-1/2 lg:pl-24 md:pl-16 flex flex-col md:items-start md:text-left items-center text-center">
<h1 class="text-3xl lg:text-5xl xl:text-6xl font-Montserrat font-semibold text-own-yellow">Ewaybill Portal</h1>
<h1 class="text-xl lg:text-3xl font-poppins font-semibold text-own-red">Do you know about our Ewaybill Portal?</h1>
<p class="text-xs md:text-sm mb-10 pt-3 lg:pt-0 px-6 md:px-0 font-poppins text-gray-300">Important Note! This portal was build for desktop use only.</p>
<div class="flex justify-center">
<a href="https://bit.ly/3ocC4tN" target="_blank" class="inline-flex border-yellow-900 text-yellow-900 border-solid border-2 rounded-md px-16 py-2 hover:bg-yellow-900 hover:text-gray-900 hover:font-semibold focus:outline-none focus:shadow-outline text-lg">Learn More</a>
</div>
</div>
</div>
</section>
<section id="Tracking" class="panel w-full justify-center bg-gray-900 font-poppins text-gray-900 overflow-hidden inactive" style="background-image: linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.5))!important;">
<div class="m-auto py-6 w-full h-full justify-center items-center">
<!-- Tracking Section - XS & SM Use Only -->
<section class="md:hidden text-gray-300 font-poppins px-5 md:px-20 lg:px-32">
<div class="pt-2 pb-10 px-6 md:px-6 lg:px-8 xl:px-10 mx-auto">
<h1 class="font-bold title-font font-Montserrat text-lg md:text-2xl lg:text-2xl xl:text-2xl"><span class="text-yellow-900">TRACK YOUR </span><span class="text-red-600">PARCEL</span></h1>
<p class="leading-relaxed mb-5 text-gray-300 text-sm sm:text-sm md:text-base lg:text-base xl:text-base">
<span class="font-semibold font-poppins">Let's View </span><span>The Status Of Your Shipment.</span>
</p>
<section id="TrackingDetailMini" class="flex relative flex-wrap pt-3"><div class="pb-6 relative md:w-1/3 md:mb-0 flex h-full"><div class="h-full w-10 -ml-0 mt-4 absolute inset-0 flex items-center justify-center"><div class="h-full w-1 bg-gray-300 pointer-events-none"></div></div><div class="flex-shrink-0 w-10 h-10 bg-gray-300 z-10 text-gray-900 rounded-full text-xl inline-flex items-center justify-center"><i class="fas fa-map-marked-alt"></i></div><div class="flex-grow text-gray-300 pl-6"><h2 class="font-medium title-font mb-2 text-base"><span class="text-yellow-900">En Route </span><span class="text-red-600">For Delivery.</span></h2><p class="leading-relaxed text-sm font-normal">We are on our way with your parcel.</p><p class="leading-relaxed text-xs font-semibold pt-2">28 Oct 2024 07:52:02</p></div></div><div class="pb-6 relative md:w-1/3 md:mb-0 flex h-full"><div class="h-full w-10 -ml-0 mt-4 absolute inset-0 flex items-center justify-center"><div class="h-full w-1 bg-gray-300 pointer-events-none"></div></div><div class="flex-shrink-0 w-10 h-10 bg-gray-300 z-10 text-gray-900 rounded-full text-xl inline-flex items-center justify-center"><i class="fas fa-warehouse"></i></div><div class="flex-grow text-gray-300 pl-6"><h2 class="font-medium title-font mb-2 text-base"><span class="text-yellow-900">Received At </span><span class="text-red-600">Courierit JNB.</span></h2><p class="leading-relaxed text-sm font-normal">Your parcel arrived in Courierit JNB.</p><p class="leading-relaxed text-xs font-semibold pt-2">27 Oct 2024 21:18:36</p></div></div><div class="pb-6 relative md:w-1/3 md:mb-0 flex h-full"><div class="h-full w-10 -ml-0 mt-4 absolute inset-0 flex items-center justify-center"><div class="h-full w-1 bg-gray-300 pointer-events-none"></div></div><div class="flex-shrink-0 w-10 h-10 bg-gray-300 z-10 text-gray-900 rounded-full text-xl inline-flex items-center justify-center"><i class="fas fa-warehouse"></i></div><div class="flex-grow text-gray-300 pl-6"><h2 class="font-medium title-font mb-2 text-base"><span class="text-yellow-900">In Transit To </span><span class="text-red-600">Courierit JNB.</span></h2><p class="leading-relaxed text-sm font-normal">Your parcel has left Courierit CPT and is in transit to Courierit JNB.</p><p class="leading-relaxed text-xs font-semibold pt-2">25 Oct 2024 20:04:55</p></div></div><div class="pb-6 relative md:w-1/3 md:mb-0 flex h-full"><div class="flex-shrink-0 w-10 h-10 bg-gray-300 z-10 text-gray-900 rounded-full text-2xl inline-flex items-center justify-center"><i class="far fa-registered"></i></div><div class="flex-grow text-gray-300 pl-6"><h2 class="font-Montserrat title-font mb-2 text-base"><span class="text-yellow-900">Received </span><span class="text-red-600">By Courierit.</span></h2><p class="leading-relaxed text-sm font-normal">Waybill Number - WEBS0452302 - was acknowledged by Courierit.</p><p class="leading-relaxed text-xs font-semibold pt-2">25 Oct 2024 17:36:02</p></div></div></section>
</div>
</section>
<!-- Tracking Section - MD & LG & XL Use Only -->
<section class="hidden md:block text-gray-900 body-font px-5 md:px-20 lg:px-32">
<div class="px-6 lg:px-8 xl:px-10 mx-auto">
<h1 class="text-lg md:text-2xl lg:text-3xl"><span class="font-Montserrat text-yellow-900 font-bold">TRACK YOUR </span><span class="text-red-600 font-Montserrat font-bold">PARCEL</span></h1>
<p class="leading-relaxed font-poppins text-gray-300 text-sm sm:text-sm md:text-base lg:text-base xl:text-base"><span class="font-semibold">Let's View </span><span>The Status Of Your Shipment.</span></p>
</div>
<div class="container block mt-16 mx-auto">
<div class="flex relative justify-between items-center text-gray-900">
<div class="py-6 lg:py-8 xl:py-8 h-6 px-12 lg:px-16 xl:px-20 mx-2 absolute inset-0">
<div class="w-full h-1 bg-gray-300 pointer-events-none"></div>
</div>
</div>
<section id="TrackingVisuals" class="flex justify-between w-full text-gray-900 px-12 lg:px-16 xl:px-20"><div class="w-auto z-10 justify-center flex-col"><div class="w-12 h-12 text-3xl lg:w-16 lg:h-16 lg:text-4xl xl:w-16 xl:h-16 xl:text-4xl bg-gray-900 border-2 border-solid border-gray-300 text-own-yellow rounded-full inline-flex items-center justify-center"><i class="far fa-registered"></i></div><p class="w-full text-center font-medium pt-3 text-gray-300 text-xs lg:text-sm xl:text-sm">Received</p></div><div class="w-auto z-10 justify-center flex-col"><div class="w-12 h-12 text-xl lg:w-16 lg:h-16 lg:text-3xl xl:w-16 xl:h-16 xl:text-3xl bg-gray-900 border-2 border-solid border-gray-300 text-own-yellow rounded-full inline-flex items-center justify-center"><i class="fas fa-warehouse"></i></div><p class="w-full text-center font-medium pt-3 text-gray-300 text-xs lg:text-sm xl:text-sm">Rec Hub</p></div><div class="w-auto z-10 justify-center flex-col"><div class="w-12 h-12 text-xl lg:w-16 lg:h-16 lg:text-3xl xl:w-16 xl:h-16 xl:text-3xl bg-gray-900 border-2 border-solid border-gray-300 text-own-yellow rounded-full inline-flex items-center justify-center"><i class="fas fa-exchange-alt"></i></div><p class="w-full text-center font-medium pt-3 text-gray-300 text-xs lg:text-sm xl:text-sm">Transfer</p></div><div class="w-auto z-10 justify-center flex-col"><div class="w-12 h-12 text-xl lg:w-16 lg:h-16 lg:text-3xl xl:w-16 xl:h-16 xl:text-3xl bg-gray-900 border-2 border-solid border-gray-300 text-own-yellow rounded-full inline-flex items-center justify-center"><i class="fas fa-warehouse"></i></div><p class="w-full text-center font-medium pt-3 text-gray-300 text-xs lg:text-sm xl:text-sm">Del Hub</p></div><div class="w-auto z-10 justify-center flex-col"><div class="w-12 h-12 text-xl lg:w-16 lg:h-16 lg:text-3xl xl:w-16 xl:h-16 xl:text-3xl bg-gray-900 border-2 border-solid border-gray-300 text-own-yellow rounded-full inline-flex items-center justify-center"><i class="fab fa-rev"></i></div><p class="w-full text-center font-medium pt-3 text-gray-300 text-xs lg:text-sm xl:text-sm">En Route</p></div><div class="w-auto z-10 justify-center flex-col"><div class="w-12 h-12 text-3xl lg:w-16 lg:h-16 lg:text-4xl xl:w-16 xl:h-16 xl:text-4xl bg-gray-900 border-2 border-solid border-gray-300 text-gray-300 rounded-full inline-flex items-center justify-center"><i class="far fa-check-circle"></i></div><p class="w-full text-center font-medium pt-3 text-gray-300 text-xs lg:text-sm xl:text-sm">Delivered</p></div></section>
</div>
<div class="pt-16 px-6 lg:px-8 mx-auto">
<div id="ExploreTrackingEvents" class="active flex items-center z-20 border-2 border-gray-900 rounded-lg shadow-xl">
<div class="w-2/3 py-5 px-8">
<h1 class="font-bold title-font font-Montserrat text-lg lg:text-xl xl:text-xl"><span>PARCEL TRACKING </span><span class="text-red-600">DETAILS</span></h1>
</div>
<div class="w-1/3 py-5 px-8 flex justify-end">
<i id="ExploreTrackingEventsExpand" class="inactive text-3xl right fas fa-chevron-circle-down cursor-pointer"></i>
<i id="ExploreTrackingEventsShrink" class="active text-3xl right fas fas fa-chevron-circle-up cursor-pointer"></i>
</div>
</div>
</div>
<div class="pb-8 px-8 md:px-8 lg:px-10 mx-auto flex-col z-10">
<div id="ExploreTrackingEventsDetails" class="active mx-16 border-l-2 border-r-2 border-b-2 border-t-0 border-gray-900 bg-transparent rounded-bl-lg rounded-br-lg">
<div class="px-5 pt-10 pb-5 mx-auto">
<div id="btrackcnt" class="-my-8">
<section id="TrackingDetails"><div class="py-8 flex border-b-2 border-gray-900 flex-wrap md:flex-no-wrap"><div class="md:w-48 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="mt-1 text-gray-300 font-semibold text-sm">28 Oct 2024 07:52:02</span></div><div class="md:flex-grow"><h2 class="text-lg lg:text-2xl xl:text-2xl font-semibold text-yellow-900 title-font mb-2"><span>En Route </span><span class="text-red-600">For Delivery.</span></h2><p class="leading-relaxed text-gray-300">We are on our way with your parcel.</p></div></div><div class="py-8 flex border-b-2 border-gray-900 flex-wrap md:flex-no-wrap"><div class="md:w-48 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="mt-1 text-gray-300 font-semibold text-sm">27 Oct 2024 21:18:36</span></div><div class="md:flex-grow"><h2 class="text-lg lg:text-2xl xl:text-2xl font-semibold text-yellow-900 title-font mb-2"><span>Received At </span><span class="text-red-600">Courierit JNB.</span></h2><p class="leading-relaxed text-gray-300">Your parcel arrived in Courierit JNB.</p></div></div><div class="py-8 flex border-b-2 border-gray-900 flex-wrap md:flex-no-wrap"><div class="md:w-48 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="mt-1 text-gray-300 font-semibold text-sm">25 Oct 2024 20:04:55</span></div><div class="md:flex-grow"><h2 class="text-lg lg:text-2xl xl:text-2xl font-semibold text-yellow-900 title-font mb-2"><span>In Transit To </span><span class="text-red-600">Courierit JNB.</span></h2><p class="leading-relaxed text-gray-300">Your parcel has left Courierit CPT and is in transit to Courierit JNB.</p></div></div><div class="py-8 flex flex-wrap md:flex-no-wrap"><div class="md:w-48 md:mb-0 mb-6 flex-shrink-0 flex flex-col"><span class="mt-1 text-gray-300 font-semibold text-sm">25 Oct 2024 17:36:02</span></div><div class="md:flex-grow"><h2 class="text-lg lg:text-2xl xl:text-2xl font-Montserrat font-semibold text-yellow-900 title-font mb-2"><span>Received </span><span class="text-red-600">By Courierit.</span></h2><p class="leading-relaxed text-gray-300">Waybill Number - WEBS0452302 - was received into our system.</p></div></div></section>
</div>
</div>
</div>
</div>
</section>
</div>
</section>
<section id="Query" class="panel w-full justify-center bg-gray-900 font-poppins text-gray-900 overflow-hidden inactive" style="background-image: linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.5))!important;">
<div class="m-auto py-10 w-full h-full justify-center items-center">
<div class="px-5 md:px-20 lg:px-32">
<h1 class="text-lg md:text-2xl lg:text-3xl"><span class="text-yellow-900 font-Montserrat font-bold">SUBMIT YOUR </span><span class="text-red-600 font-Montserrat font-bold">QUERY</span></h1>
</div>
<div class="flex flex-wrap justify-center pt-6 px-5 md:px-20 lg:px-32 md:flex-no-wrap md:pb-6">
<div id="QueryMapping" class="flex items-end justify-start relative rounded-lg overflow-hidden p-10 sm:mr-10 md:w-1/2 lg:w-2/3 xl:w-2/3"><iframe class="absolute inset-0 w-full h-full" title="map" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1791.331084869495!2d28.13676675808586!3d-26.109944395870016!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMjbCsDA2JzM1LjgiUyAyOMKwMDgnMTYuMyJF!5e0!3m2!1saf!2sza!4v1594942907226!5m2!1saf!2sza" style="filter: contrast(1.0) opacity(0.8);"></iframe><div class="invisible lg:visible xl:visible bg-white relative flex flex-wrap py-6 rounded-lg shadow-lg"><div class="lg:w-1/2 px-6"><h2 class="title-font font-semibold text-gray-900 tracking-widest text-sm sm:text-sm md:text-base lg:text-base xl:text-base">ADDRESS</h2><p class="leading-relaxed text-sm sm:text-sm md:text-base lg:text-base xl:text-base">9 Angus Crescent, Longmeadow Business Estate East, Longmeadow, 1609</p></div><div class="lg:w-1/2 px-6 mt-4 lg:mt-0"><h2 class="title-font font-semibold text-gray-900 tracking-widest text-sm sm:text-sm md:text-base lg:text-base xl:text-base">EMAIL</h2><a class="leading-relaxed text-sm sm:text-sm md:text-base lg:text-base xl:text-base">[email protected]</a><h2 class="title-font font-semibold text-gray-900 tracking-widest text-sm sm:text-sm md:text-base lg:text-base xl:text-base mt-4">PHONE</h2><p class="leading-relaxed text-sm sm:text-sm md:text-base lg:text-base xl:text-base">(011) 928 8300</p></div></div><div class="lg:invisible xl:invisible bg-white absolute flex flex-wrap py-6 rounded-lg shadow-lg"><div class="lg:w-1/2 px-6"><h2 class="title-font font-semibold text-gray-900 tracking-widest text-sm sm:text-sm md:text-base lg:text-base xl:text-base">EMAIL</h2><a class="leading-relaxed text-sm sm:text-sm md:text-base lg:text-base xl:text-base">[email protected]</a><h2 class="title-font font-semibold text-gray-900 tracking-widest text-sm sm:text-sm md:text-base lg:text-base xl:text-base mt-4">PHONE</h2><p class="leading-relaxed text-sm sm:text-sm md:text-base lg:text-base xl:text-base">(011) 928 8300</p></div></div></div>
<div class="container flex flex-col md:w-1/2 lg:w-1/3 xl:w-1/3 justify-center mx-auto md:mx-auto mt-8 md:mt-0">
<h2 class="text-gray-900 text-base sm:text-base md:text-base lg:text-xl b-1 font-semibold title-font">
<span class="text-yellow-900">How can we </span><span class="text-red-600">help you?</span>
</h2>
<p class="leading-relaxed mb-5 text-gray-300 text-sm sm:text-sm md:text-base lg:text-base xl:text-base">
<span>Our dedicated</span><span class="font-semibold">
Customer Services Staff
</span><span>is ready to assist.</span>
</p>
<input id="txtName" class="bg-gray-300 rounded border border-gray-600 focus:outline-none focus:border-yellow-900 text-gray-800 placeholder-gray-800 text-base px-4 py-2 mb-4" placeholder="Name" type="text">
<input id="txtContactNumber" class="bg-gray-300 rounded border border-gray-600 focus:outline-none focus:border-yellow-900 text-gray-800 placeholder-gray-800 text-base px-4 py-2 mb-4" placeholder="Contact Number" type="tel">
<input id="txtContactEmail" class="bg-gray-300 rounded border border-gray-600 focus:outline-none focus:border-yellow-900 text-gray-800 placeholder-gray-800 text-base px-4 py-2 mb-4" placeholder="Email" type="email">
<textarea name="txtMessage" id="txtMessage" class="bg-gray-300 rounded border border-gray-600 focus:outline-none h-32 focus:border-yellow-900 placeholder-gray-800 text-gray-800 text-base px-4 py-2 mb-4 resize-none" placeholder="Message">Hi, I need assistance with the following parcel number - WEBS0452302 ...</textarea>
<button id="btnSubmitQuery" class="text-yellow-900 bg-transparent border-2 border-solid border-yellow-900 py-2 px-6 focus:outline-none hover:bg-yellow-900 hover:text-gray-900 font-semibold rounded text-lg">Submit Query</button>
</div>
</div>
</div>
</section>
<section id="Management" class="panel w-full justify-center bg-gray-300 overflow-hidden inactive">
</section>
<section id="Footer" class="w-full h-auto flex justify-center bg-own-yellow">
<div class="container px-5 py-6 mx-auto flex items-center sm:flex-row flex-col">
<a class="flex title-font font-medium items-center md:justify-start justify-center text-red-600">
<img class="h-8" src="Resources/Courierit-Logo.svg" alt="Courierit (Pty) Ltd.">
</a>
<p class="text-sm text-gray-900 font-semibold sm:ml-4 sm:pl-4 sm:border-l-2 sm:border-gray-900 sm:py-1 sm:mt-0 mt-4">© 2020 Courierit (Pty) Ltd.</p>
<span class="inline-flex sm:ml-auto sm:mt-0 mt-4 justify-center sm:justify-start">
<a href="https://www.facebook.com/courieritsouthafrica" target="blank" id="ExploreFacebook" class="text-gray-900">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z"></path>
</svg>
</a>
<a href="https://twitter.com/CourieritS" target="blank" id="ExploreTwitter" class="ml-3 text-gray-900">
<svg fill="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z">
</path>
</svg>
</a>
<a href="https://www.instagram.com/courieritsa/" target="blank" id="ExploreInstagram" class="ml-3 text-gray-900">
<svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" class="w-5 h-5" viewBox="0 0 24 24">
<rect width="20" height="20" x="2" y="2" rx="5" ry="5"></rect>
<path d="M16 11.37A4 4 0 1112.63 8 4 4 0 0116 11.37zm1.5-4.87h.01"></path>
</svg>
</a>
<a href="https://www.linkedin.com/company/courierit/" target="blank" id="ExploreLinkedIn" class="ml-3 text-gray-900">
<svg fill="currentColor" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="0" class="w-5 h-5" viewBox="0 0 24 24">
<path stroke="none" d="M16 8a6 6 0 016 6v7h-4v-7a2 2 0 00-2-2 2 2 0 00-2 2v7h-4v-7a6 6 0 016-6zM2 9h4v12H2z"></path>
<circle cx="4" cy="4" r="2" stroke="none"></circle>
</svg>
</a>
</span>
</div>
</section>
<input name="thiWaybillNumber" type="hidden" id="thiWaybillNumber" value="WEBS0452302">
<input name="thiAccountNumber" type="hidden" id="thiAccountNumber" value="100">
<input name="thiDeliveryHub" type="hidden" id="thiDeliveryHub" value="JNB">
</div>
<script src="javascript/jquery.min.js"></script>
<script src="javascript/master.js?v=3.0"></script>
</body></html>