<!DOCTYPE html>
<html lang="en" class="no-js">


<head>
    <meta charset="utf-8">

    <meta name="author" content="codexcoder">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Meta tags for Social Media(Better SEO) -->
    <!-- <meta property="og:title" content=""> -->
    <!-- <meta property="og:type" content=""> -->
    <!-- <meta property="og:url" content=""> -->
    <!-- <meta property="og:image" content=""> -->

    <!-- site favicon -->
    <link rel="icon" type="image/png" href="assets/images/favicon.png">

    <!-- ====== All css file ========= -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/icofont.min.css">
    <link rel="stylesheet" href="assets/css/lightcase.css">
    <link rel="stylesheet" href="assets/css/animate.css">
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <link rel="stylesheet" href="assets/css/style.min.css">

    <!-- site title -->
    <title>Multitrade International</title>
    
    <style>
.navbar-custom{
    position:fixed;
    top:0;
    width:100%;
    z-index:9999;
    background:rgba(11,17,32,.95);
    backdrop-filter:blur(15px);
    padding:15px 0;
    border-bottom:1px solid rgba(255,255,255,.1);
}

.navbar-brand img{
    height:65px;
    width:auto;
}

.nav-link{
    color:#fff !important;
    font-size:16px;
    font-weight:600;
    margin:0 10px;
    transition:.3s;
}

.nav-link:hover,
.nav-link.active{
    color:#00e5ff !important;
}

.navbar-toggler{
    border:1px solid #00e5ff;
}

.navbar-toggler:focus{
    box-shadow:none;
}

.join-btn{
    background:#00e5ff;
    color:#000;
    padding:12px 28px;
    border-radius:40px;
    text-decoration:none;
    font-weight:700;
    transition:.3s;
}

.join-btn:hover{
    color:#000;
    transform:translateY(-2px);
}

.banner-section{
    padding-top:120px;
}

@media(max-width:991px){

.navbar-collapse{
    background:#0b1120;
    padding:20px;
    margin-top:15px;
    border-radius:15px;
}

.join-btn{
    display:inline-block;
    margin-top:15px;
}

}
</style>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">

<style>

:root{
    --primary:#00e5ff;
    --dark:#0b1120;
}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    background:var(--dark);
    color:#fff;
    font-family:Arial, Helvetica, sans-serif;
    overflow-x:hidden;
}

/* ==========================
   NAVBAR
========================== */

.navbar-custom{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    z-index:9999;
    background:rgba(11,17,32,.95);
    backdrop-filter:blur(15px);
    border-bottom:1px solid rgba(255,255,255,.08);
}

.navbar-brand img{
    height:60px;
}

.nav-link{
    color:#fff !important;
    font-weight:600;
    margin:0 10px;
    transition:.3s;
}

.nav-link:hover,
.nav-link.active{
    color:var(--primary)!important;
}

.join-btn{
    background:var(--primary);
    color:#000;
    padding:10px 25px;
    border-radius:30px;
    text-decoration:none;
    font-weight:bold;
}

.join-btn:hover{
    color:#000;
}

/* ==========================
   HERO
========================== */

.hero-section{
    padding:180px 0 120px;
    background:
    linear-gradient(rgba(0,0,0,.65), rgba(0,0,0,.75)),
    url('images/about-banner.jpg');
    background-size:cover;
    background-position:center;
}

.theme-color{
    color:var(--primary);
}

.glass-card{
    background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.10);
    backdrop-filter:blur(15px);
    border-radius:20px;
    padding:35px;
    transition:.4s;
}

.glass-card:hover{
    transform:translateY(-8px);
    box-shadow:0 15px 30px rgba(0,229,255,.15);
}

.default-btn{
    display:inline-block;
    padding:14px 35px;
    background:var(--primary);
    color:#000;
    text-decoration:none;
    border-radius:40px;
    font-weight:600;
}

.default-btn:hover{
    color:#000;
}

section{
    padding:90px 0;
}

/* ==========================
   COUNTERS
========================== */

.counter{
    font-size:48px;
    font-weight:bold;
    color:var(--primary);
}

.counter-box{
    text-align:center;
}

/* ==========================
   FOUNDER
========================== */

.founder-img{
    width:180px;
    height:180px;
    border-radius:50%;
    border:5px solid var(--primary);
    object-fit:cover;
}

/* ==========================
   TIMELINE
========================== */

.timeline{
    position:relative;
    max-width:1200px;
    margin:auto;
}

