Current File : //home/vedfinancials/www/html/forex-trading-one-page.html
<!doctype html>
<html class="no-js" lang="zxx">

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>Finwise - Online Banking & Finance HTML5 Template</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/favicon.svg">
    <!-- CSS here -->
    <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
    <link rel="stylesheet" href="assets/css/vendor/animate.min.css">
    <link rel="stylesheet" href="assets/css/plugins/swiper.min.css">
    <link rel="stylesheet" href="assets/css/plugins/slick.css">
    <link rel="stylesheet" href="assets/css/vendor/magnific-popup.css">
    <link rel="stylesheet" href="assets/css/vendor/fontawesome-pro.css">
    <link rel="stylesheet" href="assets/css/vendor/flaticon_finwise.css">
    <link rel="stylesheet" href="assets/css/vendor/spacing.css">
    <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

    <!--[if lte IE 9]>
      <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
      <![endif]-->

    <!-- Preloder start -->
    <div id="preloader">
        <div class="sk-three-bounce">
            <div class="sk-child sk-bounce1"></div>
            <div class="sk-child sk-bounce2"></div>
            <div class="sk-child sk-bounce3"></div>
        </div>
    </div>
    <!-- Preloder start -->

    <!-- Backtotop start -->
    <div class="backtotop-wrap cursor-pointer">
        <svg class="backtotop-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- Backtotop end -->

    <!-- Offcanvas area start -->
    <div class="fix">
        <div class="offcanvas__area">
            <div class="offcanvas__wrapper">
                <div class="offcanvas__content">
                    <div class="offcanvas__top d-flex justify-content-between align-items-center">
                        <div class="offcanvas__logo">
                            <a href="index.html">
                                <img src="assets/imgs/logo/logo-white.svg" alt="logo not found">
                            </a>
                        </div>
                        <div class="offcanvas__close">
                            <button class="offcanvas-close-icon animation--flip">
                                <span class="offcanvas-m-lines">
                              <span class="offcanvas-m-line line--1"></span><span class="offcanvas-m-line line--2"></span><span class="offcanvas-m-line line--3"></span>
                                </span>
                            </button>
                        </div>
                    </div>
                    <div class="mobile-menu fix"></div>
                    <div class="offcanvas__social">
                        <h3 class="offcanvas__title mb-20">Subscribe & Follow</h3>
                        <ul>
                            <li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                            <li><a href="#"><i class="fab fa-youtube"></i></a></li>
                            <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                        </ul>
                    </div>
                    <div class="offcanvas__btn">
                        <div class="header__btn-wrap">
                            <a class="sub__btn sm" href="login.html">Log In</a>
                            <a class="bd-gradient-btn" href="contact.html">Get Started</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="offcanvas__overlay"></div>
    <div class="offcanvas__overlay-white"></div>
    <!-- Offcanvas area start -->

    <!-- Header area start -->
    <header>
        <div id="header-sticky" class="header__area header-transparent">
            <div class="container">
                <div class="mega__menu-wrapper">
                    <div class="header__main">
                        <div class="header__left">
                            <div class="header__logo">
                                <a href="index.html">
                                    <img class="logo__white" src="assets/imgs/logo/logo-white.svg" alt="logo not found">
                                </a>
                            </div>
                        </div>
                        <div class="header__middle">
                            <div class="mean__menu-wrapper d-none d-lg-block">
                                <div class="main-menu">
                                    <nav id="mobile-menu">
                                        <ul class="onepage-menu">
                                            <li>
                                                <a href="#">Home</a>
                                            </li>
                                            <li>
                                                <a href="#home-offer">offer</a>
                                            </li>
                                            <li><a href="#home-trade">Trade</a>
                                            </li>
                                            <li><a href="#home-cash">Cash</a>
                                            </li>
                                            <li><a href="#homefaq">fAQ</a>
                                            </li>
                                        </ul>
                                    </nav>
                                    <!-- for wp -->
                                    <div class="header__hamburger ml-20 d-none">
                                        <button type="button" class="hamburger-btn offcanvas-open-btn">
                                            <span>01</span>
                                            <span>01</span>
                                            <span>01</span>
                                        </button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="header__right">
                            <div class="header__action d-flex align-items-center">
                                <div class="header__btn-wrap d-none d-xl-inline-flex">
                                    <a class="sub__btn" href="login.html">Log In</a>
                                    <a class="bd-gradient-btn" href="contact.html">Get Started</a>
                                </div>
                                <div class="header__hamburger ml-20 d-xl-none">
                                    <div class="sidebar__toggle">
                                        <a class="bar-icon" href="avascript:void(0)">
                                            <span></span>
                                            <span></span>
                                            <span></span>
                                        </a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- Header area end -->

    <!-- Body main wrapper start -->
    <main>

        <!-- Banner area start -->
        <section class="banner__area banner-6 p-relative z-index-11 x-clip">
            <div class="banner__glow-6">
                <div class="glow-1 d-none d-md-block"></div>
                <div class="glow-2"></div>
            </div>
            <div class="container">
                <div class="row gy-50 align-items-center">
                    <div class="col-xxl-6 col-xl-6 col-lg-7 col-md-6">
                        <div class="banner__content-5 wow fadeInLeft animated" data-wow-delay=".6s">
                            <span class="banner__subtitle-5 uppercase mb-25">Forex Excellence</span>
                            <h2 class="banner__title-5">Forex Trading for Financial Growth.</h2>
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut massa mi. Aliquam in hendrerit urna.</p>
                            <div class="btn__wrapper">
                                <div class="banner__btn-group">
                                    <a class="bd-gradient-btn" href="contact.html">Get Started<span><i class="fa-regular fa-angle-right"></i></span></a>
                                    <a class="banner__play popup-video" href="https://www.youtube.com/watch?v=Ov6oGuwIfAk"><span><svg width="18" height="20" viewBox="0 0 18 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M15.9919 7.50438L4.1875 0.684375C3.85007 0.484739 3.4658 0.377998 3.07375 0.375C2.45745 0.375 1.8664 0.619823 1.43061 1.05561C0.994823 1.4914 0.75 2.08245 0.75 2.69875V17.3356C0.750078 17.7446 0.859712 18.1461 1.0675 18.4984C1.27529 18.8506 1.57365 19.1408 1.93156 19.3387C2.28947 19.5366 2.69386 19.635 3.10268 19.6237C3.5115 19.6124 3.90983 19.4918 4.25625 19.2744L16.0744 11.8081C16.4418 11.5782 16.7435 11.2569 16.9499 10.8757C17.1562 10.4945 17.2604 10.0663 17.252 9.63288C17.2437 9.19947 17.1233 8.77559 16.9024 8.40257C16.6816 8.02955 16.3679 7.7201 15.9919 7.50438Z" fill="white"/>
                              </svg>
                              </span>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-5 col-md-6">
                        <div class="banner__thumb-wrapper-5 d-flex justify-content-end wow fadeInRight animated" data-wow-delay=".6s">
                            <div class="banner__thumb-5">
                                <img src="assets/imgs/banner/banner-06.png" alt="image not found">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Banner area end -->

        <!-- Brand area start -->
        <div class="brand__area-4 pt-50 pb-50">
            <div class="container">
                <div class="swiper brnad__active">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-01.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-02.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-03.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-04.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-05.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-06.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                        <div class="swiper-slide">
                            <div class="brand__item text-center">
                                <div class="brand__thumb">
                                    <img src="assets/imgs/brand/brand-02.png" alt="image not found">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!-- Brand area end -->

        <!-- Offer area start -->
        <section id="home-offer" class="offer__area section-space">
            <div class="container">
                <div class="row section__title-space justify-content-center">
                    <div class="col-xxl-5 col-xl-6 col-lg-6 col-md-8 col-sm-10">
                        <div class="section__title-wrapper text-center">
                            <span class="section__subtitle-5 uppercase mb-20">our Offers</span>
                            <h2 class="section__title">Some Common Forex Trade Offers</h2>
                        </div>
                    </div>
                </div>
                <div class="row gy-5">
                    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
                        <div class="offer__item wow fadeInUp" data-wow-delay=".3s">
                            <div class="offer__icon">
                                <span><i class="flaticon-gift"></i></span>
                            </div>
                            <div class="offer__content">
                                <h3>Welcome Bonus</h3>
                                <p>Lorem ipsum dolor siamet consectetur adipiscing elit Ut massa mi.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
                        <div class="offer__item is-mainly-red wow fadeInUp" data-wow-delay=".5s">
                            <div class="offer__icon">
                                <span><i class="flaticon-save-money"></i></span>
                            </div>
                            <div class="offer__content">
                                <h3>Deposit Bonus</h3>
                                <p>Lorem ipsum dolor siamet consectetur adipiscing elit Ut massa mi.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
                        <div class="offer__item is-mainly-blue wow fadeInUp" data-wow-delay=".7s">
                            <div class="offer__icon">
                                <span><i class="flaticon-technical-support"></i></span>
                            </div>
                            <div class="offer__content">
                                <h3>Rebate Programs</h3>
                                <p>Lorem ipsum dolor siamet consectetur adipiscing elit Ut massa mi.</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-3 col-xl-3 col-lg-6 col-md-6">
                        <div class="offer__item is-mainly-pink wow fadeInUp" data-wow-delay=".9s">
                            <div class="offer__icon">
                                <span><i class="flaticon-fair-trade"></i></span>
                            </div>
                            <div class="offer__content">
                                <h3>Trading Contests</h3>
                                <p>Lorem ipsum dolor siamet consectetur adipiscing elit Ut massa mi.</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Offer area end -->

        <!-- Section devider start -->
        <div class="section__devider">
            <div class="container">
                <hr>
            </div>
        </div>
        <!-- Section devider end -->

        <!-- Trade area start -->
        <section id="home-trade" class="trade__area section-space">
            <div class="container">
                <div class="row gy-50 align-items-center">
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="trade__thumb-wrapper wow fadeInLeft animated" data-wow-delay=".6s">
                            <div class="trade__thumb">
                                <img src="assets/imgs/trade/trade-01.png" alt="image not found">
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="trade__content wow fadeInUp" data-wow-delay=".9s">
                            <div class="section__title-wrapper mb-30">
                                <span class="section__subtitle-5 uppercase mb-20">Trade Now</span>
                                <h2 class="section__title">Discover a Better way to Trade.</h2>
                            </div>
                            <p class="mb-30">Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et masa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur.</p>
                            <p class="mb-0">elit Ut et massa mi. <span class="text-color-1">Aliquam in hendrerit urna.</span> Pellentesque sit amet sapien fringilla, mattis consectetur</p>
                            <div class="btn__wrapper">
                                <a class="bd-gradient-btn" href="about.html">Know More<span><i class="fa-regular fa-angle-right"></i></span></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Trade area end -->

        <!-- Cash area start -->
        <section id="home-cash" class="cash__area theme-bg-1 fix section-space">
            <div class="container">
                <div class="row gy-50 wow fadeInUp" data-wow-delay=".3s">
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="cash__content">
                            <div class="section__title-wrapper mb-30">
                                <span class="section__subtitle-5 uppercase mb-20">Trading chance</span>
                                <h2 class="section__title">Trade Direct from your phone</h2>
                            </div>
                            <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur.</p>
                            <div class="info__list">
                                <ul>
                                    <li>Invest toward your goals</li>
                                    <li>Manage your wealth intentionally</li>
                                </ul>
                            </div>
                            <div class="btn__wrapper">
                                <a class="bd-gradient-btn" href="about.html">Know More<span><i class="fa-regular fa-angle-right"></i></span></a>
                            </div>
                        </div>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="cash__thumb-wreapper p-relative z-index-11">
                            <div class="cash__round-glow"></div>
                            <div class="cash__round-box">
                                <div class="round-01"></div>
                                <div class="round-02"></div>
                                <div class="round-03"></div>
                            </div>
                            <div class="cash__thumb">
                                <img src="assets/imgs/cash/cash-thumb.png" alt="image not found">
                            </div>
                            <div class="cash__card">
                                <img class="card-1" data-parallax='{"y": 50, "smoothness": 40}' src="assets/imgs/cash/cash-card-01.png" alt="image not found">
                                <img class="card-2" data-parallax='{"y": 50, "smoothness": 40}' src="assets/imgs/cash/cash-card-02.png" alt="image not found">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Cash area end -->

        <!-- Feedback area start -->
        <section class="feedback__area p-relative z-index-11 section-space-bottom">
            <div class="feedback__six-bg theme-bg-1"></div>
            <div class="container">
                <div class="feedback__wrapper-6">
                    <div class="feedback__thumb-6">
                        <img src="assets/imgs/user/user-07.png" alt="image not found">
                    </div>
                    <div class="inner">
                        <div class="swiper feedback__active-6">
                            <div class="swiper-wrapper">
                                <div class="swiper-slide">
                                    <div class="feedback__item-6">
                                        <div class="feedback__content-6">
                                            <div class="feedback__author">
                                                <div class="feedback__author-info-5 mb-5">
                                                    <h3>Maral Arman</h3>
                                                    <span>Business man</span>
                                                </div>
                                            </div>
                                            <div class="feedback__rating">
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                            </div>
                                            <p>Our integrated payments solution helps us customer process payments faster and more efficiently by harnessing the power of Chase’s.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="feedback__item-6">
                                        <div class="feedback__content-6">
                                            <div class="feedback__author">
                                                <div class="feedback__author-info-5 mb-5">
                                                    <h3>Eiola J. Farr</h3>
                                                    <span>Business man</span>
                                                </div>
                                            </div>
                                            <div class="feedback__rating">
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                            </div>
                                            <p>Our integrated payments solution helps us customer process payments faster and more efficiently by harnessing the power of Chase’s.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="swiper-slide">
                                    <div class="feedback__item-6">
                                        <div class="feedback__content-6">
                                            <div class="feedback__author">
                                                <div class="feedback__author-info-5 mb-5">
                                                    <h3>Maral Arman</h3>
                                                    <span>Business man</span>
                                                </div>
                                            </div>
                                            <div class="feedback__rating">
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                                <span><i class="fa-solid fa-star"></i></span>
                                            </div>
                                            <p>Our integrated payments solution helps us customer process payments faster and more efficiently by harnessing the power of Chase’s.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!-- If we need pagination -->
                            <div class="pagination__wrappper">
                                <div class="bd-swiper-dot is-white"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Feedback area end -->

        <!-- FAQ area start -->
        <section id="homefaq" class="faq__area section-space-bottom p-relative fix">
            <div class="container">
                <div class="row section__title-space justify-content-center">
                    <div class="col-xxl-5 col-xl-5 col-lg-5">
                        <div class="section__title-wrapper text-center">
                            <span class="section__subtitle-5 uppercase mb-20">Read FAQ</span>
                            <h2 class="section__title">General Questions.</h2>
                        </div>
                    </div>
                </div>
                <div class="row justify-content-center wow fadeInUp" data-wow-delay=".5s">
                    <div class="col-xxl-8 col-xl-8 col-lg-10">
                        <div class="fap__style-2">
                            <div class="bd__faq">
                                <div class="accordion" id="accordionExample">
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingOne">
                                            <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
                                                <span>Q.</span> What makes Finwise different?
                                            </button>
                                        </h2>
                                        <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendt urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet augue. Vestibulum auctor ornare leo, non suscipit magna interdum.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingTwo">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
                                                <span>Q.</span> How does Finwise make money?
                                            </button>
                                        </h2>
                                        <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet augue.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingThree">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
                                                <span>Q.</span> Why should I trust Finwise?
                                            </button>
                                        </h2>
                                        <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet augue.</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="accordion-item">
                                        <h2 class="accordion-header" id="headingFour">
                                            <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
                                                <span>Q.</span> How does Finwise work?
                                            </button>
                                        </h2>
                                        <div id="collapseFour" class="accordion-collapse collapse" aria-labelledby="headingFour" data-bs-parent="#accordionExample">
                                            <div class="accordion-body">
                                                <p>Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urna. Pellentesque sit amet sapien fringilla, mattis ligula consectetur, ultrices mauris. Maecenas vitae mattis tellus. Nullam quis imperdiet augue.</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- FAQ area end -->

        <!-- Work step area start -->
        <section class="work__step-area theme-bg-1 section-space">
            <div class="container">
                <div class="row gy-5 section__title-space align-items-end">
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="section__title-wrapper">
                            <span class="section__subtitle-5 uppercase mb-20">Working Steps</span>
                            <h2 class="section__title">Follow Our Easy Steps & Start Trading.</h2>
                        </div>
                    </div>
                    <div class="col-xxl-6 col-xl-6 col-lg-6">
                        <div class="working__intro-btn d-flex justify-content-lg-end">
                            <a class="bd-gradient-btn" href="register.html">open account<span><i class="fa-regular fa-angle-right"></i></span></a>
                        </div>
                    </div>
                </div>
                <div class="row wow fadeInUp" data-wow-delay=".3s">
                    <div class="col-xxl-12">
                        <div class="work__steps-inner">
                            <div class="row g-5">
                                <div class="col-xxl-4 col-xl-4 col-lg-4">
                                    <div class="work__step-item-2 text-center">
                                        <div class="work__step-count">
                                            <span>01</span>
                                        </div>
                                        <div class="work__step-content-2">
                                            <h3>Tell us about yourself</h3>
                                            <p>Lorem ipsum dolor sit amet letto consectetur adipis.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-xl-4 col-lg-4">
                                    <div class="work__step-item-2 is-mainly-red text-center">
                                        <div class="work__step-count">
                                            <span>02</span>
                                        </div>
                                        <div class="work__step-content-2">
                                            <h3>Find your account</h3>
                                            <p>Lorem ipsum dolor sit amet letto consectetur adipis.</p>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-xxl-4 col-xl-4 col-lg-4">
                                    <div class="work__step-item-2 is-mainly-blue text-center">
                                        <div class="work__step-count">
                                            <span>03</span>
                                        </div>
                                        <div class="work__step-content-2">
                                            <h3>Start Trading</h3>
                                            <p>Lorem ipsum dolor sit amet letto consectetur adipis.</p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Work step area end -->

        <!-- Subscribe area start -->
        <section class="subcribe__area section-space p-relative">
            <div class="container">
                <div class="row wow fadeInUp" data-wow-delay=".3s">
                    <div class="col-xxl-12">
                        <div class="subcribe__wrapper p-relative">
                            <div class="subcribe__soacial d-none d-lg-block">
                                <span class="social__icon-1"><img src="assets/imgs/icons/facebook.png" alt="image not found"></span>
                                <span class="social__icon-2"><img src="assets/imgs/icons/instagram.png" alt="image not found"></span>
                                <span class="social__icon-3"><img src="assets/imgs/icons/twitter.png" alt="image not found"></span>
                                <span class="social__icon-4"><img src="assets/imgs/icons/linkedin.png" alt="image not found"></span>
                            </div>
                            <div class="row justify-content-center">
                                <div class="col-xxl-6 col-xl-6 col-lg-6">
                                    <div class="subcribe__wrapper">
                                        <div class="subcribe__content text-center section__title-space">
                                            <div class="section__title-wrapper mb-25">
                                                <span class="section__subtitle-5 uppercase mb-20">Subscribe Now</span>
                                                <h2 class="section__title">Get Started Now!</h2>
                                            </div>
                                            <p class="mb-0">Lorem ipsum dolor sit amet consectetur adipiscing elit Ut et massa mi. Aliquam in hendrerit urn</p>
                                        </div>
                                        <div class="subcribe__input">
                                            <span><svg width="26" height="20" viewBox="0 0 26 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <defs>
                                      <linearGradient id="paint0_linear_633_603" x1="1.9375" y1="6.65412" x2="24.0625" y2="6.65412" gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#674AD9"/>
                                        <stop offset="1" stop-color="#FB5141"/>
                                      </linearGradient>
                                      <linearGradient id="paint1_linear_633_603" x1="1" y1="13.4517" x2="25" y2="13.4517" gradientUnits="userSpaceOnUse">
                                        <stop offset="0" stop-color="#674AD9"/>
                                        <stop offset="1" stop-color="#FB5141"/>
                                      </linearGradient>
                                    </defs>
                                    <path d="M22.1875 1.00001H3.8125C2.77698 1.00001 1.9375 1.83949 1.9375 2.87501V4.72404L11.881 12.1201C12.5452 12.6141 13.4548 12.6141 14.119 12.1201L24.0625 4.72404V2.87501C24.0625 1.83949 23.223 1.00001 22.1875 1.00001Z" stroke="url(#paint0_linear_633_603)" stroke-width="2" stroke-miterlimit="10"/>
                                    <path d="M23.125 8.92655V16.75C23.125 17.2669 22.7044 17.6875 22.1875 17.6875H3.8125C3.29556 17.6875 2.875 17.2669 2.875 16.75V8.92655L1 7.53192V16.75C1 18.3008 2.26169 19.5625 3.8125 19.5625H22.1875C23.7383 19.5625 25 18.3008 25 16.75V7.53192L23.125 8.92655Z" fill="url(#paint1_linear_633_603)"/>
                                  </svg>
                                  
                                 </span>
                                            <form action="#">
                                                <input type="text" placeholder="Enter Email">
                                                <button class="bd-gradient-btn" type="submit">Submit now<span><i class="fa-regular fa-angle-right"></i></span></button>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- Subscribe area end -->

    </main>
    <!-- Body main wrapper end -->

    <!-- Footer area start -->
    <footer>
        <div class="footer__area-6">
            <div class="container">
                <div class="footer__grid">
                    <div class="footer__widget-4">
                        <div class="footer__logo">
                            <a href="index.html">
                                <img src="assets/imgs/logo/logo-white.svg" alt="logo not found">
                            </a>
                        </div>
                    </div>
                    <div class="footer__widget-4">
                        <div class="footer__widget-title">
                            <h5>Use Cases</h5>
                        </div>
                        <div class="footer__link">
                            <ul>
                                <li><a href="#">SaaS</a></li>
                                <li><a href="#">Online Business</a></li>
                                <li><a href="#">Creators</a></li>
                                <li><a href="#">E-Commerce</a></li>
                                <li><a href="#">Agencies</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer__widget-4">
                        <div class="footer__widget-title">
                            <h5>Products</h5>
                        </div>
                        <div class="footer__link">
                            <ul>
                                <li><a href="#">Invoicing</a></li>
                                <li><a href="#">Office Hours</a></li>
                                <li><a href="#">Explore More</a></li>
                                <li><a href="#">Loan Type</a></li>
                                <li><a href="#">Calculate</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer__widget-4">
                        <div class="footer__widget-title">
                            <h5>Links</h5>
                        </div>
                        <div class="footer__link">
                            <ul>
                                <li><a href="#">Invoicing</a></li>
                                <li><a href="#">Office Hours</a></li>
                                <li><a href="#">Explore More</a></li>
                                <li><a href="#">Loan Type</a></li>
                                <li><a href="#">Calculate</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="footer__widget-4">
                        <div class="footer__widget-title">
                            <h5>Resources</h5>
                        </div>
                        <div class="footer__link">
                            <ul>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Help center</a></li>
                                <li><a href="#">Solutions</a></li>
                                <li><a href="#">Tutorials</a></li>
                                <li><a href="#">Support</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="footer__bottom-area">
            <div class="container">
                <div class="footer__bottom-2 bt-0">
                    <div class="footer__copyright">
                        <p>Copyright © 2023 <a href="#">Finwise</a></p>
                    </div>
                    <div class="footer__social">
                        <a href="#"><i class="fa-brands fa-facebook"></i></a>
                        <a href="#"><i class="fa-brands fa-twitter"></i></a>
                        <a href="#"><i class="fa-brands fa-linkedin"></i></a>
                        <a href="#"><i class="fa-brands fa-youtube"></i></a>
                    </div>
                    <div class="footer__conditions">
                        <ul>
                            <li><a href="privacy-policy.html">Privacy Policy</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- Footer area end -->

    <!-- JS here -->
    <script src="assets/js/vendor/jquery-3.6.0.min.js"></script>
    <script src="assets/js/plugins/waypoints.min.js"></script>
    <script src="assets/js/vendor/bootstrap.bundle.min.js"></script>
    <script src="assets/js/plugins/meanmenu.min.js"></script>
    <script src="assets/js/plugins/swiper.min.js"></script>
    <script src="assets/js/plugins/slick.min.js"></script>
    <script src="assets/js/plugins/wow.js"></script>
    <script src="assets/js/vendor/magnific-popup.min.js"></script>
    <script src="assets/js/vendor/type.js"></script>
    <script src="assets/js/plugins/counterup.js"></script>
    <script src="assets/js/plugins/nice-select.min.js"></script>
    <script src="assets/js/vendor/jquery-ui.min.js"></script>
    <script src="assets/js/plugins/parallax-scroll.js"></script>
    <script src="assets/js/vendor/ajax-form.js"></script>
    <script src="assets/js/main.js"></script>
</body>

</html>