<?php include_once('includes/config.inc.php');?>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, minimum-scale=1.0, initial-scale=1, shrink-to-fit=no">
    <link rel="shortcut icon" href="assets/images/favicon.ico" type="image/x-icon"> 
    <title>Pixmango</title>
  
    <?php include_once('includes/stylesheet.inc.php');?>
    
</head>
<body> 

    <!-- Navigation Menu Start -->  
    <?php include_once('includes/header.inc.php'); ?> 
    <!-- Navigation Menu End --> 

    <main>

        <!-- header wrapper start -->
        <section class="header__wrapper position-relative overflow-hidden pt-5 pb-5">
            <img src="assets/images/common/hero-water-bg.svg" alt="Pixamgo" class="img-fluid w-100 h-100 object-fit-cover position-absolute top-0 start-0 z-0" width="1903" height="637">
            <div class="container pt-md-5 position-relative z-3">
                <div class="row g-4 gx-lg-5 align-items-center">
                    <div class="col-lg-7 text-center text-lg-start">
                        <h1 class="display-6 fw-bold ff-quick lh-sm mb-4"> 
                            <span class="text-primary display-2 fw-bold d-block" data-aos="fade-up" data-aos-delay="200">Our Vision</span> 
                        </h1>
                        <div data-aos="fade-up" data-aos-delay="400"> 
                            <p class="text-white fs-5 fw-medium">
                            To be a global leader in innovation, quality, and sustainability, driving growth through technology and creativity.
                            </p>
                        </div>
                    </div>

                    <div class="col-lg-5" data-aos="fade-left" data-aos-delay="600">
                        <img src="assets/images/common/vision-thumbnail.webp" alt="Pixamgo" class="img-fluid w-100 thumbnail" width="512" height="493">
                    </div>
                </div><!--.row-->
            </div><!-- /.container-fluid-->
        </section>
        <!-- header wrapper end -->

        <!-- about wrapper start --> 
        <section class="py-5 section-spacer" id="about-us">
            <div class="container py-md-4">
                <div class="row g-4 gx-lg-5 align-items-center justify-content-between">
                    <div class="col-lg-4"> 
                        <h2 class="display-4 fw-bold ff-quick text-dark mb-3 text-lg-end text-center text-uppercase lh-1  position-relative" data-aos="fade-up-right">
                            E-Commerce 
                            <span class="d-inline-block title__after__bg__s">Excellence</span>
                        </h2>
                    </div>
                    <div class="col-lg-7 position-relative">
                        <div class="position-absolute top-0 start-0 w-100 h-100 p-4 d-flex align-items-center">
                            <div class="w-100 fs-5 fw-medium text-center text-lg-start"> 
                                <p data-aos="fade-left">
                                    We envision redefining the e-commerce landscape by providing high-quality products and an unmatched shopping experience on platforms like Amazon, Walmart, eBay, Etsy, and Shopify. Our goal is to continuously expand our product portfolio and cater to the evolving needs of global consumers.
                                </p> 
                            </div> 
                        </div>
                        <img src="assets/images/common/world-map.svg" alt="word" class="img-fluid w-100 about__wrapper__map">
                    </div>
                </div>
            </div><!--./container-->
        </section>
        <!-- about wrapper end -->

        <!-- why choose wrapper start -->
        <section class="py-5"> 
            <div class="container py-md-5">
                <div class="row g-4 gx-lg-5">
                    <div class="col-lg-5 d-flex position-relative">
                        <div class="align__fixed__banner w-100 h-100 position-relative">
                            <div class="inner d-flex">
                                <img 
                                    src="assets/images/common/leadership-vision-statement.webp" 
                                    alt="Why pixmango"
                                    class="img-fluid object-fit-cover w-100 h-100"
                                >  
                            </div> 
                        </div>
                    </div>
                    <div class="col-lg-7">
                        <div class="py-lg-5 text-center text-lg-start"> 
                            <h2 class="text-dark display-5 fw-normal ff-quick" data-aos="fade-up" data-aos-delay="200">
                                Real Estate <span class="fw-bold">Transformation</span> 
                            </h2>
                            <p class="fs-5 mb-4" data-aos="fade-up" data-aos-delay="300">
                                In the real estate sector, we strive to create value by transforming old properties into modern, sustainable spaces. Our vision is to contribute to community development while driving economic growth through innovative property solutions.
                            </p> 
                            <h2 class="text-dark display-5 fw-normal ff-quick mt-5" data-aos="fade-up" data-aos-delay="200">
                                IT and Technology <span class="fw-bold">Leadership</span> 
                            </h2> 
                            <p class="fs-5 mb-4" data-aos="fade-up" data-aos-delay="400">
                                Our IT division in Bangladesh is a cornerstone of our vision, offering cutting-edge graphic design and digital marketing services. With plans to expand into app development, web development, and AI, we aim to lead the way in technological advancements and innovation.
                            </p>
                            <p class="fs-5 mb-4" data-aos="fade-up" data-aos-delay="400">
                                Guided by our values of trust, excellence, and sustainability, Pixmango Ltd envisions a future of unlimited possibilities, empowering individuals and businesses to thrive globally. Together, we create a brighter tomorrow.
                            </p> 
                        </div>
                    </div>
                </div>
            </div><!--./container-->
        </section>
        <!-- why choose wrapper end -->

        <!-- social media marketing wrapper start -->
        <section class="py-5 d-none" style="background-color:#EBEBEB;">
            <div class="container py-md-4">
                <h2 class="text-dark display-3 fw-bold text-center ff-quick" data-aos="fade-up">
                    Take your social media marketing prowess to the next level 
                </h2>

                <div class="row g-4 gy-md-5 mt-4">
                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
                        <?php
                            $icon="assets/images/icons/cross-platform.svg";
                            $title="Cross-Platform";
                            $description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.";
                            include('includes/components/marketing-card.inc.php');
                        ?>
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="300">
                        <?php
                            $icon="assets/images/icons/social-media.svg";
                            $title="Social Media";
                            $description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.";
                            include('includes/components/marketing-card.inc.php');
                        ?>
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="400">
                        <?php
                            $icon="assets/images/icons/brand-identity.svg";
                            $title="Brand Identity";
                            $description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.";
                            include('includes/components/marketing-card.inc.php');
                        ?>
                    </div><!-- /.col-lg-6 -->
                    <div class="col-lg-6" data-aos="fade-up" data-aos-delay="500">
                        <?php
                            $icon="assets/images/icons/customer-service.svg";
                            $title="Customer Service";
                            $description="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.";
                            include('includes/components/marketing-card.inc.php');
                        ?>
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
            </div><!-- /.container -->
        </section>
        <!-- social media marketing wrapper end -->

        <!-- Our vision wrapper start -->
        <?php $view_all="false"; include('includes/vision-wrapper.inc.php'); ?> 
        <!-- Our vision wrapper end -->

        <!-- business wrapper start -->
        <section class="py-5 d-none"> 
            <div class="container py-md-5">
                <div class="row g-4 gx-lg-5">
                <div class="col-lg-7">
                        <div class="py-lg-5"> 
                            <h2 class="text-dark display-3 fw-normal ff-quick" data-aos="fade-up" data-aos-delay="200">
                                <span class="fw-bold">Business</span> can also be <span class="fw-bold">simple</span>
                            </h2>
                            <p class="mb-4 lead-sm" data-aos="fade-up" data-aos-delay="300">
                                Access advanced order types including limit, market, stop limit and dollar cost averaging. Track your total asset holdings, values and equity over time. Monitor markets, manage your portfolio
                            </p>  
                            <ul class="fs-5 mb-4 lead-sm list-unstyled row g-1 row-cols-sm-2" data-aos="fade-up" data-aos-delay="400">
                                <li>Task tracking</li>
                                <li>Create task dependencies</li>
                                <li>Task visualization</li>
                                <li>hare files, discuss</li>
                                <li>Meet deadlines faster</li>
                                <li>Track time spent on each project</li>
                            </ul>
                            <div data-aos="fade-up" data-aos-delay="500"> 
                                <?php
                                    $link="#";
                                    $text="Read More";
                                    include('includes/primary-btn.inc.php');
                                ?>
                            </div>
                        </div>
                    </div>

                    <div class="col-lg-5 d-flex position-relative">
                        <div class="align__fixed__banner right w-100 h-100 position-relative">
                            <div class="inner d-flex">
                                <img 
                                    src="assets/images/common/leadership-vision-statement.webp" 
                                    alt="Why pixmango"
                                    class="img-fluid object-fit-cover w-100 h-100"
                                >  
                            </div> 
                        </div>
                    </div> 
                </div><!-- /.row -->
            </div><!--./container-->
        </section>
        <!-- business wrapper end -->


    </main>



     

    <!-- footer wrapper start -->
    <?php include_once('includes/footer.inc.php'); ?>
    <!-- footer wrapper end --> 
 
</body>
</html>