.timeline::after{
    content:'';
    position:absolute;
    width:4px;
    background:var(--primary);
    top:0;
    bottom:0;
    left:50%;
}

.timeline-item{
    position:relative;
    width:50%;
    padding:20px;
}

.timeline-item.left{
    left:0;
}

.timeline-item.right{
    left:50%;
}

.timeline-content{
    background:rgba(255,255,255,.06);
    border-radius:15px;
    padding:25px;
}

.timeline-item::after{
    content:'';
    position:absolute;
    width:20px;
    height:20px;
    background:var(--primary);
    border-radius:50%;
    top:35px;
    right:-10px;
}

.timeline-item.right::after{
    left:-10px;
}

/* ==========================
   MOBILE
========================== */

@media(max-width:768px){

.timeline::after{
    left:20px;
}

.timeline-item{
    width:100%;
    padding-left:60px;
}

.timeline-item.right{
    left:0;
}

.timeline-item::after{
    left:10px;
}

.hero-section{
    padding-top:150px;
}

}

</style>
</head>

<body>
   


    <!-- ===============// header section start here \\================= -->
    <!-- Header Start -->
<nav class="navbar navbar-expand-lg navbar-dark navbar-custom">

<div class="container">

<a class="navbar-brand" href="index.html">
<img src="images/multitrade-logo.png" alt="Multitrade">
</a>

<!--<button class="navbar-toggler"
        type="button"
        data-bs-toggle="collapse"
        data-bs-target="#menu">

<span class="navbar-toggler-icon"></span>

</button>-->
<a href="JoinUs.aspx" class="join-btn">
Join Now
</a>
<a href="login.aspx" class="join-btn">
Login
</a>
<!--<div class="collapse navbar-collapse" id="menu">

<ul class="navbar-nav mx-auto">

<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>

<li class="nav-item">
<a class="nav-link" href="plan.html">Business Plan</a>
</li>



</ul>

<a href="JoinUs.aspx" class="join-btn">
Join Now
</a>
<a href="login.aspx" class="join-btn">
Login
</a>

</div>-->

</div>

</nav>
<!-- Header End -->
    <!-- ===============//header section end here \\================= -->
<section class="hero-section">

<div class="container">

<div class="glass-card text-center">

<img src="images/multitrade-logo.png"
     class="img-fluid mb-4"
     style="max-width:300px;">

<h1 class="display-4 fw-bold">
About
<span class="theme-color">
Multitrade International
</span>
</h1>

<p class="mt-4 fs-5">
Empowering people through innovation,
technology and sustainable business opportunities.
</p>

<div class="mt-4">

<a href="JoinUs.aspx" class="default-btn me-3">
Join Now
</a>

<!--<a href="#" class="default-btn">
Contact Us
</a>-->

</div>

</div>

</div>

</section>

<!-- ABOUT -->

<section>

<div class="container">

<div class="row align-items-center">

<div class="col-lg-6 mb-4">

<img src="images/about.png"
     class="img-fluid rounded">

</div>

<div class="col-lg-6">

<h2>
About
<span class="theme-color">Multitrade</span>
</h2>

<p class="mt-4">
Multitrade International is a modern digital business
platform dedicated to creating opportunities through
technology, innovation and entrepreneurship.
</p>

<p>
Our mission is to help individuals build sustainable
income streams while participating in a fast-growing
global community.
</p>

</div>

</div>

</div>

</section>

    <!-- ===============//banner section start here \\================= -->
    <section class="banner-section">
        <div class="container">
            <div class="banner-wrapper">
                <div class="row align-items-center g-5">
                    <div class="col-lg-6">
                        <div class="banner-content">
                            <h1><span class="theme-color" data-blast="color">Discover</span> Collect <br>
                                And Sell <span class="theme-color" data-blast="color">NFT</span> Assets</h1>
                            <p>Digital Marketplace For Crypto Collectibles And Non-Fungible Tokens.
                                Buy, Sell, And Discover Exclusive Digital Assets.</p>
                            <div class="banner-btns d-flex flex-wrap">

    <a href="login.aspx"
       class="default-btn move-top">
        <span>Login</span>
    </a>

    <a href="JoinUs.aspx"
       class="default-btn move-right">
        <span>Join Us</span>
    </a>

</div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="banner-image">
                            <img src="assets/images/banner/banner-img.png" alt="NFT Image">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- ===============//banner section end here \\================= -->

