marketer.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" href="index.html">الرئيسية</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link active" 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="marketer-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/marketer.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>

        <!-- Search Section For Items Page -->

        <div class="search-sec">
            <div class="container">
                <div class="row">
                    <div class="col-12">
                        <div class="search-div">
                            <img src="assets/img/search.svg" alt="">
                            <input type="text" class="search" id="marketer-search" onkeyup="searchFunction()"
                                placeholder="ابحث عن المسوق">
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Marketer Section For Items Page -->

        <div class="marketer-sec">
            <div class="container">
                <div class="row">
                    <div class="marketer col-lg-4 col-md-6">

                        <a href="items.html" class="marketer-card">
                            <img src="assets/img/billgates.jpg" alt="">
                            <h6>عمر احمد السيد</h6>
                        </a>

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

                        <a href="items.html" class="marketer-card">
                            <img src="assets/img/man-marketer.png" alt="">
                            <h6>علي احمد عبدالله النوبي السيد جمال</h6>
                        </a>

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

                        <a href="items.html" class="marketer-card">
                            <img src="assets/img/man-marketer.png" alt="">
                            <h6>صالح احمد السيد</h6>
                        </a>

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

                        <a href="items.html" class="marketer-card">
                            <img src="assets/img/man-marketer.png" alt="">
                            <h6>محمد احمد السيد</h6>
                        </a>

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

                        <a href="items.html" class="marketer-card">
                            <img src="assets/img/man-marketer.png" alt="">
                            <h6>جمال احمد السيد</h6>
                        </a>

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

                        <a href="items.html" class="marketer-card">
                            <img src="assets/img/man-marketer.png" alt="">
                            <h6>علي احمد السيد</h6>
                        </a>

                    </div>

                    <div class="col-12">
                        <div class="show-more">
                            <nav aria-label="Page navigation example">
                                <ul class="pagination justify-content-center p-0">
                                    <li class="page-item disabled">
                                        <!-- Prev -->
                                        <a class="page-link" href="#" tabindex="-1" aria-disabled="true"><i
                                                class="fas fa-chevron-right"></i></a>
                                    </li>
                                    <li class="page-item"><a class="page-link active" href="#">1</a></li>
                                    <li class="page-item"><a class="page-link" href="#">2</a></li>
                                    <li class="page-item"><a class="page-link" href="#">3</a></li>
                                    <li class="page-item">
                                        <!-- Next -->
                                        <a class="page-link" href="#"><i class="fas fa-chevron-left"></i></a>
                                    </li>
                                </ul>
                            </nav>
                        </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>