<?php
require "database/connect.php";
?>
<!DOCTYPE html>
<html lang="zxx">


<!-- about.html  06:28:08 GMT -->

<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="author" content="DiscreteDev">
    <!-- ======== Page title ============ -->
    <title><?php echo $website_name ?></title>
    <!-- ========== Favicon Icon ========== -->
    <link rel="shortcut icon" href="images/<?php echo $logo_img; ?>">
    <!-- ===========  All Stylesheet ================= -->
    <!--  Icon css plugins -->
    <link rel="stylesheet" href="assets/css/icons.css">
    <!--  animate css plugins -->
    <link rel="stylesheet" href="assets/css/animate.css">
    <!--  slick css plugins -->
    <link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
    <!--  magnific-popup css plugins -->
    <link rel="stylesheet" href="assets/css/magnific-popup.css">
    <!-- metis menu css file -->
    <link rel="stylesheet" href="assets/css/metismenu.css">
    <!--  Bootstrap css plugins -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css">
    <!--  main style css file -->
    <link rel="stylesheet" href="assets/css/style.css">


</head>

<body class="body-wrapper">
    <!-- preloader start here -->
    <div class="preloader">
        <div class="spinner"></div>
    </div>
    <!-- preloader ending here -->


    <!-- header section start hare -->

    <?php include 'header.php'; ?>
    <!-- header section end hare -->



    <!-- banner section start hare -->

    <div class="page-banner-wrap  text-capitalize">
        <div class="container">
            <div class="row">
                <div class="col-12 col-xl-6 ps-xl-0 pe-xl-0 offset-xl-3 col-lg-8 offset-lg-2 text-center text-white">
                    <div class="page-heading">
                        <h1>About Us</h1>
                        <nav aria-label="breadcrumb">
                            <ul class="breadcrumb justify-content-center">
                                <li class="breadcrumb-item"><a href="./">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">About Us</li>
                            </ul>
                        </nav>
                    </div>
                    <!-- <div class="breadcrumb-wrapper">
                        <nav>
                            <ol class="breadcrumb">
                                <li class="breadcrumb-item"><a href="./">Home</a></li>
                                <li class="breadcrumb-item active" aria-current="page">About</li>
                            </ol>
                        </nav>
                    </div> -->
                </div>
            </div>

        </div>
    </div>

    <!-- banner section end hare -->




    <!-- promo-content-block section start hare -->

    <section class="promo-content-block fix section-padding section-bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 col-12 mt-5 mt-xl-0 order-2 order-xl-1">
                    <div class="block-contents">
                        <div class="section-title mb-4">
                            <h2 class="wow fadeInUp">Who we Are!</h2>
                            <p class="wow fadeInUp pt-15" data-wow-delay=".3s"><?php echo $website_name ?> is an award-winning bitcoin exchange & Investment broker, providing trading services and facilities to both retail and institutional clients. <?php echo $website_name ?> has positioned itself as the forex broker of choice for traders worldwide.</p>
                            <p class="wow fadeInUp pt-15" data-wow-delay=".3s">We have a history that dates back to 2009 when bitcoin was created, We laid the groundwork for the world’s first bitcoin trading service. Since then, we have grown from strength to strength, gaining the trust of traders around the world. </p>
                        </div>
                    </div>
                    <div class="funfacts d-flex">
                        <div class="single-funfact wow fadeInUp" data-wow-delay=".5s">
                            <h3><span>950</span>+</h3>
                            <p>Happy clients</p>
                        </div>
                        <div class="single-funfact wow fadeInUp" data-wow-delay=".8s">
                            <h3><span>98</span>%</h3>
                            <p>Customer satisfaction</p>
                        </div>
                    </div>
                </div>
                <div class="col-xl-5 offset-xl-1 order-1 order-xl-2">
                    <img src="assets/img/all-img/about/about-thumb1.png" alt="Clients">
                </div>
            </div>
        </div>
    </section>


    <!-- promo-content-block section end hare -->



    <!-- about section start hare --
    <section class="content-block section-padding section-bg">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-5 pe-lg-0 col-lg-5 col-12">
                    <div class="block-img wow fadeInLeft" data-wow-duration="1.1s">
                        <img src="assets/img/benifit/1.png" alt="benefit image">
                    </div>
                </div>
                <div class="col-xl-6 col-lg-7 offset-xl-1 col-12 ps-lg-5 pe-xl-5">
                    <div class="block-contents ms-xl-3 mt-5 mt-lg-0">
                        <div class="section-title wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                            <h2>Discover Our Trading Benefits</h2>
                        </div>
                        <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s">Lorem, ipsum dolor sit amet
                            consectetur
                            adipisicing elit. Asperiores voluptates accusamus ex facilis nobis soluta ipsum, iste
                            voluptas
                        </p>
                        <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s"> Consectetur adipisicing
                            elit.
                            Eveniet,
                            soluta pariatur facilis ullam corrupti placeat adipisci quisquam, ipsa, officiis amet ut
                            deserunt?</p>
                        <a href="#" class="custom-btn mt-4">Get Started</a>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- about section end hare -->



    <!-- token section start hare --

    <section class="content-block section-padding section-bg-dark">
        <div class="container">
            <div class="row align-items-center">
                <div class="col-xl-6 col-lg-7 offset-xl-1 col-12 
        pe-xl-5">
                    <div class="block-contents ms-xl-3 mt-5 mt-lg-0">
                        <div class="section-title wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                            <h2>Fair Token Distribution for Traders</h2>
                        </div>
                        <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s">Lorem, ipsum dolor sit amet
                            consectetur
                            adipisicing elit. Asperiores voluptates accusamus ex facilis nobis soluta ipsum, iste
                            voluptas
                        </p>
                        <p class="wow fadeInUp" data-wow-duration="1s" data-wow-delay=".4s"> Consectetur adipisicing
                            elit.
                            Eveniet,
                            soluta pariatur facilis ullam corrupti placeat adipisci quisquam, ipsa, officiis amet ut
                            deserunt?</p>
                        <a href="#" class="custom-btn mt-4">Get Started</a>
                    </div>
                </div>
                <div class="col-xl-5 pe-lg-0 col-lg-5 col-12">
                    <div class="block-img wow fadeInLeft" data-wow-duration="1.1s">
                        <img src="assets/img/benifit/2.png" alt="benefit image">
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- token section end hare -->




    <!-- user ditails secion start hare --

    <section class="user-ditails-wrapper fix section-bg section-padding">
        <div class="container">
            <div class="row">
                <div class="col-xl-3 col-sm-6">
                    <div class="single-user-ditails-card mb-4 mb-xl-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="user-card-wrapper ">
                            <div class="user-card-thumb">
                                <img src="assets/img/user/card/01.png" alt="invest icon">
                            </div>
                            <div class="user-card-content">
                                <h4>Total Invested</h4>
                                <p>$9374034</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="single-user-ditails-card mb-4 mb-xl-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="user-card-wrapper">
                            <div class="user-card-thumb">
                                <img src="assets/img/user/card/02.png" alt="invest icon">
                            </div>
                            <div class="user-card-content">
                                <h4>Global Nation</h4>
                                <p>196</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="single-user-ditails-card mb-4 mb-xl-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="user-card-wrapper">
                            <div class="user-card-thumb">
                                <img src="assets/img/user/card/03.png" alt="invest icon">
                            </div>
                            <div class="user-card-content">
                                <h4> Remittances</h4>
                                <p>$99915448</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-3 col-sm-6">
                    <div class="single-user-ditails-card mb-4 mb-xl-0 wow fadeInUp" data-wow-duration="1s" data-wow-delay=".2s">
                        <div class="user-card-wrapper">
                            <div class="user-card-thumb">
                                <img src="assets/img/user/card/04.png" alt="invest icon">
                            </div>
                            <div class="user-card-content">
                                <h4>Total Members</h4>
                                <p>40216</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- user data secion start hare -->




    <!-- testimonial section start hare -->
    <?php include 'testimonial-component.php'; ?>
    <!-- testimonial section end hare -->




    <!-- team section start hare -->

    <section class="team-section section-padding">
        <div class="container">
            <div class="nice-arrow-icon d-none d-lg-block wow fadeInDown" data-wow-duration="1.2s">
                <img src="assets/img/shape/5.svg" alt="3d bg shape">
            </div>
            <div class="col-lg-8 col-xl-6 offset-xl-3 col-12 offset-lg-2 text-center">
                <div class="block-contents">
                    <div class="section-title wow fadeInDown" data-wow-duration="1.2s">
                        <h2>Our Expert Team</h2>
                    </div>
                </div>
            </div>

            <div class="team-slider swiper">
                <div class="swiper-wrapper">
                    <div class="swiper-slide">
                        <div class="client-info">
                            <div class="team-img">
                                <img src="assets/img/all-img/about/team/1.png" alt="">
                            </div>
                            <div class="client-name my-3">
                                <h4>Cameron Williamson</h4>
                                <span>Vice President</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="client-info">
                            <div class="team-img">
                                <img src="assets/img/all-img/about/team/2.png" alt="">
                            </div>
                            <div class="client-name my-3">
                                <h4>Leslie Alexander</h4>
                                <span>Customer Success Lead</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="client-info">
                            <div class="team-img">
                                <img src="assets/img/all-img/about/team/3.png" alt="">
                            </div>
                            <div class="client-name my-3">
                                <h4>Esther Howard </h4>
                                <span>VP Planning & Strategy</span>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-slide">
                        <div class="client-info">
                            <div class="team-img">
                                <img src="assets/img/all-img/about/team/4.png" alt="">
                            </div>
                            <div class="client-name my-3">
                                <h4>Kristin Watson</h4>
                                <span>Financial Advisor</span>
                            </div>
                        </div>
                    </div>
                    <!-- <div class="swiper-slide">
                        <div class="client-info">
                            <div class="team-img">
                                <img src="assets/img/team/6.png" alt="">
                            </div>
                            <div class="client-name my-3">
                                <h4>Benjamin Mitchell</h4>
                                <span>Financial analyst</span>
                            </div>
                        </div>
                    </div> -->
                </div>
            </div>
            <div class="team__pagination text-center mt-4"></div>
        </div>
    </section>

    <!-- team section end hare -->



    <!-- footer section start hare -->

    <?php include 'footer.php'; ?>

    <!-- footer section end hare -->

    <!--  ALl JS Plugins
    ====================================== -->
    <script src="assets/js/jquery.min.js"></script>
    <script src="assets/js/modernizr.min.js"></script>
    <script src="assets/js/jquery.easing.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imageload.min.js"></script>
    <script src="assets/js/scrollUp.min.js"></script>
    <script src="assets/js/swiper-bundle.min.js"></script>
    <script src="assets/js/magnific-popup.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/metismenu.js"></script>
    <script src="assets/js/active.js"></script>
</body>


<!-- about.html  06:28:08 GMT -->

</html>