<section>

<div class="container">

<div class="row g-4">

<div class="col-lg-6">

<div class="glass-card">

<h2>🚀 Mission</h2>

<p>
To empower people through technology,
digital innovation and business opportunities.
</p>

</div>

</div>

<div class="col-lg-6">

<div class="glass-card">

<h2>👁 Vision</h2>

<p>
To become a trusted global platform that
connects people with opportunity and growth.
</p>

</div>

</div>

</div>

</div>

</section>

<!-- COUNTERS -->

<section>

<div class="container">

<div class="row g-4">

<div class="col-md-3">

<div class="glass-card counter-box">

<div class="counter" data-target="50000">0</div>

<h5>Members</h5>

</div>

</div>

<div class="col-md-3">

<div class="glass-card counter-box">

<div class="counter" data-target="120">0</div>

<h5>Leaders</h5>

</div>

</div>

<div class="col-md-3">

<div class="glass-card counter-box">

<div class="counter" data-target="20">0</div>

<h5>Countries</h5>

</div>

</div>

<div class="col-md-3">

<div class="glass-card counter-box">

<div class="counter" data-target="100000">0</div>

<h5>Community Size</h5>

</div>

</div>

</div>

</div>

</section>

<!-- FOUNDER -->

<section>

<div class="container">

<div class="glass-card">

<div class="row align-items-center">

<div class="col-lg-3 text-center">

<img src="images/founder.jpg"
     class="founder-img">

</div>

<div class="col-lg-9">

<h2>Founder Message</h2>

<p>
We believe technology can transform lives and
create new opportunities for everyone.
</p>

<p>
Our commitment is to build a transparent,
innovative and growth-oriented ecosystem.
</p>

<p class="theme-color">
Founder & CEO
</p>

</div>

</div>

</div>

</div>

</section>

<!-- ROADMAP -->

<section>

<div class="container">

<h2 class="text-center mb-5">
Growth Roadmap
</h2>

<div class="timeline">

<div class="timeline-item left">
<div class="timeline-content">
<h4>Phase 1</h4>
<p>Platform Launch & Branding</p>
</div>
</div>

<div class="timeline-item right">
<div class="timeline-content">
<h4>Phase 2</h4>
<p>Community Expansion</p>
</div>
</div>

<div class="timeline-item left">
<div class="timeline-content">
<h4>Phase 3</h4>
<p>Mobile Application Launch</p>
</div>
</div>

<div class="timeline-item right">
<div class="timeline-content">
<h4>Phase 4</h4>
<p>Global Growth & Partnerships</p>
</div>
</div>

</div>

</div>

</section>

<!-- CTA -->

<section>

<div class="container">

<div class="glass-card text-center">

<h2>
Join The Multitrade Community
</h2>

<p class="mt-3">
Start your journey towards growth,
leadership and success today.
</p>

<a href="JoinUs.aspx" class="default-btn mt-3">
Become A Member
</a>

</div>

</div>

</section>

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"></script>

<script>

const counters=document.querySelectorAll('.counter');

counters.forEach(counter=>{

const updateCounter=()=>{

const target=+counter.getAttribute('data-target');
const count=+counter.innerText;

const increment=target/200;

if(count<target){

counter.innerText=Math.ceil(count+increment);

setTimeout(updateCounter,10);

}
else{

counter.innerText=target.toLocaleString();

}

};

updateCounter();

});

</script>

   

    


    



    <!-- ===============//footer section start here \\================= -->
    <footer class="footer-section">
        
        <div class="footer-bottom">
            <div class="container">
                <p class="text-center py-4 mb-0">
© 2026 Multitrade International.
All Rights Reserved.
</p>
               
            </div>
        </div>

    </footer>
    <!-- ===============//footer section end here \\================= -->



    <!-- scrollToTop start here -->
    <a href="#" class="scrollToTop"><i class="icofont-stylish-up"></i></a>
    <!-- scrollToTop ending here -->




    <!-- All Scripts -->
    <script src="assets/js/jquery-3.6.0.min.js"></script>
    <script src="assets/js/bootstrap.bundle.min.js"></script>
    <!-- <script src="assets/js/blast.min.js"></script> -->
    <script src="assets/js/waypoints.min.js"></script>
    <script src="assets/js/lightcase.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/countdown.min.js"></script>
    <script src="assets/js/jquery.counterup.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/functions.js"></script>
</body>
</html>