تست 8 - فراغیب
Esfandiari (بحث | مشارکتها) صفحهای تازه حاوی «<html> <div style="direction: rtl; font-family: Tahoma, 'Vazirmatn', sans-serif; background-color: #f3f7fa; padding: 40px 15px; border-radius: 12px; max-width: 650px; margin: 20px auto; box-sizing: border-box;"> <!-- هدر صفحه --> <div style="text-align: center; margin-bottom: 28px;"> <h2 style="margin: 0 0 8px 0; font-size: 24px; font-weight: 800; color: #1e293b; border: none; padding: 0;">املاک پلاس</h2> <...» ایجاد کرد |
Esfandiari (بحث | مشارکتها) بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html> | <html> | ||
<!-- استایلها و انیمیشنها --> | |||
<style> | |||
.ap-wrapper { | |||
direction: rtl; | |||
font-family: 'Vazirmatn', Tahoma, sans-serif; | |||
background-color: #f3f7fa; | |||
padding: 40px 20px; | |||
border-radius: 16px; | |||
width: 100%; | |||
box-sizing: border-box; | |||
margin: 15px 0; | |||
} | |||
.ap-header { | |||
text-align: center; | |||
margin-bottom: 30px; | |||
} | |||
.ap-title { | |||
margin: 0 0 8px 0; | |||
font-size: 26px; | |||
font-weight: 800; | |||
color: #1e293b; | |||
border: none !important; | |||
padding: 0 !important; | |||
} | |||
.ap-subtitle { | |||
margin: 0; | |||
font-size: 14px; | |||
color: #64748b; | |||
} | |||
.ap-cards-container { | |||
display: flex; | |||
flex-direction: column; | |||
gap: 16px; | |||
width: 100%; | |||
} | |||
/* استایل کارت و انیمیشن */ | |||
.ap-card { | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
background: #ffffff; | |||
padding: 18px 24px; | |||
border-radius: 18px; | |||
border: 1px solid #eef2f6; | |||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.02); | |||
transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), | |||
box-shadow 0.3s ease, | |||
border-color 0.3s ease; | |||
animation: apSlideUp 0.6s ease backwards; | |||
} | |||
.ap-card:hover { | |||
transform: translateY(-4px); | |||
box-shadow: 0 12px 24px rgba(13, 148, 136, 0.08), 0 4px 10px rgba(0, 0, 0, 0.03); | |||
border-color: #ccfbf1; | |||
} | |||
/* تأخیر زمانی انیمیشن ورود برای هر باکس */ | |||
.ap-card:nth-child(1) { animation-delay: 0.08s; } | |||
.ap-card:nth-child(2) { animation-delay: 0.16s; } | |||
.ap-card:nth-child(3) { animation-delay: 0.24s; } | |||
.ap-card:nth-child(4) { animation-delay: 0.32s; } | |||
.ap-card:nth-child(5) { animation-delay: 0.40s; } | |||
.ap-card:nth-child(6) { animation-delay: 0.48s; } | |||
.ap-info { | |||
text-align: right; | |||
} | |||
.ap-name { | |||
font-weight: 700; | |||
font-size: 16px; | |||
color: #1e293b; | |||
margin-bottom: 6px; | |||
} | |||
.ap-location { | |||
font-size: 13px; | |||
color: #64748b; | |||
display: flex; | |||
align-items: center; | |||
gap: 5px; | |||
} | |||
.ap-icon-loc { | |||
width: 15px; | |||
height: 15px; | |||
stroke: #94a3b8; | |||
fill: none; | |||
stroke-width: 2; | |||
flex-shrink: 0; | |||
} | |||
/* دکمه تماس */ | |||
.ap-call-btn { | |||
display: inline-flex; | |||
align-items: center; | |||
gap: 8px; | |||
background-color: #e6f7f6; | |||
color: #0d9488 !important; | |||
text-decoration: none !important; | |||
padding: 10px 18px; | |||
border-radius: 14px; | |||
font-weight: 700; | |||
font-size: 14px; | |||
direction: ltr; | |||
transition: all 0.2s ease; | |||
border: 1px solid transparent; | |||
} | |||
.ap-call-btn:hover { | |||
background-color: #0d9488; | |||
color: #ffffff !important; | |||
box-shadow: 0 4px 12px rgba(13, 148, 136, 0.25); | |||
} | |||
.ap-call-btn:hover .ap-icon-phone { | |||
stroke: #ffffff; | |||
} | |||
.ap-call-btn:active { | |||
transform: scale(0.96); | |||
} | |||
.ap-icon-phone { | |||
width: 15px; | |||
height: 15px; | |||
stroke: #0d9488; | |||
fill: none; | |||
stroke-width: 2.2; | |||
transition: stroke 0.2s ease; | |||
flex-shrink: 0; | |||
} | |||
/* کلیدهای انیمیشن ورودی */ | |||
@keyframes apSlideUp { | |||
from { | |||
opacity: 0; | |||
transform: translateY(20px); | |||
} | |||
to { | |||
opacity: 1; | |||
transform: translateY(0); | |||
} | |||
} | |||
/* بهینهسازی موبایل */ | |||
@media (max-width: 520px) { | |||
.ap-card { | |||
padding: 14px 16px; | |||
} | |||
.ap-call-btn { | |||
padding: 8px 12px; | |||
font-size: 13px; | |||
} | |||
} | |||
</style> | |||
<!-- بدنه بخش تماس --> | |||
<div class="ap-wrapper"> | |||
<!-- هدر --> | |||
<div class="ap-header"> | |||
<h2 class="ap-title">املاک پلاس</h2> | |||
<p class="ap-subtitle">اطلاعات تماس مشاوران فروش در منطقه های تحت پوشش</p> | |||
</div> | </div> | ||
<!-- لیست | <!-- لیست آیتمها --> | ||
<div | <div class="ap-cards-container"> | ||
<!-- | <!-- مشاور ۱ --> | ||
<div | <div class="ap-card"> | ||
<div | <div class="ap-info"> | ||
<div | <div class="ap-name">آقای رمضانی</div> | ||
<div | <div class="ap-location"> | ||
<svg | <svg class="ap-icon-loc" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> | ||
<span>مناطق شهرداری ۲، ۷ و ۸</span> | <span>مناطق شهرداری ۲، ۷ و ۸</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<a href="tel:09366051344" | <a href="tel:09366051344" class="ap-call-btn" title="تماس با آقای رمضانی"> | ||
<svg | <svg class="ap-icon-phone" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg> | ||
<span>۰۹۳۶۶۰۵۱۳۴۴</span> | <span>۰۹۳۶۶۰۵۱۳۴۴</span> | ||
</a> | </a> | ||
</div> | </div> | ||
<!-- | <!-- مشاور ۲ --> | ||
<div | <div class="ap-card"> | ||
<div | <div class="ap-info"> | ||
<div | <div class="ap-name">آقای مصطفایی</div> | ||
<div | <div class="ap-location"> | ||
<svg | <svg class="ap-icon-loc" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> | ||
<span>منطقه شهرداری ۱۲</span> | <span>منطقه شهرداری ۱۲</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<a href="tel:09151259505" | <a href="tel:09151259505" class="ap-call-btn" title="تماس با آقای مصطفایی"> | ||
<svg | <svg class="ap-icon-phone" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg> | ||
<span>۰۹۱۵۱۲۵۹۵۰۵</span> | <span>۰۹۱۵۱۲۵۹۵۰۵</span> | ||
</a> | </a> | ||
</div> | </div> | ||
<!-- | <!-- مشاور ۳ --> | ||
<div | <div class="ap-card"> | ||
<div | <div class="ap-info"> | ||
<div | <div class="ap-name">آقای بیات</div> | ||
<div | <div class="ap-location"> | ||
<svg | <svg class="ap-icon-loc" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> | ||
<span>منطقه شهرداری ۱۲</span> | <span>منطقه شهرداری ۱۲</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<a href="tel:09157148078" | <a href="tel:09157148078" class="ap-call-btn" title="تماس با آقای بیات"> | ||
<svg | <svg class="ap-icon-phone" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg> | ||
<span>۰۹۱۵۷۱۴۸۰۷۸</span> | <span>۰۹۱۵۷۱۴۸۰۷۸</span> | ||
</a> | </a> | ||
</div> | </div> | ||
<!-- | <!-- مشاور ۴ --> | ||
<div | <div class="ap-card"> | ||
<div | <div class="ap-info"> | ||
<div | <div class="ap-name">آقای ایوبی</div> | ||
<div | <div class="ap-location"> | ||
<svg | <svg class="ap-icon-loc" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> | ||
<span>منطقه شهرداری ۱۰</span> | <span>منطقه شهرداری ۱۰</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<a href="tel:09923301963" | <a href="tel:09923301963" class="ap-call-btn" title="تماس با آقای ایوبی"> | ||
<svg | <svg class="ap-icon-phone" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg> | ||
<span>۰۹۹۲۳۳۰۱۹۶۳</span> | <span>۰۹۹۲۳۳۰۱۹۶۳</span> | ||
</a> | </a> | ||
</div> | </div> | ||
<!-- | <!-- مشاور ۵ --> | ||
<div | <div class="ap-card"> | ||
<div | <div class="ap-info"> | ||
<div | <div class="ap-name">آقای محرابی</div> | ||
<div | <div class="ap-location"> | ||
<svg | <svg class="ap-icon-loc" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> | ||
<span>منطقه شهرداری ۹</span> | <span>منطقه شهرداری ۹</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<a href="tel:09922422486" | <a href="tel:09922422486" class="ap-call-btn" title="تماس با آقای محرابی"> | ||
<svg | <svg class="ap-icon-phone" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg> | ||
<span>۰۹۹۲۲۴۲۲۴۸۶</span> | <span>۰۹۹۲۲۴۲۲۴۸۶</span> | ||
</a> | </a> | ||
</div> | </div> | ||
<!-- | <!-- مشاور ۶ --> | ||
<div | <div class="ap-card"> | ||
<div | <div class="ap-info"> | ||
<div | <div class="ap-name">آقای هاجری</div> | ||
<div | <div class="ap-location"> | ||
<svg | <svg class="ap-icon-loc" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path stroke-linecap="round" stroke-linejoin="round" d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg> | ||
<span>منطقه شهرداری ۹</span> | <span>منطقه شهرداری ۹</span> | ||
</div> | </div> | ||
</div> | </div> | ||
<a href="tel:09039589907" | <a href="tel:09039589907" class="ap-call-btn" title="تماس با آقای هاجری"> | ||
<svg | <svg class="ap-icon-phone" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" d="M3 5a2 2 0 012-2h3.28a1 1 0 01.948.684l1.498 4.493a1 1 0 01-.502 1.21l-2.257 1.13a11.042 11.042 0 005.516 5.516l1.13-2.257a1 1 0 011.21-.502l4.493 1.498a1 1 0 01.684.949V19a2 2 0 01-2 2h-1C9.716 21 3 14.284 3 6V5z"/></svg> | ||
<span>۰۹۰۳۹۵۸۹۹۰۷</span> | <span>۰۹۰۳۹۵۸۹۹۰۷</span> | ||
</a> | </a> | ||
| خط ۱۰۳: | خط ۲۶۸: | ||
</div> | </div> | ||
</div> | </div> | ||
</html> | </html> | ||
نسخهٔ کنونی تا ۲۵ اوت ۲۰۲۶، ساعت ۱۹:۵۰
املاک پلاس
اطلاعات تماس مشاوران فروش در منطقه های تحت پوشش
آقای رمضانی
مناطق شهرداری ۲، ۷ و ۸
آقای مصطفایی
منطقه شهرداری ۱۲
آقای بیات
منطقه شهرداری ۱۲
آقای ایوبی
منطقه شهرداری ۱۰
آقای محرابی
منطقه شهرداری ۹
آقای هاجری
منطقه شهرداری ۹