الگو:نقاط روی عکس: تفاوت میان نسخه‌ها

بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱۸۴: خط ۱۸۴:
                 <div class="hotspot-card">
                 <div class="hotspot-card">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset1.jpg" alt="بلوز نخی">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset1.jpg" alt="بلوز نخی">
                     <strong class="hotspot-card__title">بلوز نخی تابستانه سجاد</strong>
                     <strong class="hotspot-card__title">بلوز نخی تابستانه</strong>
                     <p class="hotspot-card__description">جنس ۱۰۰٪ پنبه با تن‌خور خنک</p>
                     <p class="hotspot-card__description">جنس ۱۰۰٪ پنبه با تن‌خور خنک</p>
                     <a href="#" class="hotspot-card__cta">مشاهده محصول</a>
                     <a href="#" class="hotspot-card__cta">مشاهده محصول</a>
خط ۲۰۶: خط ۲۰۶:
                 <button class="image-hotspot" type="button"></button>
                 <button class="image-hotspot" type="button"></button>
                 <div class="hotspot-card">
                 <div class="hotspot-card">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset1.jpg" alt="پارچه بلوز">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset10.jpg" alt="پارچه بلوز">
                     <strong class="hotspot-card__title">پارچه نخی خنک</strong>
                     <strong class="hotspot-card__title">پارچه نخی خنک</strong>
                     <p class="hotspot-card__description">پارچه نرم و سبک تابستانه</p>
                     <p class="hotspot-card__description">پارچه نرم و سبک تابستانه</p>
خط ۲۱۵: خط ۲۱۵:
                 <button class="image-hotspot" type="button"></button>
                 <button class="image-hotspot" type="button"></button>
                 <div class="hotspot-card">
                 <div class="hotspot-card">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset.jpg" alt="دوخت بلوز">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarsason4.jpeg" alt="دوخت بلوز">
                     <strong class="hotspot-card__title">دوخت تمیز</strong>
                     <strong class="hotspot-card__title">دوخت تمیز</strong>
                     <p class="hotspot-card__description">تن‌خور عالی با دوخت صنعتی</p>
                     <p class="hotspot-card__description">تن‌خور عالی با دوخت صنعتی</p>
خط ۲۲۹: خط ۲۲۹:
                 <button class="image-hotspot" type="button"></button>
                 <button class="image-hotspot" type="button"></button>
                 <div class="hotspot-card">
                 <div class="hotspot-card">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarsason3.jpg" alt="جنس شلوار">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset11.jpg" alt="جنس شلوار">
                     <strong class="hotspot-card__title">جنس سبک و راحت</strong>
                     <strong class="hotspot-card__title">جنس سبک و راحت</strong>
                     <p class="hotspot-card__description">مناسب برای استفاده طولانی مدت</p>
                     <p class="hotspot-card__description">مناسب برای استفاده طولانی مدت</p>
خط ۲۳۸: خط ۲۳۸:
                 <button class="image-hotspot" type="button"></button>
                 <button class="image-hotspot" type="button"></button>
                 <div class="hotspot-card">
                 <div class="hotspot-card">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarset.jpg" alt="فرم شلوار">
                     <img class="hotspot-card__image" src="https://dl.faraghaib.ir/m/101/m101shalvarsason1.jpg" alt="فرم شلوار">
                     <strong class="hotspot-card__title">استایل تابستانه</strong>
                     <strong class="hotspot-card__title">استایل تابستانه</strong>
                     <p class="hotspot-card__description">طراحی خوش‌فرم و مدرن</p>
                     <p class="hotspot-card__description">طراحی خوش‌فرم و مدرن</p>