سبوتي
<style> .sp-body { box-shadow: 0 3px 8px #0000001a; } .sp-body .container { margin: 0 10px; } .how { background-color: #CEEBEC; padding: 60px 0 0; } .sp-body h1 { font-size: 27px; line-height: 38px; margin: 24px 0 24px; font-weight: 700; max-width: 60%; text-align: center; margin: 10px auto; } .sp-body h1.big { font-size: 40px; } h2 { font-size: 30px !important; } h3 { font-size: 26px !important; font-weight: 600 !important; } .how .img-container { position: relative; } .how .col-lg-4 { margin-bottom: 60px; text-align: center; } .img-thumbnail { border: none; background-color: transparent; padding: 0; width: auto !important; margin: 18px auto; display: block; } .how .img-container .shadow { position: absolute; bottom: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(206, 235, 236, 0)), to(#CEEBEC)); background: linear-gradient(180deg, rgba(206, 235, 236, 0) 0%, #CEEBEC 100%); height: 80px; width: 100%; -webkit-box-shadow: none !important; box-shadow: none !important; } .dimmed-button { border: 1px solid #DCDCDC; border-radius: 12px; padding: 17px 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 35px; } .dimmed-button img { margin: 0 8px; width: auto; } .dimmed-button p { margin: 0 8px; } .col-lg-3 h2 { margin: 40px 0 25px 0; } .steps .single-step span { left: 0; } .steps .single-step span { font-size: 22px; font-weight: 700; position: absolute; left: 5px; top: -4px; } .steps .single-step { margin: 20px 0 0; position: relative; padding: 0 0 0 50px; } .steps .single-step h4 { font-size: 15px; font-weight: 600; line-height: 20px; } .mb-5, .my-5 { margin-bottom: 3rem !important; } #payment button { cursor: pointer; margin-top: 25px; } button.btn.btn-secondary.icon { background-color: transparent; border: 1px solid #E3E3E3; } button.btn.btn-secondary.icon div:last-child { text-align: left; padding-left: 5px; line-height: 17px; } button.btn.btn-secondary.icon>div { display: -webkit-box; display: -ms-flexbox; display: flex; } button.btn.btn-secondary.icon div:last-child small { display: block; font-size: 10px; color: #2D2D2D; } button.btn.btn-secondary.icon div:last-child span { font-size: 14px; font-weight: 600; color: #2D2D2D; } .btn-secondary { color: #fff; background-color: #6c757d; border-color: #6c757d; } .btn { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.5; border-radius: .25rem; transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out; } .accordion { margin: 50px 0; } .accordion h6 { font-size: 18px; margin: 25px 0 0 0; line-height: normal;} .accordion p { margin-top: 5px; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .row-icons { display: flex; margin-top: 25px; } .icon-box-icon { display: inline-block; flex-shrink: 0; width: 4.5rem; height: 4.5rem; margin-bottom: 8px; background-color: rgba(255, 77, 74, .1); border-radius: 50%; color: #ff4d4a; text-align: center; line-height: 4.25rem; } .icon-box-icon .feather { width: 1.5rem; height: 1.5rem; margin: 32% auto; } .feather { display: inline-block; vertical-align: middle; } .icon-box-title { line-height: 20px !important; font-size: 16px !important; margin-bottom: 0 !important; padding: 0 5px; } .icon-box-text { margin-bottom: 0 !important; color: #888; font-size: 15px !important; padding: 0 5px; } .py-3 { display: flex; flex-wrap: wrap; } .workscontainer div.row { margin: 30px 0; } .workscontainer div.col-sm-5 { width: 46%; margin: 0 2%; display: flex; } .workscontainer h6 { font-size: 19px; margin: 0 0 4px; } .workscontainer h4 { font-size: 25px; font-weight: 700; margin: 0 0 4px; line-height: 28px; } .workscontainer p { font-size: 15px; color: #888; margin: 8px 0 4px; } .grey { color: #292929; background-color: #ebebeb; border-color: #292929; font-size: 14px; font-weight: 600; border-width: 1px; border-radius: 30px; width: fit-content; padding: 12px 55px; } .dtonly { display: block; } .mobonly { display: none !important; } @media (max-width:648px) { .row-icons { display: block; } .col-md-3 { flex: 1 0 1; width: 100%; max-width: 100%; } .workscontainer div.col-sm-5 { width: 100%; margin: 0; text-align: center; display: block; } .sp-body h1 { font-size: 23px; line-height: 31px; max-width: 90%; } .sp-body h1.big { font-size: 30px; } .workscontainer h4 { font-size: 20px; line-height: 22px; } .workscontainer h6 { font-size: 14px; margin: 0 0 0px; } .dtonly { display: none !important; } .mobonly { display: block !important; } } </style> <img class="img-hero dtonly" src="https://images.ctfassets.net/9xrxa4odowze/6Hlrf9RNK2k6PijErbqGPx/59f9b7e501a061f1d58da558aef30bc3/hero-1_ar.jpg" alt=""><img class="img-hero mobonly" src="https://images.ctfassets.net/9xrxa4odowze/22F3zUed9seFgAgH79jInT/5fbfb28460453a1de64e4154ebaa8ced/hero-1_ar_mob.jpg" alt=""> <!-- Buy now --> <div class="container pt-5"> <div class="row"> <div class="col-lg-5"> <img class="https://images.ctfassets.net/9xrxa4odowze/3RmxoDjGXFAtkNWk86lIss/fdd09083c3b9b79dfc9e710dddcc0b2b/logo_ar.JPG" alt=""> </div> <div class="col-lg-7"> <div class="v-center"> <h1>قسط الدفع لمشترياتك على ثلاثة أقساط. ادفع 33% اليوم واحصل على منتجاتك المفضلة في الحال</h1> </div> </div> </div> <div class="row justify-content-center row-icons"> <div class="col-md-3 col-6 border-right border-light"> <div class="icon-box mb-5 mb-md-0 text-center" style="max-width: 230px; margin-left: auto; margin-right: auto;"> <div class="icon-box-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-fast-forward"> <polygon points="13 19 22 12 13 5 13 19"></polygon> <polygon points="2 19 11 12 2 5 2 19"></polygon> </svg> </div> <h3 class="icon-box-title font-weight-semibold" data-i18n="howItWorksFirstBadgeHeading">تسجيل دخول سهل وموافقة فورية على الحساب</h3> <p class="icon-box-text arabic-center" data-i18n="howItWorksFirstBadgeBody">اصبح متسوق بسبوتي بأقل من دقيقة باي بطاقة ائتمانية</p> </div> </div> <div class="col-md-3 col-6 border-right border-light"> <div class="icon-box mb-5 mb-md-0 text-center" style="max-width: 230px; margin-left: auto; margin-right: auto;"> <div class="icon-box-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-credit-card"> <rect x="1" y="4" width="22" height="16" rx="2" ry="2"></rect> <line x1="1" y1="10" x2="23" y2="10"></line> </svg> </div> <h3 class="icon-box-title font-weight-semibold" data-i18n="[html]howItWorksSeondBadgeHeading">ادفع لمشترياتك مع مرور الوقت بدون فائدة أو تكلفة</h3> <p class="icon-box-text arabic-center" data-i18n="[html]howItWorksSecondBadgeBody">ادفع 33% اليوم فقط والباقي على اقساط متساوية تلقائيا</p> </div> </div> <div class="col-md-3 col-6 border-right border-light"> <div class="icon-box mb-5 mb-md-0 text-center" style="max-width: 230px; margin-left: auto; margin-right: auto;"> <div class="icon-box-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-check-circle"> <path d="M22 11.08V12a10 10 0 1 1-5.93-9.14"></path> <polyline points="22 4 12 14.01 9 11.01"></polyline> </svg> </div> <h3 class="icon-box-title font-weight-semibold" data-i18n="howItWorksThirdBadgeHeading">بدون تكاليف خفية، عند دفعك في الوقت المحدد لا يوجد تكاليف اضافية</h3> <p class="icon-box-text arabic-center" data-i18n="howItWorksThirdBadgeBody">سبوتي يوفر خدمة الدفع التلقائية. حيث ستكون دائما على اطلاع من خلال التنبيهات الذكية، حتى تكون مرتاح البال</p> </div> </div> <div class="col-md-3 col-6"> <div class="icon-box mb-5 mb-md-0 text-center" style="max-width: 230px; margin-left: auto; margin-right: auto;"> <div class="icon-box-icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-award"> <circle cx="12" cy="8" r="7"></circle> <polyline points="8.21 13.89 7 23 12 20 17 23 15.79 13.88"></polyline> </svg> </div> <h3 class="icon-box-title font-weight-semibold" data-i18n="howItWorksFourthtBadgeHeading">كلما تسوقت باستخدام سبوتي، ستحصل على قوة شرائية اعلى!</h3> <p class="icon-box-text arabic-center" data-i18n="howItWorksFourthBadgeBody">رسالتنا هيه متعة اليوم، لا للقلق غدا وانفاق بمسؤولية دائما</p> </div> </div> </div> <div class="row"> <div class="col-lg-7"> <div class="v-center"> <h1 class="big">كيف يعمل سبوتي؟</h1> </div> </div> </div> <section class="workscontainer pb-4 mt-md-3 mt-lg-5 mb-lg-4"> <div class="row py-3 py-lg-4 justify-content-center align-items-center" id="adjust"> <div class="col-sm-5 offset-sm-1" data-i18n="[html]howItWorksImageOne"> <img src="https://images.ctfassets.net/9xrxa4odowze/75tpmEZTcGsIf3reZu1ZOs/baf02e09be27ba8fd35453689736bcca/step-1_ar.jpg" alt="" /> </div> <div class="col-sm-5 col-lg-4"> <div class="p-4"> <h6 class="mb-0" data-i18n="howItWorksStepOne">الخطوة الأولى</h6> <h4 class="mb-2" data-i18n="howItWorksStepOneHeading">اختر سبوتي عند الحساب للدفع لاحقا</h4> <p class="mb-4 opacity-70" data-i18n="[html]howItWorksStepOneBody">ببساطة اختر سبوتي عند الحساب للدفع لاحقا باستخدام <br>اي بطاقة ائتمانية </p> </div> </div> </div> </section> <section class="workscontainer pb-4 mt-md-3 mt-lg-5 mb-lg-4"> <div class="row py-3 py-lg-4 flex-column-reverse flex-sm-row justify-content-center align-items-center" id="adjust"> <div class="col-sm-5 offset-lg-1 mobonly" data-i18n="[html]howItWorksImageTwo"> <img src="https://images.ctfassets.net/9xrxa4odowze/6WQRH8HsbiODJPEUZkmWl5/b46fd60bdb54f8f149083f697cf69423/step-2_ar.jpg" alt="" /> </div> <div class="col-sm-5 col-lg-4 offset-sm-1"> <div class="p-4"> <h6 class="mb-0" data-i18n="howItWorksStepTwo">الخطوة الثانية</h6> <h4 class="mb-2" data-i18n="howItWorksStepTwoHeading">املأ بعض المعلومات الأساسية</h4> <p class="mb-4 opacity-70" data-i18n="howItWorksStepTwoBody">كل ما تحتاجه هو ايميل الكتروني، بطاقة ائتمانية، ورقم جوال</p> </div> </div> <div class="col-sm-5 offset-lg-1 dtonly" data-i18n="[html]howItWorksImageTwo"> <img src="https://images.ctfassets.net/9xrxa4odowze/6WQRH8HsbiODJPEUZkmWl5/b46fd60bdb54f8f149083f697cf69423/step-2_ar.jpg" alt="" /> </div> </div> </section> <section class="workscontainer pb-4 mt-md-3 mt-lg-5 mb-lg-5"> <div class="row py-3 py-lg-4 justify-content-center align-items-center" id="adjust"> <div class="col-sm-5 offset-sm-1" data-i18n="[html]howItWorksImageThree"> <img src="https://images.ctfassets.net/9xrxa4odowze/4qGcNuqa47IhGNvWK0v4HY/d8ad0417b24fdb7f0b6f531f2aa24af5/step-3_ar.jpg" alt="" /> </div> <div class="col-sm-5 col-lg-4"> <div class="p-4"> <h6 class="mb-0" data-i18n="howItWorksStepThree">الخطوة الثالثة</h6> <h4 class="mb-2" data-i18n="howItWorksStepThreeHeading">دفعاتك المستقبلية تلقائية</h4> <p class="mb-4 opacity-70" data-i18n="howItWorksStepThreeBody">سبوتي يوفر خدمة الدفع التلقائية. حيث ستكون دائما على اطلاع من خلال التنبيهات الذكية ، حتى تكون مرتاح البال</p> </div> </div> </div> </section> <section class="workscontainer pb-4 mt-md-3 mt-lg-5 mb-lg-4"> <div class="row py-3 py-lg-4 flex-column-reverse flex-sm-row justify-content-center align-items-center" id="adjust"> <div class="col-sm-5 offset-lg-1 mobonly" data-i18n="[html]howItWorksImageTwo"> <img src="https://images.ctfassets.net/9xrxa4odowze/pbBykAmyHwe7hd35LHTYB/db3b9e711f7dcc48a44b64fd67b05c80/step-4_ar.jpg" alt="" /> </div> <div class="col-sm-5 col-lg-4 offset-sm-1"> <div class="p-4"> <h6 class="mb-0" data-i18n="howItWorksStepTwo">الخطوة الرابعة</h6> <h4 class="mb-2" data-i18n="howItWorksStepTwoHeading">انهي عملية الدفع بسرعة وأمان</h4> <p class="mb-4 opacity-70" data-i18n="howItWorksStepTwoBody">لا تأخير، بمجرد اتمام الدفع، سيتم شحن طلبك</p> </div> </div> <div class="col-sm-5 offset-lg-1 dtonly" data-i18n="[html]howItWorksImageTwo"> <img src="https://images.ctfassets.net/9xrxa4odowze/pbBykAmyHwe7hd35LHTYB/db3b9e711f7dcc48a44b64fd67b05c80/step-4_ar.jpg" alt="" /> </div> </div> </section> </div> <!-- accordion section --> <div class="lg-padding"> <div class="container"> <hr> <div class="row"> <div class="col-lg-10 col-md-12 offset-lg-1"> <div id="accordion" class="accordion"> <h2 class="mt-4 mb-4 font-dark-grey">أبرز الأسئلة</h2> <div class="card"> <h6>كيف أعرف أني أقدر استخدم سبوتي؟</h6> <p>سبوتي متاحة لكل المواطنين والمقيمين في المملكة العربية السعودية لمن تزيد أعمارهم عن ١٨ سنة .</p> <h6>ماهو المبلغ المتاح مع سبوتي؟</h6> <p>يمكنك التقدم بطلب للحصول على رصيد فوري من خلال سبوتي حتى 2000 ريال سعودي.</p> <h6>كيف يمكنك تقسيم الدفع عبر سبوتي؟</h6> <p>أولا: اختر "سبوتي" عند صفحة الدفع وقم بتقسيم المبلغ إلى 4 دفعات بدون أي فوائد. <br> ثانيا: قم بإدخال رقم هاتفك والتأكيد من خلال كلمة المرور المرسلة إليك. <br> ثالثا: بعد إكمال كافة معلومات الدفع، سيطلب منك سداد الدفعة الأولى فقط. <br> رابعا: مبروك تم إتمام الطلب، وسيتم توصيله إليك من قبل المتجر والدفع سيكون لاحقا خلال 2 أشهر من خلال تطبيق سبوتي. </p> <h6>متى يمكنني استخدام سبوتي؟</h6> <p>يمكنك استخدام سبوتي 3 أشهر للمشتريات التي تزيد عن 100 ريال وحتى 2000 ريال.</p> <h6>ما هي طرق الدفع التي تقبلها سبوتي؟</h6> <p>تقبل سبوتي جميع البطاقات الإئتمانية والبنكية.</p> <h6>هل يوجد رسوم على استخدام سبوتي؟</h6> <p>الدفع في سبوتي بدون فوائد ولا رسوم تماماً. نقوم بتحصيل رسوم العملية من المتجر.</p> <h6>كيف أقوم بالدفع على دفعات مع سبوتي؟</h6> <p>كل ما تحتاجه هو اختيار سبوتي عند الدفع وبعد ذلك يمكنك بكل سهولة تقسيم المبلغ على 3 دفعات بدون أي فوائد، حيث سيتم سداد الدفعة الأولى عند الطلب والمبلغ المتبقي سيتم سداده على دفعتين خلال شهرين. مع سبوتي يمكنك الاستمتاع بعملية شراء خالية من المتاعب وبدون أي فوائد.</p> <h6>كيف استطيع الدفع باستخدام تطبيق سبوتي؟</h6> <p>قم بتنزيل <a href="https://www.spotii.com/mobile-app.html?lang=ar" target="_blank" style="color:#ff3007;">تطبيق سبوتي</a> على هاتفك وقم بتسجيل الدخول بإستخدام نفس رقم الهاتف الذي أستخدمته للشراء من ردسي. ستظهر سبوتي مشترياتك والأقساط المتبقية. يمكنك إضافة أي بطاقة خصم أو بطاقة ائتمان إلى تطبيق سبوتي والبدء في دفع الأقساط كل شهر. </p> </div> <div class="btn grey"> <a href="https://help.spotii.me/hc/ar" target="_blank">لمعرفة المزيد</a> </div> </div> </div> </div> </div>