26 February 2025
<section class="section-testimonials section-testimonials-inner-wrap">
<div class="header-inner-wrap-new-new">
<div class="container container-100 container-fulll">
<div class="home-vdo">
<video class="bg-video" autoplay="" muted="" loop="" playsinline=""><source src="https://demo.imageonline.in/odexglobal/public/storage/home/video-header.mp4" type="video/mp4">Your browser does not support HTML5 video.</video>
</div>
</div>
</div>
</section>
<section class="section common-pd section-counter center-align">
<div class="container">
<div class="counter-wrap d-flex flex-wrap" id="counter">
<div class="counter-clm" data-aos="fade-up" data-aos-delay="100">
<div class="counter-value" data-count="80000">
0
</div>
<div class="counter-txt">
Document Releasing Everyday
</div>
</div>
<div class="counter-clm" data-aos="fade-up" data-aos-delay="200">
<div class="counter-value" data-count="630">
0
</div>
<div class="counter-txt">
Shipping Lines
</div>
</div>
<div class="counter-clm" data-aos="fade-up" data-aos-delay="300">
<div class="counter-value" data-count="750">
0
</div>
<div class="counter-txt">
Weighbridges
</div>
</div>
<div class="counter-clm" data-aos="fade-up" data-aos-delay="400">
<div class="counter-value" data-count="23500">
0
</div>
<div class="counter-txt">
Exporters & Importers
</div>
</div>
<div class="counter-clm" data-aos="fade-up" data-aos-delay="500">
<div class="counter-value" data-count="5000">
0
</div>
<div class="counter-txt">
Custom House Agents
</div>
</div>
<div class="counter-clm" data-aos="fade-up" data-aos-delay="600">
<div class="counter-value" data-count="11000">
0
</div>
<div class="counter-txt">
Freight Forwarders
</div>
</div>
</div>
</div>
</section>
<div class="stream d-none">
</div>
<section class="section common-pd section-services-nnew center-align orange-bg-gradient white-color">
<div class="container">
<h2 class="small-hd" data-aos="fade-up">
SERVICES
</h2>
<h1 class="hd1 center-align white-color" data-aos="fade-up">
Industry Solutions
</h1>
<div class="section-wrapper02">
<nav class="sectionnav">
<ul>
<li>
<a href="#section1">ONE</a>
</li>
<li>
<a href="#section2">TWO</a>
</li>
<li>
<a href="#section3">THREE</a>
</li>
<li>
<a href="#section4">FOUR</a>
</li>
<li>
<a href="#section5">FIVE </a>
</li>
</ul>
</nav>
<section class="content-section02" id="section1">
<h1>
SECTION ONE
</h1>
</section>
<section class="content-section02" id="section2">
<h1>
SECTION TWO
</h1>
</section>
<section class="content-section02" id="section3">
<h1>
SECTION THREE
</h1>
</section>
<section class="content-section" id="section4">
<h1>
SECTION FOUR
</h1>
</section>
<section class="content-section02" id="section5">
<h1>
SECTION FIVE
</h1>
</section>
</div>
</div>
<div class="mobile-accordion">
<div class="accordion" id="mobileAccordion">
</div>
</div>
<style>
.sectionnav{
position: fixed;
top: 5%;
bottom: auto;
z-index: 10;
}
.sectionnav ul{
list-style: none;
padding: 0;
}
.sectionnav li{
padding: 10px 0;
}
.sectionnav span{
display: inline-block;
position:relative;
}
.sectionnav a{
display: inline-block;
color: #272727;
text-decoration: none;
font-size: 1em;
}
.sectionnav .circle{
height: 10px;
width: 10px;
left: -10px;
border-radius: 50%;
background-color: #272727;
}
.sectionnav .rect{
height: 3px;
width: 0px;
left: 0;
bottom: 4px;
background-color: #272727;
-webkit-transition: -webkit-transform 0.6s, width 1s;
-moz-transition: -webkit-transform 0.6s, width 1s;
transition: transform 0.6s, width 1s;
}
.sectionnav a:hover, nav .active-section{
color: #9b59b6;
}
.sectionnav a:hover span, nav .active-section span{
background-color: #9b59b6;
}
.sectionnav .active-section .rect{
width: 40px;
}
.content-section02{
position: relative;
width: 80%;
height: 90%;
left: 50%;
background-color: #ecf1f1;
text-align: center;
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-o-transform: translateX(-50%);
transform: translateX(-50%);
}
.content-section02 h1{
position: relative;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
-o-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
color:#9b59b6;
font-size: 3em;
}
</style><script>
$(document).ready(function(){
var contentSection = $('.content-section');
var navigation = $('nav');
//when a nav link is clicked, smooth scroll to the section
navigation.on('click', 'a', function(event){
event.preventDefault(); //prevents previous event
smoothScroll($(this.hash));
});
//update navigation on scroll...
$(window).on('scroll', function(){
updateNavigation();
})
//...and when the page starts
updateNavigation();
/////FUNCTIONS
function updateNavigation(){
contentSection.each(function(){
var sectionName = $(this).attr('id');
var navigationMatch = $('nav a[href="#' + sectionName + '"]');
if( ($(this).offset().top - $(window).height()/2 < $(window).scrollTop()) &&
($(this).offset().top + $(this).height() - $(window).height()/2 > $(window).scrollTop()))
{
navigationMatch.addClass('active-section');
}
else {
navigationMatch.removeClass('active-section');
}
});
}
function smoothScroll(target){
$('body,html').animate({
scrollTop: target.offset().top
}, 800);
}
});
</script>
</section>
<section class="section common-pd section-partner center-align">
<div class="container">
<div class="partner-inner-wrap">
<h2 class="hd1 center-align" data-aos="fade-up">
Our Trusted Partners
</h2>
<p>
No partners available.
Transform your operations with our customized solutions, designed to fit your unique business needs. Streamline processes, enhance productivity, and unlock your company’s full potential with ease.
No case study available.
.jpg)
No whitepaper posts available.
.png)
.png)
(3).jpeg)
.jpg)
