<?php
include 'includes/header.php';
$page = 'home';
?>
<main>
    <section class="inner-banner-wrap">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="content">
                        <h2>About Us </h2>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="content">
                        <ul>
                            <li>
                                <a href="javascript:;">Home</a>
                            </li>
                            <li>
                                <i class="fa-solid fa-pipe"></i>
                            </li>
                            <li>
                                <a href="javascript:;">About Us</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="abountSec-one">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="vision-card">
                        <h4>01. Our vision</h4>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a
                            page when looking at its layout the point of using</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="vision-card">
                        <h4>02. Our mission</h4>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a
                            page when looking at its layout the point of using</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="vision-card">
                        <h4>03. 20% Extra selected item</h4>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a
                            page when looking at its layout the point of using</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="vision-card">
                        <h4>04. Buyers protection</h4>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a
                            page when looking at its layout the point of using</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="vision-card">
                        <h4>05. 24 Hour expert support</h4>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a
                            page when looking at its layout the point of using</p>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-4 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="vision-card">
                        <h4>06. No cost emi on credit card</h4>
                        <p>It is a long established fact that a reader will be distracted by the readable content of a
                            page when looking at its layout the point of using</p>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="believe-power abountSec-two">
        <div class="container">
            <div class="row align-items-center justify-content-between">
                <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3">
                    <div class="about-content">
                        <h2>World's premium design brands</h2>
                        <p>Contrary to popular belief, lorem Ipsum is not simply random text it has roots in a piece of
                            classical latin literature from</p>
                        <p>Looked up one of the more obscure latin words consectetur, from a passage word design.</p>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5">
                    <div class="main-img">
                        <img src="images/about-us-2.webp" alt="img" class="img-fluid">
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-3 col-xl-3 col-xxl-3">
                    <div class="about-content">
                        <ul>
                            <li>
                                <div class="believe-card">
                                    <div class="card-img">
                                        <img src="images/believe-1.webp" alt="img" class="img-fluid">
                                    </div>
                                    <div class="info">
                                        <h4>Face powder</h4>
                                        <p>A luxurious powder witheral complex that adds highlight to the face and body.
                                        </p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="believe-card">
                                    <div class="card-img">
                                        <img src="images/believe-2.webp" alt="img" class="img-fluid">
                                    </div>
                                    <div class="info">
                                        <h4>Foundation</h4>
                                        <p>A luxurious powder witheral complex that adds highlight to the face and body.
                                        </p>
                                    </div>
                                </div>
                            </li>
                            <li>
                                <div class="believe-card">
                                    <div class="card-img">
                                        <img src="images/believe-3.webp" alt="img" class="img-fluid">
                                    </div>
                                    <div class="info">
                                        <h4>Body makeup</h4>
                                        <p>A luxurious powder witheral complex that adds highlight to the face and body.
                                        </p>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="abountSec-three">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
                    <div class="shipping-card">
                        <div class="main-img">
                            <i class="fa-light fa-truck"></i>
                        </div>
                        <div class="info">
                            <h4>Free delivery</h4>
                            <p>Orders over $99.00</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
                    <div class="shipping-card">
                        <div class="main-img">
                            <i class="fa-light fa-truck"></i>
                        </div>
                        <div class="info">
                            <h4>Free delivery</h4>
                            <p>Orders over $99.00</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
                    <div class="shipping-card">
                        <div class="main-img">
                            <i class="fa-light fa-truck"></i>
                        </div>
                        <div class="info">
                            <h4>Free delivery</h4>
                            <p>Orders over $99.00</p>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-6 col-md-6 col-lg-3 col-xl-3 col-xxl-3">
                    <div class="shipping-card">
                        <div class="main-img">
                            <i class="fa-light fa-truck"></i>
                        </div>
                        <div class="info">
                            <h4>Free delivery</h4>
                            <p>Orders over $99.00</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="abountSec-four">
        <div class="container">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="head">
                        <h2>Happy client say</h2>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-12 col-xl-12 col-xxl-12">
                    <div class="aboutPage-testimonial owl-carousel owl-theme">
                        <div class="item">
                            <div class="client-card">
                                <div class="main-img">
                                    <img src="images/testi-1.webp" alt="img" class="img-fluid">
                                    <div class="client-icon">
                                        <i class="fa-solid fa-quote-right"></i>
                                    </div>
                                </div>
                                <div class="desc">
                                    <p>All the generators on the internet tend to repeat predefined chunks as
                                        necessary, making this the first true generator</p>
                                    <div class="testi-author">
                                        <ul>
                                            <li><span class="author-name">Anne kwayted</span></li>
                                            <li><i class="fa-solid fa-tilde"></i></li>
                                            <li><span class="author-label">Store customer</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="client-card">
                                <div class="main-img">
                                    <img src="images/testi-2.webp" alt="img" class="img-fluid">
                                    <div class="client-icon">
                                        <i class="fa-solid fa-quote-right"></i>
                                    </div>
                                </div>
                                <div class="desc">
                                    <p>All the generators on the internet tend to repeat predefined chunks as
                                        necessary, making this the first true generator</p>
                                    <div class="testi-author">
                                        <ul>
                                            <li><span class="author-name">Anne kwayted</span></li>
                                            <li><i class="fa-solid fa-tilde"></i></li>
                                            <li><span class="author-label">Store customer</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="client-card">
                                <div class="main-img">
                                    <img src="images/testi-1.webp" alt="img" class="img-fluid">
                                    <div class="client-icon">
                                        <i class="fa-solid fa-quote-right"></i>
                                    </div>
                                </div>
                                <div class="desc">
                                    <p>All the generators on the internet tend to repeat predefined chunks as
                                        necessary, making this the first true generator</p>
                                    <div class="testi-author">
                                        <ul>
                                            <li><span class="author-name">Anne kwayted</span></li>
                                            <li><i class="fa-solid fa-tilde"></i></li>
                                            <li><span class="author-label">Store customer</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="item">
                            <div class="client-card">
                                <div class="main-img">
                                    <img src="images/testi-2.webp" alt="img" class="img-fluid">
                                    <div class="client-icon">
                                        <i class="fa-solid fa-quote-right"></i>
                                    </div>
                                </div>
                                <div class="desc">
                                    <p>All the generators on the internet tend to repeat predefined chunks as
                                        necessary, making this the first true generator</p>
                                    <div class="testi-author">
                                        <ul>
                                            <li><span class="author-name">Anne kwayted</span></li>
                                            <li><i class="fa-solid fa-tilde"></i></li>
                                            <li><span class="author-label">Store customer</span></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="abountSec-five">
        <div class="container">
            <div class="row justify-content-end">
                <div class="col-12 col-sm-12 col-md-8 col-lg-6 col-xl-5 col-xxl-5">
                    <div class="content">
                        <h2>We provided good solutions ranmised</h2>
                        <p>All the lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true</p>
                        <div class="btn-box">
                            <a href="javascript:;" class="btn btn-primary btn-wh">Read continue</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</main>
<?php
include 'includes/footer.php';
$page = 'home';
?>