aquad.html

<!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, initial-scale=1.0">

    <title>قسيمة | القسائم</title>

    <link rel="shortcut icon" href="assets/img/favicon.svg" type="image/x-icon">
    <link rel="stylesheet" href="assets/css/main.css">
</head>

<body>

    <header>
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
            <div class="container">

                <!--Start logo -->
                <a class="navbar-brand" href="index.html">
                    <div class="nav-logo"><img loading="lazy" src="assets/img/main-logo.png" alt="image"></div>
                </a>
                <!--End Logo -->

                <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarScroll"
                    aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
                    <span class="navbar-toggler-icon"></span>
                </button>
                <div class="collapse navbar-collapse" id="navbarScroll">
                    <ul class="navbar-nav mx-auto my-2 my-lg-0 p-0 navbar-nav-scroll">

                        <!-- Start Nav Links -->
                        <li class="nav-item">
                            <a class="nav-link active" href="index.html">الرئيسية</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="marketer.html">المسوقين</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="about-us.html">من نحن</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="contact-us.html">تواصل معنا</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" href="terms-conditions.html">الشروط و الاحكام</a>
                        </li>
                        <li class="nav-item d-lg-none">
                            <a class="nav-link" href="sign-up-customer.html">التسجيل</a>
                        </li>
                        <li class="nav-item d-lg-none">
                            <a class="nav-link" href="sign-in.html">الدخول</a>
                        </li>
                        <!-- End Nav Links -->

                    </ul>
                    <!-- Start Nav Buttons -->
                    <div class="nav-btn d-lg-block d-none">

                        <a class="sign-btn" href="sign-up-customer.html">التسجيل</a>
                        <span></span>
                        <a class="sign-btn" href="sign-in.html">الدخول</a>

                    </div>
                    <!-- End Nav Buttons -->
                </div>
            </div>
        </nav>
    </header>

    <main class="items-page">

        <!-- main top section for all pages -->

        <div class="top-section">
            <div class="container">
                <div class="row top-sec-content">
                    <div class="col-lg-6">
                        <div class="top-sec-text">
                            <h1>
                                <span class="main-color">قسائم تخفيضات</span>
                                لجميع الخدمات
                                في مكان واحد
                            </h1>
                            <a href="sign-up-customer.html">سجل الان</a>
                            <span></span>
                            <a href="marketer.html">المسوقين</a>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="top-sec-img">
                            <img loading="lazy" src="assets/img/qsimh-cart.png" alt="image">
                        </div>
                    </div>
                    <div class="col-12">
                        <div class="scroll-down">
                            <a href="#"><img loading="lazy" src="assets/img/scroll-down.png" alt="image"></a>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Fillter Qsimh or Coupone -->

        <div class="categories-fillter-sec">
            <div class="container">
                <div class="row">
                    <div class="col-12">

                        <div class="fillter coupone">
                            <div class="fillter-btn fillter-coupone-btn">
                                <a class="btn w-100 " href="items.html">
                                    القسائم
                                </a>
                            </div><div class="fillter-btn fillter-coupone-btn">
                                <a class="btn w-100 fillter-active" href="aquad.html">
                                    الاكواد
                                </a>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        <!-- Items Section For Items Page -->

        <div class="aquad-sec">
            <div class="container">
                <div class="row">

                    <div class="col-lg-3 col-md-6">

                        <div class="aquad-card">
                            <div class="img-carry">
                                <img class="img-fluid" src="assets/img/souq.jpg">
                            </div>
                            <button class="btn" data-container="body" data-toggle="popover" data-placement="top" data-content="Copied">Noon10</button>
                            <p>خصم 20%</p>
                        </div>

                    </div>
                    <div class="col-lg-3 col-md-6">

                        <div class="aquad-card">
                            <div class="img-carry">
                                <img class="img-fluid" src="assets/img/noon.jpg">
                            </div>
                            <button class="btn" data-container="body" data-toggle="popover" data-placement="top" data-content="Copied">Ali50</button>
                            <p>خصم 20%</p>
                        </div>

                    </div>
                    <div class="col-lg-3 col-md-6">

                        <div class="aquad-card">
                            <div class="img-carry">
                                <img class="img-fluid" src="assets/img/amazon.jpg">
                            </div>
                            <button class="btn" data-container="body" data-toggle="popover" data-placement="top" data-content="Copied">Souq40</button>
                            <p>خصم 20%</p>
                        </div>

                    </div>
                    <div class="col-lg-3 col-md-6">

                        <div class="aquad-card">
                            <div class="img-carry">
                                <img class="img-fluid" src="assets/img/jumia.png">
                            </div>
                            <button class="btn" data-container="body" data-toggle="popover" data-placement="top" data-content="Copied">IOS35</button>
                            <p>خصم 20%</p>
                        </div>

                    </div>

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

    </main>

    <footer>
        <div class="footer-bg">
            <div class="container">
                <div class="row footer-content">
                    <!-- link  -->
                    <div class="footer-links col-md-4">
                        <div class="row">
                            <ul class="col-6">
                                <h3>الموقع</h3>
                                <li><a href="#">الرئيسية</a></li>
                                <li><a href="#">من نحن</a></li>
                                <li><a href="#">المسوقين</a></li>
                            </ul>
                            <ul class="col-6">
                                <h3>الدعم</h3>
                                <li><a href="#">الشروط والاحكام</a></li>
                                <li><a href="#">تواصل معنا</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- logo -->
                    <div class="col-md-4 logo-col">
                        <a href="#" class="footer-logo"></a>
                    </div>
                    <!-- payments -->
                    <div class="col-md-4">
                        <div class="footer-payments">
                            <div class="app">
                                <h3 class="app-text">تطبيق قسيمة</h3>
                                <div class="app-icons">
                                    <a href="#"><img src="assets/img/android.svg" alt=""></a>
                                    <a href="#"><img src="assets/img/ios.svg" alt=""></a>
                                </div>
                            </div>
                            <div class="pay">
                                <h3 class="pay-text">وسائل الدفع</h3>
                                <div class="payments-icons"></div>
                            </div>
                        </div>
                    </div>
                    <!-- footer bottom -->
                    <div class="col-12">
                        <div class="footer-bottom">
                            <hr>
                            <div class="maroof-div">
                                <a class="maroof" href="#"></a>
                            </div>
                            <div class="row">
                                <div class="col-md-6 rights">
                                    <p>جميع الحقوق محفوظة</p>
                                </div>
                                <div class="col-md-6 icons">
                                    <a href="#">
                                        <i class="snapchat fab fa-snapchat-ghost"></i>
                                    </a>
                                    <a href="#">
                                        <i class="twitter fab fa-twitter"></i>
                                    </a>
                                    <a href="#">
                                        <i class="instagram fab fa-instagram"></i>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </footer>

    <script src="assets/js/main.js"></script>

</body>

</html>