@extends('layouts.frontend.master')
@section('title', 'About Us -The Marketplace')
@section('banner')
@endsection
@section('content')


<div class="inner-banner shop7">
            
            <h1 class="page-title" style="color: #ffff;">About Us</h1>
            <br><br><br>
        </div>



<main class="aboutus-page">
        <section class="about-sec1">
            <div class="container">
                <div class="row">
                    <div class="col-md-5 offset-md-1">
                        <a href="#" class="contact-page-link smooth-transition"><i class="fa fa-arrow-left"></i> Get
                            back to home page</a>
                        <h1>HERE IS A LITTLE ABOUT US</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed lorem et felis congue
                            ultricies.</p>
                    </div>
                    <div class="col-md-6">
                        <div class="about-placeholder">

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec2 about-sec2-reverse">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div class="about-placeholder2">

                        </div>
                    </div>
                    <div class="col-md-5 offset-md-1">
                        <h1>We are pinkmart </h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed lorem et felis congue
                            ultricies.</p>
                        <p class="pb-sm-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed lorem et felis congue
                            ultricies.</p>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec3 about-sec2">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-5 offset-md-1">
                        <h1>Experience our In-store services</h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed lorem et felis congue
                            ultricies.</p>
                        <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed lorem et
                            felis congue ultricies.</p>

                        <a href="#" class="black-bkg-btn">Contact Us</a>
                    </div>
                    <div class="col-md-6">
                        <div class="about-placeholder3">

                        </div>
                    </div>
                </div>
            </div>
        </section>

        <section class="about-sec4">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div class="about-placeholder3">

                        </div>
                    </div>
                    <div class="col-md-5 offset-md-1">
                        <h1>Statistics</h1>
                        <div class="about4-icon-holder">
                            <div class="icon-holder">
                                <div class="img-holder">
                                    <img src="./assets/images/4.png" alt="">
                                    <img src="./assets/images/4b.png" alt="">
                                </div>
                                <div class="img-cap">
                                    <h4 style="color: #36dde3;">Satisfaction</h4>
                                </div>
                            </div>
                            <div class="icon-holder">
                                <div class="img-holder">
                                    <img src="./assets/images/3.png" alt="">
                                    <img src="./assets/images/3b.png" alt="">
                                </div>
                                <div class="img-cap">
                                    <h4 style="color: #fed651;">Performance</h4>
                                </div>
                            </div>
                            <div class="icon-holder">
                                <div class="img-holder">
                                    <img src="./assets/images/2.png" alt="">
                                    <img src="./assets/images/2b.png" alt="">
                                </div>
                                <div class="img-cap">
                                    <h4 style="color: #67cf76;">Health</h4>
                                </div>
                            </div>
                            <div class="icon-holder">
                                <div class="img-holder">
                                    <img src="./assets/images/1.png" alt="">
                                    <img src="./assets/images/1b.png" alt="">
                                </div>
                                <div class="img-cap">
                                    <h4 style="color: #fe4596;">Multitasking</h4>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec5">
            <div class="container">
                <div class="row">
                    <div class="col-md-12">
                        <h1>Meet our fabulous team</h1>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <div class="ab-sec5-card first-child">
                            <span style="border-color: #36dde3;"></span>
                            <img class="card-img-top" src="./assets/images/placeholder1.jpg" alt="Card image cap">
                            <div class="cardbody">
                                <span><i class="fa fa-plus"></i></span>
                                <h4 class="card-title">Janet Griffith</h4>
                                <h5 class="card-subtitle">CEO</h5>
                                <div class="cardbody-inner" data-aos="fade-down">
                                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">[ Read
                                            More
                                            ]</a></p>
                                    <div class="card-img-bottom"><img src="./assets/images/signature3.PNG" alt=""></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <div class="ab-sec5-card second-child">
                            <span style="border-color: #ff318b;"></span>
                            <img class="card-img-top" src="./assets/images/placeholder1.jpg" alt="Card image cap">
                            <div class="cardbody">
                                <span><i class="fas fa-plus"></i></span>
                                <h4 class="card-title">Janet Griffith</h4>
                                <h5 class="card-subtitle">CEO</h5>
                                <div class="cardbody-inner" data-aos="fade-down">
                                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">[ Read
                                            More
                                            ]</a></p>
                                    <div class="card-img-bottom">
                                        <img src="./assets/images/signature1.png" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-4 col-md-4 col-sm-6 col-xs-12">
                        <div class="ab-sec5-card third-child">
                            <span style="border-color: #ffc400;"></span>
                            <img class="card-img-top" src="./assets/images/placeholder1.jpg" alt="Card image cap">
                            <div class="cardbody">
                                <span><i class="fa fa-plus"></i></span>
                                <h4 class="card-title">Janet Griffith</h4>
                                <h5 class="card-subtitle">CEO</h5>
                                <div class="cardbody-inner">
                                    <p class="card-text">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
                                        eiusmod tempor incididunt ut labore et dolore magna aliqua. <a href="#">[ Read
                                            More
                                            ]</a></p>
                                    <div class="card-img-bottom">
                                        <img src="./assets/images/signature2.PNG" alt="">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec6 about-sec2">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-5 offset-md-1">
                        <h1>For Your Information </h1>
                        <div class="progressbar-holder">
                            <div class="pro-bar">
                                <span class="progress-title">Skills</span>

                                <div class="progress-line" style="width: 70%;">
                                    <span class="progress-percent">70%</span>
                                </div>
                            </div>
                            <div class="pro-bar">
                                <span class="progress-title">Opportunities</span>

                                <div class="progress-line" style="width: 60%;">
                                    <span class="progress-percent">60%</span>
                                </div>
                            </div>
                            <div class="pro-bar">
                                <span class="progress-title">Data</span>

                                <div class="progress-line" style="width: 80%;">
                                    <span class="progress-percent">80%</span>
                                </div>
                            </div>
                            <div class="pro-bar">
                                <span class="progress-title">Progress</span>

                                <div class="progress-line" style="width: 40%;">
                                    <span class="progress-percent">40%</span>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-6">
                        <div class="about-placeholder3">

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec7 about-sec2">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-6">
                        <div class="about-placeholder">

                        </div>
                    </div>
                    <div class="col-md-5 offset-md-1">
                        <h1>Beauty And Health Services</h1>
                        <p>Proin in nisi interdum, pulvinar justo vitae, commodo tortor. Sed ut neque in enim porttitor
                            faucibus eu non lectus. Pellentesque ac ligula luctus, lobortis urna accumsan. tristique
                            dui.</p>
                        <p class="mb-5">Suspendisse potenti. Pellentesque habitant morbi tristique senectus et netus et
                            malesuada fames ac turpis egestas. In rhoncus et elit eu dictum.</p>

                        <a href="#" class="black-bkg-btn">Our Services</a>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec8 about-sec2">
            <div class="container-fluid">
                <div class="row">
                    <div class="col-md-5 offset-md-1">
                        <h1>Need Help ?</h1>
                        <p class="mb-5">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere dolor et
                            elit semper feugiat. Maecenas venenatis accumsan malesuada. Integer dapibus ut nibh interdum
                            mollis. Pellentesque consequat eget justo vitae blandit. </p>

                        <a href="#" class="black-bkg-btn">FAQ Page</a>
                    </div>
                    <div class="col-md-6">
                        <div class="about-placeholder3">

                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="about-sec9">
            <div class="container">
                <div class="row">
                    <div class="col-md-6">
                        <div class="about-placeholder4">

                        </div>
                    </div>
                    <div class="col-md-5 offset-md-1">
                        <h1>Gift registry </h1>
                        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed posuere dolor et elit semper
                            feugiat. Maecenas venenatis accumsan malesuada. </p>

                        <a href="#" class="contact-page-link smooth-transition">
                            Gift card registration <i class="fa fa-arrow-right"></i></a>
                    </div>
                </div>
            </div>
        </section>

    </main>
    @endsection