- ID scansione:
- 71a17e5e-9070-4aff-b0af-c40927831d00Fatto
- URL inviato:
- https://citcp.page.link/z71avszgdzQbtDne9Reindirizzato
- Report terminato:
Link · 5 trovati
I link in uscita identificati dalla pagina
| Link | Testo |
|---|---|
| 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/ |
Variabili JavaScript · 6 trovate
Le variabili JavaScript globali caricate sull'oggetto finestra di una pagina sono variabili dichiarate all'esterno delle funzioni e accessibili da qualsiasi punto del codice nell'ambito corrente
| Nome | Tipo |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| $ | function |
| jQuery | function |
Messaggi di log della console · 6 trovati
Messaggi registrati nella console Web
| Tipo | Categoria | Log |
|---|---|---|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
| error | network |
|
HTML
Il corpo HTML non elaborato della pagina
<!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>