<?php
include 'includes/header.php';
$page = 'home';
?>
<main>

    <section class="home-banner-wrap">
        <div class="banner-slides owl-carousel owl-theme">
            <div class="item">
                <div class="banner-img">
                    <img src="images/banner-1.webp" alt="img" class="img-fluid">
                    <div class="banner-box">
                        <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="banner-content">
                                        <h1>Welcome To</h1>
                                        <h2> Edgy Beauty </h2>
                                        <div class="btn-box">
                                            <a href="javascript:;" class="btn btn-primary btn-wh">Online store</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="banner-img">
                    <img src="images/banner-2.webp" alt="img" class="img-fluid">
                    <div class="banner-box">
                        <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="banner-content">
                                        <h1>be cosmetic</h1>
                                        <h2> Perfect beauty </h2>
                                        <div class="btn-box">
                                            <a href="javascript:;" class="btn btn-primary btn-wh">Online store</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="item">
                <div class="banner-img">
                    <img src="images/banner-3.webp" alt="img" class="img-fluid">
                    <div class="banner-box">
                        <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="banner-content">
                                        <h1>be freshly</h1>
                                        <h2> Wrinkles cosmetic</h2>
                                        <div class="btn-box">
                                            <a href="javascript:;" class="btn btn-primary btn-wh">Online store</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- <section class="home-banner-wrap">
        <div class="banner-slides owl-carousel owl-theme">
            <div class="slides-main slider1 slider-opacity" style="background-image: url(./images/banner-1.webp);">
                <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="banner-content">
                                <h1>Welcome To</h1>
                                <h2> Edgy Beauty </h2>
                                <div class="btn-box">
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Online store</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <div class="slides-main slider2 slider-opacity" style="background-image: url(./images/banner-2.webp);">
                <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="banner-content">
                                <h1>be cosmetic</h1>
                                <h2> Perfect beauty </h2>
                                <div class="btn-box">
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Online store</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="slides-main slider3 slider-opacity" style="background-image: url(./images/banner-3.webp);">
                <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="banner-content">
                                <h1>be freshly</h1>
                                <h2> Wrinkles cosmetic </h2>
                                <div class="btn-box">
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Online store</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section> -->

    <section class="caterogy-makeup">
        <div class="container-fluid p-0">
            <div class="caterogy-slider owl-carousel owl-theme">
                <div class="item">
                    <div class="makeup-card">
                        <div class="content">
                            <h4>Category</h4>
                            <ul>
                                <li>
                                    <h2>Be</h2>
                                </li>
                                <li><i class="fa-solid fa-circle"></i></li>
                                <li>
                                    <h2>body</h2>
                                </li>
                            </ul>
                            <p>A cosmetic is any substance used to a clean, improve or change the complexion</p>
                        </div>
                        <div class="makeUp-img">
                            <div class="main-img">
                                <img src="images/makeup-1.webp" alt="img" class="img-fluid">
                                <div class="img-icon">
                                    <a href="javascript:;">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="makeup-card">
                        <div class="content">
                            <h4>Category</h4>
                            <ul>
                                <li>
                                    <h2>Be</h2>
                                </li>
                                <li><i class="fa-solid fa-circle"></i></li>
                                <li>
                                    <h2>makeup</h2>
                                </li>
                            </ul>
                            <p>A cosmetic is any substance used to a clean, improve or change the complexion</p>
                        </div>
                        <div class="makeUp-img">
                            <div class="main-img">
                                <img src="images/makeup-2.webp" alt="img" class="img-fluid">
                                <div class="img-icon">
                                    <a href="javascript:;">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="makeup-card">
                        <div class="content">
                            <h4>Category</h4>
                            <ul>
                                <li>
                                    <h2>Be</h2>
                                </li>
                                <li><i class="fa-solid fa-circle"></i></li>
                                <li>
                                    <h2>natural</h2>
                                </li>
                            </ul>
                            <p>A cosmetic is any substance used to a clean, improve or change the complexion</p>
                        </div>
                        <div class="makeUp-img">
                            <div class="main-img">
                                <img src="images/makeup-3.webp" alt="img" class="img-fluid">
                                <div class="img-icon">
                                    <a href="javascript:;">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="makeup-card">
                        <div class="content">
                            <h4>Category</h4>
                            <ul>
                                <li>
                                    <h2>Be</h2>
                                </li>
                                <li><i class="fa-solid fa-circle"></i></li>
                                <li>
                                    <h2>skin care</h2>
                                </li>
                            </ul>
                            <p>A cosmetic is any substance used to a clean, improve or change the complexion</p>
                        </div>
                        <div class="makeUp-img">
                            <div class="main-img">
                                <img src="images/makeup-4.webp" alt="img" class="img-fluid">
                                <div class="img-icon">
                                    <a href="javascript:;">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="makeup-card">
                        <div class="content">
                            <h4>Category</h4>
                            <ul>
                                <li>
                                    <h2>Be</h2>
                                </li>
                                <li><i class="fa-solid fa-circle"></i></li>
                                <li>
                                    <h2>healthy</h2>
                                </li>
                            </ul>
                            <p>A cosmetic is any substance used to a clean, improve or change the complexion</p>
                        </div>
                        <div class="makeUp-img">
                            <div class="main-img">
                                <img src="images/makeup-1.webp" alt="img" class="img-fluid">
                                <div class="img-icon">
                                    <a href="javascript:;">
                                        <i class="fa-solid fa-arrow-right"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="products-wrap">
        <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>Popular product</h2>
                    </div>
                </div>
            </div>
            <div class="products-slider owl-carousel owl-theme">
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>

                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="brand-sec">
        <div class="container">
            <div class="brand-slides owl-carousel owl-theme">
                <div class="item">
                    <a href="javascript:;">
                        <div class="main-img">
                            <img src="images/brand-1.avif" alt="img" class="img-fluid">
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="javascript:;">
                        <div class="main-img">
                            <img src="images/brand-2.webp" alt="img" class="img-fluid">
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="javascript:;">
                        <div class="main-img">
                            <img src="images/brand-3.avif" alt="img" class="img-fluid">
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="javascript:;">
                        <div class="main-img">
                            <img src="images/brand-4.avif" alt="img" class="img-fluid">
                        </div>
                    </a>
                </div>
                <div class="item">
                    <a href="javascript:;">
                        <div class="main-img">
                            <img src="images/brand-5.avif" alt="img" class="img-fluid">
                        </div>
                    </a>
                </div>

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

    <section class="testimonial-sec">
        <div class="container-fluid">
            <div class="row">
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="discount-card">
                        <a href="javascript:;">
                            <div class="main-img">
                                <img src="images/discount-01.webp" alt="img" class="img-fluid">
                            </div>
                        </a>
                        <div class="discount-ab">
                            <div class="discount-info">
                                <h5>Big discount</h5>
                                <h2>The cream cosmetic's</h2>
                                <div class="btn-box">
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Buy now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="testimonial-main-box">
                        <div class="testimonial-slides 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>
                                    <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="client-icon">
                                            <i class="fa-solid fa-quote-left"></i>
                                        </div>
                                        <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>
                                    <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="client-icon">
                                            <i class="fa-solid fa-quote-left"></i>
                                        </div>
                                        <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 class="col-12 col-sm-12 col-md-12 col-lg-4 col-xl-4 col-xxl-4">
                    <div class="discount-card right-side">
                        <a href="javascript:;">
                            <div class="main-img">
                                <img src="images/discount-02.webp" alt="img" class="img-fluid">
                            </div>
                        </a>
                        <div class="discount-ab">
                            <div class="discount-info">
                                <h5>Big discount</h5>
                                <h2>The cream cosmetic's</h2>
                                <div class="btn-box">
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Buy now</a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="products-wrap">
        <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>Trending products</h2>
                    </div>
                </div>
            </div>
            <div class="products-slider owl-carousel owl-theme">
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="believe-power">
        <div class="container">
            <div class="row align-items-center justify-content-center">
                <div class="col-12 col-sm-12 col-md-12 col-lg-6 col-xl-6 col-xxl-6">
                    <div class="main-img">
                        <img src="images/about-us-1.webp" alt="img" class="img-fluid">
                    </div>
                </div>
                <div class="col-12 col-sm-12 col-md-12 col-lg-5 col-xl-5 col-xxl-5">
                    <div class="about-content">
                        <h2>We believe in the power science to change skin !</h2>
                        <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 class="btn-box">
                            <a href="javascript:;" class="btn btn-primary btn-wh">Read more</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <section class="products-wrap">
        <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>Deal of the day</h2>
                    </div>
                </div>
            </div>
            <div class="products-slider owl-carousel owl-theme">
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="item">
                    <div class="product-card">
                        <a href="product-detail.php">
                            <div class="main-img">
                                <img src="images/product-1.webp" alt="img" class="img-fluid">
                                <div class="ab-img">
                                    <img src="images/product-01.webp" alt="img" class="img-fluid">
                                </div>
                            </div>
                        </a>
                        <div class="product-content">
                            <div class="info">
                                <h2>
                                    <a href="product-detail.php">Terra baking powder</a>
                                </h2>
                                <ul>
                                    <li><span class="new-price">$350.00</span></li>
                                    <li><i class="fa-solid fa-tilde"></i></li>
                                    <li><span class="old-price">$399.00</span></li>
                                </ul>
                            </div>
                            <div class="product-action">
                                <div class="btn-box">
                                    <a href="javascript:;" data-bs-toggle="modal" data-bs-target="#exampleModal" class="btn btn-icon"><i class="fa-regular fa-eye"></i></a>
                                    <a href="javascript:;" class="btn btn-primary btn-wh">Add to cart</a>
                                    <a href="javascript:;" class="btn btn-icon"><i class="fa-regular fa-heart"></i></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

</main>
<?php
include 'includes/footer.php';
$page = 'home';
?>