<div class="container"> <div class="row justify-content-between"> <div class="col-4"> <a href="javascript:;" class="nav-link text-dark1 fs-6 px-1 px-md-3 change_lang_c" data-lang="en" aria-current="page"> <!--<img src="https://pharmaclouds.net/admin_panel/views/default/_assets/global/img/flags/us.png" class="icons" alt="" />--> <i class='fas fa-globe'></i> <span>English</span> </a> </div> <div class="col-5"> <div class="d-flex justify-content-center"> <a class="nav-link text-dark1 fs-6 px-1 px-md-3 login" href="javascript:void(0);"> <i class="la la-user"></i> <span class="d-none d-md-block"> تسجيل الدخول</span> </a> <a class="nav-link text-dark1 fs-6 px-1 px-md-3" href="https://www.pharmaclouds.net/favorites" > <i class="la la-heart-o"></i> <span class="d-none d-md-block mr-2"> المفضلة</span> </a> <a class="nav-link text-dark1 fs-6 px-1 px-md-3" href="https://www.pharmaclouds.net/cart" > <i class="la la-shopping-cart"></i> <span class="coun"></span> <span class="d-none d-md-block mr-2"> سلة التسوق</span> </a> </div> </div> <div class="col-3" style="margin-left: -15px;"> <div class="d-flex justify-content-end"> <a class="nav-link text-dark1 fs-6 px-1 px-md-3" href="https://www.pharmaclouds.net/contact"> <i class="la la-envelope"></i> </a> <a class="nav-link text-dark1 fs-6 px-1 px-md-3" href="https://wa.me/+966552263312"> <i class="lab la-whatsapp"></i> </a> <div class="switch-mode" id="toggle"> <input type="checkbox" class="checkbox" id="checkbox"> <label for="checkbox" class="label"> <div class='ball'></div> </label> </div> </div> </div> </div> </div> </section> <section class="search-section py-3 py-md-2" > <div class="container"> <div class="row align-items-center" dir="ltr"> <div class="col-5"> <a href="https://www.pharmaclouds.net"> <img data-src="https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png" class="logo lazyloaded" style="float: left;" src="https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png"> <noscript> <img data-src='https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png' class='logo lazyload' style="float: left;" src='data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==' /> </noscript> <noscript> <img src="https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png" /> </noscript> </a> </div> <div class="col-2 d-none d-lg-block"></div> <div class="col-5 " id="display-mobile-div"> <div class="d-flex flex-md-row gx-4 search-wrapper align-items-center justify-content-end justify-content-md-end" > <form method="post" action="https://www.pharmaclouds.net/index/search" id="searchProduct" style="width:100%"> <input type="hidden" name="post_type" value="product"> <div class="input-group d-none1 d-lg-flex"> <input type="search" name="name" class="form-control text-end custom-search-input" placeholder="البحث عن منتج" aria-label="Search" style="border-radius: 25px;" aria-describedby="basic-addon1" required /> <span class="input-group-text bg-gray" id="basic-addon1" onclick="$('form#searchProduct').submit()" style="border-radius:25px; position: absolute;right: 2px; width: 50px; margin-top: 2px;background-color:#86bfdd;" > <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/icons/search-icon.svg" alt="" class="search-icon" /> </span> </div> </form> <button class="search-box-btn search-box-outer btn py-1 d-none d-md-none py-md-2 px-md-3 px-3 btn-primary bg-secondary text-white d-flex flex-nowrap align-items-center" style="border-radius: 0px !important;" > <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/icons/search-icon.svg" class="icons" alt="" /> </button> </div> </div> </div> </div> </section> <nav class="navbar navbar-expand-lg"> <div class="container-xl" style="width: 80%;"> <button class="navbar-toggler border border-dark" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation" style="background-color: var(--var-info) !important;display:none;" > <span class="navbar-toggler-icon" ><i class="bi bi-list fs-4 text-white"></i ></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup" style="display: block;overflow-x: auto;"> <div class="navbar-nav justify-content-flex-start w-100" style="flex-direction: row;"> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/offers"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/b2c9e16cc0d14c2ae6ba2c5d832ad622.png"> <p class="categories-name">العروض </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/general-1"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/f373b2b271a1f44237e197837d92aa79.png"> <p class="categories-name">جميع المنتجات </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/women-s-health"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/6d73e6f6709e95043b734b672c0c349d.png"> <p class="categories-name">صحة المرأة </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/infertility-and-childbearing-1"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/2f93cb5c281c86476bcb1d299500c03c.png"> <p class="categories-name">العقم والإنجاب </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/skin-care-1"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/ee12103119124ce7e0a17245e2b2b08b.png"> <p class="categories-name">العناية بالبشرة </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/hair-care-1"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/fd54eba16f1cec3005fa25ecc3ca9005.png"> <p class="categories-name">العناية بالشعر </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/general-health-1"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/049263eaaf2373ce812245904673344b.png"> <p class="categories-name">صحة عامة </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/men-s-health"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/6d285ec8e7fb6b00d6279ed787f115f2.png"> <p class="categories-name">صحة الرجل </p> </a> </div> <div class="mr-2"> <a class="nav-link text-white" style="text-align: center;" href="https://www.pharmaclouds.net/category/kids-health"> <img class="categories-img" src="https://www.pharmaclouds.net/upload/category/5e47c18427a5d82ec06e8842556aa31b.png"> <p class="categories-name">صحة الطفل </p> </a> </div> </div> </div> </div> </nav> <div class="login-pop"> <form class="otp-get-input"> <div class="x">x</div> <i class="fa fa-user"></i> <h2>تسجيل الدخول</h2> <p>اختر الوسيلة المناسبة</p><br> <div class="sms-body"> <label> رقم الجوال </label> <label> <select class="key" name="country_code" id="country_code"> <option value="966">+966</option> <option value="+1">+1</option> <option value="+20"> +20 </option> <option value="+61"> +61 </option> <option value="+973"> +973 </option> <option value="+1"> +1 </option> <option value="+962"> +962 </option> <option value="+965"> +965 </option> <option value="+968"> +968 </option> <option value="+974"> +974 </option> <option value="+90"> +90 </option> <option value="+971"> +971 </option> <option value="+33"> +33 </option> <option value="+44"> +44 </option> <option value="+91"> +91 </option> <!--<option value="2">+2</option>--> <!--<option value="212">+212</option>--> <!--<option value="967">+967</option>--> <!--<option value="965">+965</option>--> </select> <input type="hidden" name="otp_type" class="otp_type" value="phone"> <input type="phone" class="text phonenum" id="user_phone" name="phone_number" placeholder="55 1234 567"> </label> <a href="javascript:void(0)" class="sendotp"><label><input type="button" class="submit" value="دخول"></label> </a> <div class="log-mail">تسجيل الدخول بالبريد الالكترونى</div> </div><!-- mail-body --> <div class="mail-body"> <label>البريد الالكتروني</label> <label><input type="mail" class="text" id="user_email" name="email" placeholder="your@email.com"></label> <a href="javascript:void(0)" class="sendotp"><label><input type="button" class="submit" value="دخول"></label> </a> <div class="log-sms">تسجيل الدخول برسالة نصية</div> </div><!-- mail-body --> <div class="loginstep sms"><i class="fa fa-phone"></i> رسالة نصية</div> <div class="loginstep mail"><i class="fa fa-envelope"></i> البريد الالكتروني </div> </form> <form class="otp-verification-form" style="display:none;"> <div class="x">x</div> <i class="fa fa-user"></i> <h2>تسجيل الدخول</h2> <p>رقم التحقق مطلوب لاكمال العملية لقد تم إرسال رمز التحقق فى رسالة إليكم</p> <p id="otpSuccessMessage"></p> <div class="verification-code--inputs otp-field" style="direction: ltr;"> <input type="number" id="otp1" maxlength="1" /> <input type="number" id="otp2" maxlength="1" /> <input type="number" id="otp3" maxlength="1" /> <input type="number" id="otp4" maxlength="1" /> </div> <input type="hidden" id="verificationCode" name="verificationCode" /> <label><input type="button" class="submit verifyotp" value="تحقق"></label> <label><input type="button" class="submit re-submit sendotp" value="ارسال"></label> </form> </div><!-- login-pop --> <!-- Start Mobile-menu --> <div class="mobile-menu"> <div class="menu-backdrop"></div> <div class="close-btn"><span class="icon las la-times"></span></div> <nav class="menu-box"> <div class="nav-logo"> <a href="https://www.pharmaclouds.net" class="logo"> <div class="icon-logo"> <img data-src="https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png" class=" ls-is-cached lazyloaded" src="https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png"><noscript><img data-src='https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png' class='lazyload' src='https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png' /><noscript><img src="https://www.pharmaclouds.net/upload/setting/421259a2d4012bbe44465520d582b868.png" /></noscript> </noscript> </div> </a> </div> <div class="menu-outer"> <div class="navbar-collapse" id="navbarSupportedContent"> <ul class="navigation"> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"><a href="https://www.pharmaclouds.net#products">الرئيسية</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://www.pharmaclouds.net/blog">الأسئلة الشائعة</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a href="https://www.pharmaclouds.net/events">المعارض والأحداث</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://www.pharmaclouds.net/contact">إتصل بنا</a></li> <li id="menu-item-73" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-73"><a href="https://www.pharmaclouds.net/aboutus">معلومات عنا</a></li> </ul> </div> </div> </nav> </div> <!-- End Mobile-menu --> <!-- Start Search Popup --> <div class="search-popup"> <button class="close-search style-two"><span class="flaticon-multiply"></span></button> <button class="close-search"><span class="flaticon-up-arrow-1 las la-times"></span></button> <form method="post" action="https://www.pharmaclouds.net/index/search"> <div class="form-group"> <input type="search" name="name" value="" placeholder="ابحث عن منتج" required=""> <input type="hidden" name="post_type" value="product"> <button type="submit"><i class="la la-search"></i></button> </div> </form> </div> <!-- end mobile-nav --> <style media="screen"> .added::after { position: relative; font-family: WooCommerce; content: "\e017"; vertical-align: bottom; top: 0px; right: auto; color: #fff; margin-right: 7px !important; } .loading::after { font-family: WooCommerce; content: "\e01c"; vertical-align: top; font-weight: 400; position: relative; top: 0px; right: auto; -webkit-animation: spin 2s linear infinite !important; animation: spin 2s linear infinite !important; color: #fff; margin-right: 7px !important; } .added::after, .loading::after { color: #C99216; } .added:hover::after, .loading:hover::after { color: #fff; } .product-links .wc-forward, .added i, .loading i, .n-book-con .wc-forward { display: none !important } </style> <style> .breadcrumb{ display:none !important; } .woocommerce div.product p.price, .woocommerce div.product span.price { color: #77a464; font-size: 1.25em; } #product-image-carousel-container { float: left; margin-right: 15px; width: 84px; } #product-image-container { float: left; position: relative; text-align: center; width: 350px; } .button-group-pills .btn { line-height: 1.2; margin-bottom: 15px; margin-left: 10px; border-color: #bbb; background-color: #fff; color: #38489D; min-width: 50px; width: auto; } .button-group-pills .btn.active { border-color: #38489D; background-color: #38489D; color: #fff; box-shadow: none; } .button-group-pills .btn:hover { border-color: #38489D; background-color: #38489D; color: #fff; } /*.mobile-products*/ li { min-width: 100px; max-width: 100px; margin-right: 30px; } #product-carousel{ display: flex; overflow: visible; } </style> <main class="main-content woocommerce"> <!-- Start Breadcrumb --> <section class="breadcrumb"> <div class="overlay-img"><img alt="#" data-src="https://www.pharmaclouds.net/views/idoctus/_assets/images/7-scaled.jpg" class=" ls-is-cached lazyloaded" src="https://www.pharmaclouds.net/views/idoctus/_assets/images/7-scaled.jpg"><noscript><img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/7-scaled.jpg" alt="#" /></noscript></div> <div class="container"> <div class="row"> <!-- Col --> <div class="col-md-12"> <div class="text-bread"> <h3>يوسرين علاج البقع الخشنة من يوسرين 71 غ</h3> <ul> <li><a href="https://www.pharmaclouds.net"> الرئيسية</a></li> <li> <span>يوسرين علاج البقع الخشنة من يوسرين 71 غ</span> </li> </ul> </div> </div> <!-- /Col --> </div> </div> </section> <div class="carousel-wrap"> <div class="container1"> <div class="item" style="display: flex;justify-content: center;"> <img src="https://www.pharmaclouds.net/upload/static.png" style="top: 0 !important;display: block;"> </div> </div> </div> <section class="woo_content"> <div class="container"> <div class="row" style="padding-left: 3%;padding-right: 3%;"> <div class=" col-md-6 col-xs-12" > <div style="display: grid;justify-content: center;"> <div id="product-image-container" class="web-div"> <figure> <img src="https://www.pharmaclouds.net/upload/product/a81af1ed763d92de6eb1092a80dfa445.png" alt="" id="product-image"> </figure> </div> <div id="product-image-carousel-container" class="web-div"> <ul id="product-carousel" class="celastislide-list"> <li class="active-slide"> <a data-rel='prettyPhoto' href="https://www.pharmaclouds.net/upload/productimage/0ab50fe2a69db489fca7ce7f931308b1.png"> <img src="https://www.pharmaclouds.net/upload/productimage/0ab50fe2a69db489fca7ce7f931308b1.png" alt="Eucerin rough spot treatment 71g"> </a> </li> </ul> </div> </div> <!--<div class="carousel-wrap mobile-products">--> <!-- <div class="container">--> <!-- <div class="home-slider owl-carousel owl-theme">--> <!--<div class="owl-carousel owl2">--> <!-- --> <!-- <div class="item">--> <!-- <a href="#">--> <!-- <img src="https://www.pharmaclouds.net/upload/productimage/0ab50fe2a69db489fca7ce7f931308b1.png" alt="Eucerin rough spot treatment 71g">--> <!-- </a>--> <!-- </div>--> <!-- --> <!-- </div>--> <!-- </div>--> <!--</div>--> </div> <input type='hidden' name='g-item-code' id='g-item-code' value='513'> <input type='hidden' name='g-item-name' id='g-item-name' value='Eucerin rough spot treatment 71g'> <input type='hidden' name='g-item-price' id='g-item-price' value='49'> <input type='hidden' name='g-item-category-name' id='g-item-category-name' value='Skin Care'> <div class="preview col-md-6 col-xs-12"> <div id="product-430" class="product type-product post-430 status-publish first instock product_cat-cat1 has-post-thumbnail sale shipping-taxable purchasable product-type-simple"> <div class=" entry-summary"> <h1 class="product_title entry-title">يوسرين علاج البقع الخشنة من يوسرين 71 غ</h1> <div class="ratings-container"> <div class="m-2" > <input type="hidden" class="rating loadrate" data-readonly value='5.00' id="ratings-resultdiv" data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x"/> <span class="label label-default">5.00</span> <!-- <!– End .ratings –>--> </div> <span class="ratings-amount separator" id="commented"> لا يمكنك تقييم المنتج قبل شرائه </span> </div> <div class="product_meta" style="margin-bottom: 5%;margin-top: 3%;display: block"> <span class="posted_in" style="font-size: 17px">ملخص:</span> كريم علاج البقع الخشنة مصممة خصيصاً لتوفير الترطيب والنعومة والتوازن للجلد الجاف والمتضرر <br/> </div> <!--<form class="cart" style="width: 100%;">--> <div style="width: 100%"> <div class="quantity" style="display: inline"> <input type="number" class="input-text qty text" step="1" min="1" readonly max="1204" name="quantity" value="1" title="Qty" size="4" placeholder="" inputmode="numeric"> </div> <input type="hidden" name="productid" id="productid" value="688"/> <!--</form>--> <div class="item-action-inner" style="display: inline;margin-right:1%;"> <a href="javascript:;" data-id="688" class="icon-button icon-like like-688 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> </div> <div class="price-block"> <p class="price" style="display: block;margin-right: 1%;margin-top: 4%;margin-bottom: 2%"><ins><span class="woocommerce-Price-amount amount"><bdi><span class="woocommerce-Price-currencySymbol">49</span> SAR</bdi></span></ins></p> <span style="color: var(--main-color);font-weight: bold;" > تم شراؤه أكثر من102 مرات.</span> </div> <button style="margin-top: 3%;" type="submit" name="add-to-cart" data-id="688" data-varient-id="" class="single_add_to_cart_button add_to_cart button alt">أضف إلى السلة</button> <div class="button-group-pills text-center d-flex mt-5 row" data-toggle="buttons"> <label class="btn btn-default varient-btn active" varient-id="0" varient-price="49" varient-currency="SAR"> <input type="radio" name="varient" value="0" style="display:none"> <div class="mt-2">عادي (SAR 49)</div> </label> <label class="btn btn-default varient-btn" varient-id="97" varient-price="" varient-currency="SAR"> <input type="radio" name="varient" value="97" style="display:none"> <div class="mt-2"> (SAR )</div> </label> </div> </div> </div> </div> <div class="row" style="margin: 1%;width: 100%;"> <ul class="nav nav-pills mb-3 tabs wc-tabs" id="pills-tab" role="tablist" style="width: 100%;"> <li class="nav-item" role="presentation"> <a class="nav-link active" id="pills-home-tab" data-toggle="pill" href="#pills-home" role="tab" aria-controls="pills-home" aria-selected="true">وصف المنتج</a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" id="pills-profile-tab" data-toggle="pill" href="#pills-profile" role="tab" aria-controls="pills-profile" aria-selected="false">المواصفات </a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" id="pills-contact-tab" data-toggle="pill" href="#pills-contact" role="tab" aria-controls="pills-contact" aria-selected="false">إرشادات الاستخدام</a> </li> <li class="nav-item" role="presentation"> <a class="nav-link" id="pills-review-tab" data-toggle="pill" href="#pills-review" role="tab" aria-controls="pills-review" aria-selected="false"> التقييمات والاراء</a> </li> </ul> <div class="tab-content row" id="pills-tabContent" style="width: 100%"> <div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">يؤدي إلى إزالة الجفاف والضرر. يتألف الكريم من مجموعة من العناصر الفعالة التي تساعد في تحسين وتجديد بشرة الجسم بشكل دائم، مما يجعلها ناعمة وجميلة في كل الأوقات. بفضل وزنه الخفيف وتركيبته الخالية من الزيوت، يمتص الكريم بسهولة ويبقى على الجلد لفترة طويلة، مما يضمن تغذية وترطيب الجلد على مدار اليوم</div> <div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab"> <div class="product_meta" style="margin-bottom: 2%;display: block"> <!--<span class="posted_in">كود المنتج :</span>513<br/>--> <!--<span class="posted_in">المصنع:</span>لاسيف<br/>--> <!--<span class="posted_in"> دوله المنشأ: </span>المملكة العربية السعودية<br/>--> <!-- <span class="posted_in">ملخص:</span>كريم علاج البقع الخشنة مصممة خصيصاً لتوفير الترطيب والنعومة والتوازن للجلد الجاف والمتضرر<br/>--> <span style="white-space: pre-line;"> </span> </div> </div> <div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab"> </div> <div class="tab-pane fade" id="pills-review" role="tabpanel" aria-labelledby="pills-review-tab" style="width: 100%;"> <div class="row"> <div class="col-md-12 table-responsive"> <table class="table cart-table table-bordered table-striped"> <thead> <tr> <th class="table-title" style="text-align: right"> مراجعات العملاء </th> </tr> </thead> <tbody id="client_comments"> <tr> <td class="item-name-col" > <h3><a href="#"> </a></h3> <div class="article-meta-container clearfix"> <!-- End. pull-left --> <!-- End. pull-right --> </div> <div class="ratings-container"> <input type="hidden" class="rating loadrate" data-readonly value='5.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x"/> <span class="label label-default">5.00</span> <!-- End .ratings --> </div> <p> </p> <br> <!-- End. pull-left --> </td> </tr> <tr> <td class="item-name-col" > <h3><a href="#"> </a></h3> <div class="article-meta-container clearfix"> <!-- End. pull-left --> <!-- End. pull-right --> </div> <div class="ratings-container"> <input type="hidden" class="rating loadrate" data-readonly value='5.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x"/> <span class="label label-default">5.00</span> <!-- End .ratings --> </div> <p> </p> <br> <!-- End. pull-left --> </td> </tr> <tr> <td><a class="btn btn-custom-2 col-lg-12 getmorecomment" href="#" onclick="return false;" >المزيد...</a></td> </tr> </tbody> </table> </div> <!-- End .col-md-12 --> </div> <div class="lg-margin2x"></div> </div> <!-- End .col-md-12 --> </div> </div> <section class="new-h" style="width: 100%;"> <div class="container"> <h2 style="font-size: 30px;color: var(--main-color) !important;"> منتجات مشابهه </h2> <div class="row"> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="658" class="icon-button icon-like like-658 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product//-236"> <img data-src="https://www.pharmaclouds.net/upload/product/b0e4fc347475bb3e786a9b4ea4affd5c.jpg" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/b0e4fc347475bb3e786a9b4ea4affd5c.jpg"><noscript><img src="https://www.pharmaclouds.net/upload/product/b0e4fc347475bb3e786a9b4ea4affd5c.jpg" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product//-236" class="pro-name"> لوشن سيرافى 236 مل</a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/"> </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='0.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new"> 69.00 <u>SAR</u> </span> </h4> </div> <a href="#" class="btn-gray product_type_simple btn add_to_cart_button ajax_add_to_cart text-danger" style="color: #dc3545 !important;" rel="nofollow"> <span> غير متوفر الان</span> </a> </div> </div> </div> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="429" class="icon-button icon-like like-429 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product//johnson-s-baby-oil-2"> <img data-src="https://www.pharmaclouds.net/upload/product/cbe9a3de4272550318cf192244083c69.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/cbe9a3de4272550318cf192244083c69.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/cbe9a3de4272550318cf192244083c69.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product//johnson-s-baby-oil-2" class="pro-name"> جونسون بيبي، زيت للأطفال - 200 مل </a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/">جونسون بيبي زيت للأطفال 200 مل </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='0.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new text-danger"> 17.00 <u>SAR</u> </span> <span class="old">20.00 <u>SAR</u> </span> </h4> </div> <a href="#" class="btn-gray product_type_simple btn add_to_cart_button ajax_add_to_cart text-danger" style="color: #dc3545 !important;" rel="nofollow"> <span> غير متوفر الان</span> </a> </div> </div> </div> </div> </div> </section> <section class="new-h" style="width: 100%;"> <div class="container"> <h2 style="font-size: 30px;color: var(--main-color) !important;"> افضل المنتجات </h2> <div class="row"> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="484" class="icon-button icon-like like-484 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product/general-1/giovanni-shampoo-for-damaged-hair-250-ml-1"> <img data-src="https://www.pharmaclouds.net/upload/product/970348aa042d2a55278fde90b1ad5391.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/970348aa042d2a55278fde90b1ad5391.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/970348aa042d2a55278fde90b1ad5391.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product/general-1/giovanni-shampoo-for-damaged-hair-250-ml-1" class="pro-name"> جيوفاني، شامبو للشعر التالف 250 مل</a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/">شامبو للترطيب العميق مثالي للشعر الجاف أو التالف ويقوم بإضفاء اللمعان عليه </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='5.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new"> 52 <u>SAR</u> </span> </h4> </div> <a href="#" class="btn-gray product_type_simple btn add_to_cart_button ajax_add_to_cart text-danger" style="color: #dc3545 !important;" rel="nofollow"> <span> غير متوفر الان</span> </a> </div> </div> </div> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="650" class="icon-button icon-like like-650 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product/skin-care-1/sunblock"> <img data-src="https://www.pharmaclouds.net/upload/product/9317f32871fc68a808c8d08b3f572671.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/9317f32871fc68a808c8d08b3f572671.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/9317f32871fc68a808c8d08b3f572671.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product/skin-care-1/sunblock" class="pro-name"> عينات واقى الشمس </a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/"> </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='0.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new"> 130 <u>SAR</u> </span> </h4> </div> <a href="#" class="btn-gray product_type_simple btn add_to_cart_button ajax_add_to_cart text-danger" style="color: #dc3545 !important;" rel="nofollow"> <span> غير متوفر الان</span> </a> </div> </div> </div> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="449" class="icon-button icon-like like-449 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product/general-1/mist-humidifier-1"> <img data-src="https://www.pharmaclouds.net/upload/product/0c416f670c4232bd74840b9114e6835d.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/0c416f670c4232bd74840b9114e6835d.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/0c416f670c4232bd74840b9114e6835d.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product/general-1/mist-humidifier-1" class="pro-name"> جهاز تنقية وترطيب الهواء </a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/">يعمل على تنقية هواء الغرف ،بخار بارد يرطب الهواء بشكل آمن، يعمل دون توقف كي تتمكن من التنفس بسهولة وتتمتع بنوم أكثر راحة </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='5.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new"> 27.5 <u>SAR</u> </span> </h4> </div> <a href="#" data-id="449" data-quantity="1" class="btn-gray product_type_simple add_to_cart_button ajax_add_to_cart btn item-add-btn add_to_cart " data-product_id="435" rel="nofollow"> <span> أضف إلى السلة</span> </a> </div> </div> </div> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="685" class="icon-button icon-like like-685 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product/general-1/-qv-lotion-for-sinsetive-skin-500-ml"> <img data-src="https://www.pharmaclouds.net/upload/product/4f60bfdbe5e9e53ef9e33d15478ddda2.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/4f60bfdbe5e9e53ef9e33d15478ddda2.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/4f60bfdbe5e9e53ef9e33d15478ddda2.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product/general-1/-qv-lotion-for-sinsetive-skin-500-ml" class="pro-name"> كيو في لوشن مرطب للبشرة الحساسة 500مل</a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/">لوشن غير دهني للبشرة الجافة والحساسة </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='5.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new text-danger"> 50 <u>SAR</u> </span> <span class="old">75.00 <u>SAR</u> </span> </h4> </div> <a href="#" data-id="685" data-quantity="1" class="btn-gray product_type_simple add_to_cart_button ajax_add_to_cart btn item-add-btn add_to_cart " data-product_id="435" rel="nofollow"> <span> أضف إلى السلة</span> </a> </div> </div> </div> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="537" class="icon-button icon-like like-537 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product/general-1/electronic-cupping-device"> <img data-src="https://www.pharmaclouds.net/upload/product/1655ddd1e4730a77aea57877b650e4f2.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/1655ddd1e4730a77aea57877b650e4f2.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/1655ddd1e4730a77aea57877b650e4f2.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product/general-1/electronic-cupping-device" class="pro-name"> جهاز ومدلك حجامة كهربائي</a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/">مدلك حجامة ذكي بتقنية مبتكرة تعمل بالضغط السلبي والكشط والتدليك تعزز الدورة الدموية وتزيل السموم وتخفف الآلام </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='4.50' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new"> 69 <u>SAR</u> </span> </h4> </div> <a href="#" data-id="537" data-quantity="1" class="btn-gray product_type_simple add_to_cart_button ajax_add_to_cart btn item-add-btn add_to_cart " data-product_id="435" rel="nofollow"> <span> أضف إلى السلة</span> </a> </div> </div> </div> <div class="col-md-3 col-sm-6 item"> <div class="pro-block item-action"> <!-- <span class="label-sale"> Sale 8%</span> --> <div class="item-action-inner"> <a href="javascript:;" data-id="690" class="icon-button icon-like like-690 text-danger"> <i class="fa fa-heart-o fa-2x"></i> </a> </div> <div class="img"> <a href="https://www.pharmaclouds.net/product/general-1/neutrogena-eye-cream-hydro-boost-refreshing-15ml"> <img data-src="https://www.pharmaclouds.net/upload/product/3523c1b2d80fbd9d4133546b393f2e7e.png" class=" lazyloaded" src="https://www.pharmaclouds.net/upload/product/3523c1b2d80fbd9d4133546b393f2e7e.png"><noscript><img src="https://www.pharmaclouds.net/upload/product/3523c1b2d80fbd9d4133546b393f2e7e.png" /></noscript> </a> </div> <div class="details"> <a href="https://www.pharmaclouds.net/product/general-1/neutrogena-eye-cream-hydro-boost-refreshing-15ml" class="pro-name"> نيوتروجينا هايدروبووست جل - كريم منعش للعينين 15 مل</a> <span class="posted_in" style="min-height: 60px !important;font-size: 12px;display: block;/*line-height: 21px;white-space: pre-wrap;overflow: hidden;height: 42px;*/">هايدروبووست المنعش للعينين من نيوتروجينا يمنحك ترطيب يعمل بثلاث طرق ليزيل آثار التعب من عينيك </span> <div id="ratediv" class=""> <input type="hidden" class="rating loadrate" data-readonly value='4.00' data-filled="fa fa-star fa-1x" data-empty="fa fa-star-o fa-1x" /> <!-- <!– End .ratings –>--> </div> <div class="price"> <span class="new text-danger"> 25 <u>SAR</u> </span> <span class="old">50.00 <u>SAR</u> </span> </h4> </div> <a href="#" data-id="690" data-quantity="1" class="btn-gray product_type_simple add_to_cart_button ajax_add_to_cart btn item-add-btn add_to_cart " data-product_id="435" rel="nofollow"> <span> أضف إلى السلة</span> </a> </div> </div> </div> </div> </div> </section> </div> </div> </section> </main> <!-- End #content --> <input type="hidden" value="2" id="commentnum"> <input type="hidden" name="totalVoting" id="totalVoting" value="50"/> <input type="hidden" id="alreadyVoted" value="0"> <input type="hidden" id="clientid" value="0"> <div class="modal fade" id="myModal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header" style="direction: rtl;"> <button type="button" class="close" data-dismiss="myModal" aria-hidden="true" onclick="$('#myModal').modal('hide')">x</button> <h4 class="modal-title">تصويت</h4> </div> <div class="modal-body"> <div class="row g-3 align-items-center"> <div class="col-auto"> <label class="form-label mr-5"> الضرب :</label> <input type="hidden" class="rating" id="rate_prod" data-filled="fa fa-star fa-2x" data-empty="fa fa-star-o fa-2x"/> <span class="label label-default">0</span> </div> <div class="col-auto"> <label for="productcomment" class="form-label mr-5"> تعليق :</label> <textarea id="productcomment"></textarea> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal" onclick="$('#myModal').modal('hide')">يغلق</button> <button type="button" id="savebtn" class="btn btn-primary">يحفظ</button> </div> </div> <!-- /.modal-content --> </div> <!-- /.modal-dialog --> </div> <script> $(document).ready(function (e) { $('#rate_prod').on('change', function () { $(this).next('.label').text($(this).val()); }); $(".rate-this").on('click', function () { { // alert($totalVoting); $alreadyVoted = $("#alreadyVoted").val(); $clientid = $("#clientid").val(); if ($clientid > 0) { $('#myModal').modal('show'); $('#savebtn').on('click', function () { $productcomment = $("#productcomment").val(); $votevalue = Number($('#rate_prod').val()); var hosturl = $('#hosturl').val(); $productid = $("#productid").val(); $.post(hosturl + '/product/addVote', { productid: $productid, votevalue: $votevalue, productcomment: $productcomment }, function (data) { $('#myModal').modal('hide'); if (data != null && data != '' && data != 0) { $('#ratings-resultdiv').rating('rate', ((Number(data)/10)).toFixed(2)); $("#ratings-resultdiv").next('.label').text(((Number(data)/10)).toFixed(2)); $("#commented").html('Commented before'); } }) }); } else { BootstrapDialog.show({ title: '', message: 'Sign in first' }); } } }); $(".getmorecomment").on('click', function () { $commentnum = $("#commentnum").val(); $newcommentnum = Number($commentnum) + 2; $("#commentnum").val($newcommentnum); var hosturl = $('#hosturl').val(); var productid = $('#productid').val(); $.post(hosturl + '/product/morecomment', { productid: productid, lang: 'en', commentnum: $newcommentnum }, function (data) { $("#client_comments").html(data); $('.loadrate').rating(); }); }); }); </script> <script> // A $( document ).ready() block. $( document ).ready(function() { dataLayer.push({ ecommerce: null }); // Clear the previous ecommerce object. dataLayer.push({ event: "view_item", ecommerce: { currency: "SAR", value: $("#g-item-price").val(), items: [ { item_id: $("#g-item-code").val(), item_name: $("#g-item-name").val(), affiliation: "PharmaClouds", index: 0, item_brand: "Google", item_category: $("#g-item-category-name").val(), price: $("#g-item-price").val(), quantity: 1 } ] } }); }); </script><!--<section class="expert-h">--> <!-- <div class="container">--> <!-- <div class="row">--> <!-- <div class="col-md-12">--> <!-- <div class="title">--> <!-- <h3> اتصل بنا</h3>--> <!-- </div>--> <!-- </div>--> <!-- Col --> <!-- <div class="col-md-4 col-sm-12">--> <!-- <div class="ex-block">--> <!-- <div class="icon">--> <!-- <i class="la la-phone"></i>--> <!-- </div>--> <!-- <div class="details">--> <!-- <h3> الهاتف</h3>--> <!-- <a href="tel:00966552263312">--> <!-- <span>00966552263312</span>--> <!-- </a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- /Col --> <!-- Col --> <!-- <div class="col-md-4 col-sm-12">--> <!-- <div class="ex-block">--> <!-- <div class="icon">--> <!-- <i class="la la-envelope"></i>--> <!-- </div>--> <!-- <div class="details">--> <!-- <h3>البريد الالكتروني</h3>--> <!-- <a href="mailto:info@pharma.com.sa">--> <!-- info@pharma.com.sa </a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- /Col --> <!-- Col --> <!-- <div class="col-md-4 col-sm-12">--> <!-- <div class="ex-block">--> <!-- <div class="icon">--> <!-- <i class="la la-map-marker-alt"></i>--> <!-- </div>--> <!-- <div class="details">--> <!-- <h3> العنوان</h3>--> <!-- <a href="#">--> <!-- Kingdom of Saudi Arabia, Riyadh - King Abdulaziz Street </a>--> <!-- </div>--> <!-- </div>--> <!-- </div>--> <!-- /Col --> <!-- </div>--> <!-- </div>--> <!--</section>--> <section style="direction: ltr;"> <div class="container"> <div class="row mb-5"> <div class="col-12 col-md-4 col-lg-4 col-lg-4 mb-3 mb-md-0"> <div class="row bg-light py-5 px-4 mx-0"> <div class="col-9 text-start"> <h6 class="fs-5 fw-bold">دعم فني </h6> <p class="m-0 fotter-below-txt">24 * 7 دعم تقني</p> <p></p> </div> <div class="col-3"> <div class="service-icon mx-auto bg-white rounded-pill d-flex justify-content-center align-items-center"> <i class="bi bi-headset fs-4 text-primary"></i> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 col-lg-4 mb-3 mb-md-0"> <div class="row bg-light py-5 px-4 mx-0"> <div class="col-9 text-start"> <h6 class="fs-5 fw-bold">الشحن مجانا</h6> <p class="m-0 fotter-below-txt">شحن مجاني عند الطلب 1000+ ريال سعودي</p> <p></p> </div> <div class="col-3"> <div class="service-icon mx-auto bg-white rounded-pill d-flex justify-content-center align-items-center"> <i class="bi-car-front-fill fs-4 text-primary"></i> </div> </div> </div> </div> <div class="col-12 col-md-4 col-lg-4 col-lg-4 mb-3 mb-md-0"> <div class="row bg-light py-5 px-4 mx-0"> <div class="col-9 text-start"> <h6 class="fs-5 fw-bold">دفع آمن </h6> <p class="m-0 fotter-below-txt"> ادفع عبر Visa و Mada و Apple Pay<p> </div> <div class="col-3"> <div class="service-icon mx-auto bg-white rounded-pill d-flex justify-content-center align-items-center" > <i class="bi bi-award fs-4 text-primary"></i> </div> </div> </div> </div> </div> </div> </section> <!-- End Expert-h --> <style> .fotter-below-txt{ min-height: 50px; } .footer-social-links-container { width: 36px; position: fixed; top: calc(50% - 80px); left: 5px; z-index: 1000; text-align: center; } .social-icon { background-color: #626664; background-image: url("https://www.pharmaclouds.net/views/idoctus/en/assets1/images/sprites/sprite.png"); background-repeat: no-repeat; border-radius: 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.15), 0 1px 1px rgba(255, 255, 255, 0.2) inset; display: block; height: 36px; transition: background 0.3s ease-in-out 0s; width: 36px; } .social-icon-whatsap { background-color: #128c7e; background-image: none; line-height: 36px; text-align: center; transition: all 0.3s ease-in-out 0s; color: #fff; } .social-icon-whatsap:hover{ background-color: #25d366; } .social-links li.smaller-social-icons .social-icon { background-color: #626664; height: 30px; width: 30px; } .icon-whatsap { background-position: 0 0; } .icon-facebook { background-position: 0 0; } .icon-twitter { background-position: -36px 0; background-color: rgba(0, 172, 237, 0.5); } .icon-rss { background-position: -72px 0; } .icon-instagram { background-position: -72px 0; background-color: rgba(195, 42, 163, 0.5); } .icon-delicious { background-position: -108px 0; } .icon-linkedin { background-position: -144px 0; } .icon-flickr { background-position: -180px 0; } .icon-snap { background-position: -180px 0; background-color: rgba(255, 252, 0, 0.5); } .icon-skype { background-position: -216px 0; } .icon-email { background-position: -252px 0; } .icon-facebook:hover { background-color: #3b5998; background-position: 0 -36px; } .icon-twitter:hover { background-color: #4099ff; background-position: -36px -36px; } .icon-rss:hover { background-color: #cc3366; background-position: -72px -36px; } .icon-instagram:hover { background-color: #cc3366; background-position: -72px -36px; } .icon-delicious:hover { background-color: #3070c8; background-position: -108px -36px; } .icon-linkedin:hover { background-color: #0080b1; background-position: -144px -36px; } .icon-flickr:hover { background-color: #ffcc00; background-position: -180px -36px; } .icon-snap:hover { background-color: #ffcc00; background-position: -180px -36px; } .icon-skype:hover { background-color: #00aff0; background-position: -216px -36px; } .icon-email:hover { background-color: #c7392c; background-position: -252px -36px; } .icon-facebook-sm { background-position: -120px -72px; } .icon-twitter-sm { background-position: -150px -72px; } .icon-dribbble-sm { background-position: -180px -72px; } .icon-email-sm { background-position: -210px -72px; } .icon-facebook-sm:hover { background-color: #3b5998; background-position: -120px -102px; } .icon-twitter-sm:hover { background-color: #4099ff; background-position: -150px -102px; } .icon-dribbble-sm:hover { background-color: #ea4c89; background-position: -180px -102px; } .icon-email-sm:hover { background-color: #c7392c; background-position: -210px -102px; } footer a { color: white; text-decoration: none; } footer ol, ul { padding-right: 0; } .social-f a { letter-spacing: 0.6px; color: white; line-height: 44px; font-size: 25px; margin: 0 8px; } .copy-bottom-f p { color: white; font-size: 13px; line-height: 15px; } .nav > li > a:hover, .nav > li > a:focus { text-decoration: none; background-color: transparent !important; } </style> <footer class="footer-wrapper py-4 bg-warning"> <div class="container"> <div class="row"> <div class="col-md-3 col-sm-12 wow animate__ animate__fadeIn animated"> <h3> القائمة الرئيسية</h3> <ul> <li id="menu-item-70" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-70"><a href="https://www.pharmaclouds.net#products">الرئيسية</a></li> <li id="menu-item-71" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-71"><a href="https://www.pharmaclouds.net/blog">الأسئلة الشائعة</a></li> <!-- <li id="menu-item-76" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-76"><a--> <!-- href="https://www.pharmaclouds.net#products">Store</a></li>--> <li id="menu-item-484" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-484"> <a href="https://www.pharmaclouds.net/events">المعارض والأحداث</a></li> <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://www.pharmaclouds.net/contact"> إتصل بنا</a></li> <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://www.pharmaclouds.net/suggestions">الاقتراحات والشكاوي</a></li> <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://www.pharmaclouds.net/privacy/privacy.html">سياسة الخصوصية </a></li> <li id="menu-item-72" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-72"><a href="https://www.pharmaclouds.net/return">سياسة الاستبدال والاسترجاع </a></li> </ul> </div> <div class="col-md-3 col-sm-12 wow animate__ animate__fadeIn animated"> <h3> إتصل بنا </h3> <ul class="nav flex-column"> <li class="nav-item"> <a class="nav-link text-white" href="https://wa.me/+966552263312"> <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/icons/whatsaap-icon.svg" class="footer-icon me-1" alt="" /> +966552263312</a> </li> <li class="nav-item"> <a class="nav-link text-white" href="https://www.pharmaclouds.net/contact"> <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/icons/email-icon.svg" class="footer-icon me-1" alt="" /><span class="__cf_email__" data-cfemail="b8d1d6ded7f8c8d0d9cad5d9dbd4d7cddccb96d6ddcc">[email protected]</span> </a> </li> <li class="nav-item"> <a class="nav-link text-white" href="javascript:void(0)"> <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/icons/ship-icon.svg" class="footer-icon me-1" alt="" /> شحن داخل وخارج الرياض</a> </li> </ul> <nav class="nav d-flex justify-content-start ml-2" style="background-color: transparent; border: none;"> <div class="social-f"> <a href="https://instagram.com/pharma_clouds?igshid=YmMyMTA2M2Y=" target="_blank"> <i class="lab la-instagram icon-2x"></i> </a> <a href="https://twitter.com/pharma_clouds?s=21" target="_blank"> <i class="lab la-twitter icon-large"></i> </a> <a href="https://www.snapchat.com/add/pharmaclouds" target="_blank"> <i class="lab la-snapchat icon-large"></i> </a> <a href="https://api.whatsapp.com/send?phone=00966552263312" target="_blank"> <i class="lab la-whatsapp icon-large"></i> </a> </div> </nav> </div> <div class="col-md-3 col-sm-12 wow animate__ animate__fadeIn animated"> <h3> حسابي</h3> <ul> <li class="login"> <a href="javascript:void(0)"> تسجيل الدخول / انشاء حساب </a> </li> <li> <a href="https://www.pharmaclouds.net/cart"> سلة المشتريات </a> </li> <li><a href="https://www.pharmaclouds.net/dashboard/1">معلومات شخصية</a></li> <li><a href="https://www.pharmaclouds.net/dashboard/2">القائمة المفضلة</a></li> <li><a href="https://www.pharmaclouds.net/dashboard/5">عناوينى</a></li> <li><a href="https://www.pharmaclouds.net/dashboard/4">مشترياتي</a></li> </ul> </div> <div class="col-md-3 col-sm-12 wow animate__ animate__fadeIn animated"> <h3> حمل التطبيق </h3> <ul class="nav flex-column"> <li class="nav-item mb-2"> <a href="https://apps.apple.com/us/app/%D9%81%D8%A7%D8%B1%D9%85%D8%A7-%D9%83%D9%84%D8%A7%D9%88%D8%AF%D8%B2/id6443799173" class="brand-logo"> <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/Apple-Store.png" class="logo" alt="" /> </a> </li> <li class="nav-item"> <a href="https://play.google.com/store/apps/details?id=di.net.sa.pharmaclouds" class="brand-logo"> <img src="https://www.pharmaclouds.net/views/idoctus/_assets/images/Google-Play.png" alt="" class="logo" /> </a> </li> </ul> </div> </div> </div> <!-- Start Footer-bottom --> <div class="footer-bottom"> <div class="container"> <div class="row"> <!-- Col --> <div class="col-md-6 col-sm-12 wow animate__ animate__fadeIn animated" style="visibility: visible;"> <div class="copy-bottom-f"> <p> © 2023 فارما كلاودز ™ <a style="display: inline;color:white;" href="https://dc.net.sa" target="_blank"> تم التطوير في الابداع الرقمي</a></p> <a href="https://dc.net.sa" target="_blank"> <!-- <img data-src="https://www.pharmaclouds.net/views/idoctus/_assets/images/elryad.png"--> <!-- class=" lazyloaded"--> <!-- src="https://www.pharmaclouds.net/views/idoctus/_assets/images/elryad.png"><noscript><img--> <!-- src="https://www.pharmaclouds.net/views/idoctus/_assets/images/elryad.png" /></noscript>--> </a> </div> </div> <!-- /Col --> <!-- Col --> <div class="col-md-6 col-sm-12 wow animate__ animate__fadeIn animated" style="visibility: visible;"> <div class="visa-img"> <img src="https://www.pharmaclouds.net/upload/setting/payment-pharma.png" height="50px" class="img-responsive" /> </div> </div> <!-- /Col --> </div> </div> </div> <!-- End Footer-bottom --> </footer> <!-- End Footer --> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/jquery-1.11.0.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/bootstrap.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/owl.carousel.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/wow.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/jquery.fancybox.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/jquery.mCustomScrollbar.concat.min.js"></script> <!--<script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/jquery.nice-select.min.js"></script>--> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/intlTelInput-jquery.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/intlTelInput.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/odometer.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets1/rating/bootstrap-rating.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/viewport.jquery.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/slick.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/_assets/js/jquery.zoom.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets1/js/jquery.prettyPhoto.js"></script> <script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script> <script src="https://cdn.jsdelivr.net/gh/cferdinandi/smooth-scroll@15/dist/smooth-scroll.polyfills.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/java.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets/js/js.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/_assets/js/custom.js?v=1.0"></script> <script src="https://www.pharmaclouds.net/views/idoctus/_assets/js/bootstrap-dialog.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/ar/assets1/js/main.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/_assets/js/swiper.min.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/_assets/js/easyzoom.js"></script> <script src="https://www.pharmaclouds.net/views/idoctus/_assets/js/main.js"></script> <script> $('ul.products').addClass('row') $('.owl2').owlCarousel({ loop: true, margin: 10, // nav: true, // navText: [ // "<i class='fa fa-caret-left'></i>", // "<i class='fa fa-caret-right'></i>" // ], autoplay: true, autoplayHoverPause: true, responsive: { 0: { items: 2 }, 600: { items: 2 }, 1000: { items: 2 } } }) $('.owl3').owlCarousel({ loop: true, margin: 10, autoplay: true, autoplayHoverPause: true, slideWidth: 234, minSlides: 2, maxSlides: 5, controls: false, responsive: { 0: { items: 5 }, 600: { items: 5 }, 1000: { items: 5 } } }) const inputs = document.querySelectorAll(".otp-field input"); inputs.forEach((input, index) => { input.dataset.index = index; input.addEventListener("keyup", handleOtp); input.addEventListener("paste", handleOnPasteOtp); }); function handleOtp(e) { const input = e.target; let value = input.value; let isValidInput = value.match(/[0-9a-z]/gi); input.value = ""; input.value = isValidInput ? value[0] : ""; let fieldIndex = input.dataset.index; if (fieldIndex < inputs.length - 1 && isValidInput) { input.nextElementSibling.focus(); } if (e.key === "Backspace" && fieldIndex > 0) { input.previousElementSibling.focus(); } if (fieldIndex == inputs.length - 1 && isValidInput) { // submit(); } } function handleOnPasteOtp(e) { const data = e.clipboardData.getData("text"); const value = data.split(""); if (value.length === inputs.length) { inputs.forEach((input, index) => (input.value = value[index])); submit(); } } function submit() { console.log("Submitting..."); let otp = ""; inputs.forEach((input) => { otp += input.value; input.disabled = true; input.classList.add("disabled"); }); console.log(otp); } </script> <script defer src="https://static.cloudflareinsights.com/beacon.min.js/v84a3a4012de94ce1a686ba8c167c359c1696973893317" integrity="sha512-euoFGowhlaLqXsPWQ48qSkBSCFs3DPRyiwVu3FjR96cMPx+Fr+gpWRhIafcHwqwCqWS42RZhIudOvEI+Ckf6MA==" data-cf-beacon='{"rayId":"8331d55b1d3c9c2a","version":"2023.10.0","r":1,"token":"05d96cb7a8da4df58339ef4f0c84bec3","b":1}' crossorigin="anonymous"></script> </body> </html>