feat: mataba landing static site - production ready
This commit is contained in:
XShop
@@ -0,0 +1,205 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="fa" dir="rtl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>مطبا | طراØÛŒ سایت پزشکان Ùˆ برند شخصی پزشک</title>
|
||||
<meta name="description" content="مطبا: طراØÛŒ سایت اختصاصی پزشکان، دندانپزشکی، پوست Ùˆ زیبایی Ùˆ پزشک عمومی؛ نمونه‌کار، امکانات نوبت‌دهی Ùˆ پنل مدیریت، پکیج‌ها Ùˆ ثبت درخواست.">
|
||||
<link rel="canonical" href="https://mataba.ir/">
|
||||
<meta name="robots" content="index, follow">
|
||||
<meta property="og:type" content="website">
|
||||
<meta property="og:locale" content="fa_IR">
|
||||
<meta property="og:site_name" content="مطبا">
|
||||
<meta property="og:title" content="مطبا | طراØÛŒ سایت پزشکان Ùˆ برند شخصی پزشک">
|
||||
<meta property="og:description" content="طراØÛŒ سایت اختصاصی پزشکان با نمونه‌کار، امکانات نوبت‌دهی Ùˆ پکیج‌های خدماتی.">
|
||||
<meta property="og:url" content="https://mataba.ir/">
|
||||
<meta property="og:image" content="https://mataba.ir/assets/images/personalsection.png">
|
||||
<meta name="twitter:card" content="summary_large_image">
|
||||
<meta name="twitter:title" content="مطبا | طراØÛŒ سایت پزشکان">
|
||||
<meta name="twitter:description" content="طراØÛŒ سایت اختصاصی پزشکان، نمونه‌کارها Ùˆ پکیج‌ها.">
|
||||
<meta name="twitter:image" content="https://mataba.ir/assets/images/personalsection.png">
|
||||
<link rel="icon" href="assets/images/navLogo.png" type="image/png">
|
||||
<link rel="preload" href="assets/fonts/Modam-Bold.ttf" as="font" type="font/ttf" crossorigin>
|
||||
<link rel="stylesheet" href="css/styles.css">
|
||||
<link rel="stylesheet" href="css/responsive.css">
|
||||
<link rel="stylesheet" href="css/utilities.css">
|
||||
<link rel="manifest" href="manifest.webmanifest">
|
||||
<script type="application/ld+json">
|
||||
{"@context":"https://schema.org","@graph":[
|
||||
{"@type":"Organization","@id":"https://mataba.ir/#org","name":"مطبا","alternateName":"Mataba","url":"https://mataba.ir/","logo":"https://mataba.ir/assets/images/navLogo.png"},
|
||||
{"@type":"WebSite","@id":"https://mataba.ir/#site","url":"https://mataba.ir/","name":"مطبا","inLanguage":"fa","publisher":{"@id":"https://mataba.ir/#org"}},
|
||||
{"@type":"WebPage","@id":"https://mataba.ir/#home","url":"https://mataba.ir/","name":"مطبا | طراØÛŒ سایت پزشکان","inLanguage":"fa-IR","isPartOf":{"@id":"https://mataba.ir/#site"}},
|
||||
{"@type":"Service","name":"طراØÛŒ سایت اختصاصی پزشکان","provider":{"@id":"https://mataba.ir/#org"},"areaServed":"IR","inLanguage":"fa","description":"طراØÛŒ سایت واکنش‌گرا برای پزشکان، معرفی تخصص، نوبت‌دهی، گالری نمونه‌کار Ùˆ سئوی پایه."}
|
||||
]}
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<a class="skip" href="#main">پرش به Ù…Øتوای اصلی</a>
|
||||
<div class="wrap">
|
||||
<header class="site-header">
|
||||
<button class="hamburger" id="hamburger" aria-expanded="false" aria-controls="mainNav" aria-label="باز کردن منو"><span class="bars" aria-hidden="true"><span></span><span></span><span></span></span><span>منو</span></button>
|
||||
<a class="brand" href="./" aria-label="مطبا — صفØÙ‡ اصلی"><span class="logo-text" aria-hidden="false">مطبا</span><img src="assets/images/navLogo.png" alt="" width="1" height="1" style="position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;overflow:hidden" aria-hidden="true"></a>
|
||||
<nav class="nav" id="mainNav" aria-label="ناوبری اصلی">
|
||||
<span id="drawerClose" style="display:none"></span>
|
||||
<a class="nav-link active" href="#home">صفØÙ‡ اصلی</a>
|
||||
<a class="nav-link" href="#samples">نمونه‌کارها</a>
|
||||
<a class="nav-link" href="#packages">پکیج‌ها</a>
|
||||
<a class="nav-link" href="#facilities">امکانات</a>
|
||||
<a class="nav-link" href="about/">درباره ما</a>
|
||||
<a class="nav-link" href="contact/">ارتباط با ما</a>
|
||||
</nav>
|
||||
<div class="header-actions">
|
||||
<a class="btn-icon" href="#search" aria-label="جست‌وجوی دامنه"><svg width="22" height="22" viewBox="0 0 24 24" fill="none" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M11.5 2.75C6.667 2.75 2.75 6.667 2.75 11.5c0 4.833 3.917 8.75 8.75 8.75 4.833 0 8.75-3.917 8.75-8.75 0-4.833-3.917-8.75-8.75-8.75ZM1.25 11.5C1.25 5.84 5.84 1.25 11.5 1.25c5.66 0 10.25 4.59 10.25 10.25 0 5.66-4.59 10.25-10.25 10.25C5.84 21.75 1.25 17.16 1.25 11.5Z" fill="#333"/></svg></a>
|
||||
</div>
|
||||
</header>
|
||||
<div class="drawer-backdrop" id="drawerBackdrop"></div>
|
||||
|
||||
<main id="main" class="hero-wrap">
|
||||
<!-- 1. HERO -->
|
||||
<section id="home" class="hero" aria-label="معرفی مطبا">
|
||||
<div class="hero-text">
|
||||
<p class="kicker">مطبا — طراØÛŒ یه سایت ØرÙه‌ای برای برند پزشکت</p>
|
||||
<h1>فقط در سه مرØÙ"ه، سایت<br>پزشکیت آماده‌ست!</h1>
|
||||
<a class="btn btn-store" href="#contact">ساخت فروشگاه من <span aria-hidden="true">‹</span></a>
|
||||
<p class="hero-seo">طراØÛŒ سایت پزشکی · وب‌سایت اختصاصی پزشک · برند شخصی پزشک · نوبت‌دهی آنلاین با مطبا</p>
|
||||
<div class="hero-stats" role="list" aria-label="شاخص‌ها (نیازمند تایید کارفرما)">
|
||||
<!-- TODO: ارقام زیر از ریپوی قبلی آمده و برای مطبا تایید نشده است -->
|
||||
<div class="stat" role="listitem"><div><b>+۱,۲۰۰</b><span>سایت پزشکان</span></div></div>
|
||||
<div class="stat" role="listitem"><div><b>٪۹۸</b><span>رضایت</span></div></div>
|
||||
<div class="stat" role="listitem"><div><b>Û·-Û±Û°</b><span>دقیقه تØÙˆÛŒÙ"</span></div></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="hero-star" aria-label="۱۰ سال سابقه در زمینه پزشکی (نیازمند تایید)"><div><b>۱۰ سال</b><span>سابقه در زمینه پزشکی</span></div></div>
|
||||
<img class="hero-hand-mobile" src="assets/images/dast.png" alt="" width="300" height="220" loading="eager">
|
||||
</section>
|
||||
|
||||
<!-- 2. UNDER HERO -->
|
||||
<section class="hero-under" aria-label="مزایا و اعتماد">
|
||||
<div class="mini-cards">
|
||||
<div class="mini-card"><span class="ic"><svg width="32" height="32" viewBox="0 0 36 36" fill="none" aria-hidden="true"><path d="M12.8 6.5c.42.46.38 1.17-.08 1.59l-2.54 2.29c-1.18 1.06-1.98 1.78-2.49 2.4-.5.59-.6.93-.6 1.22s.1.64.6 1.23c.52.61 1.32 1.33 2.5 2.4l2.54 2.29c.46.41.49 1.13.08 1.59-.41.46-1.12.5-1.59.08l-2.6-2.34c-1.11-1-2.02-1.82-2.65-2.57-.66-.79-1.13-1.63-1.13-2.67s.47-1.89 1.13-2.68c.63-.75 1.54-1.57 2.65-2.57l2.6-2.34c.46-.42 1.17-.38 1.58.08Z" fill="#014224"/></svg></span><div><h3>طراØÛŒ اختصاصی</h3><p>بر اساس رنگ Ùˆ برند شخصی شما</p></div></div>
|
||||
<div class="mini-card"><span class="ic"><svg width="32" height="32" viewBox="0 0 36 36" fill="none" aria-hidden="true"><path d="M8 14h12M8 21h7" stroke="#014224" stroke-width="2" stroke-linecap="round"/><rect x="3" y="5" width="30" height="22" rx="4" stroke="#014224" stroke-width="2"/></svg></span><div><h3>بدون نیاز به کدنویسی</h3><p>فقط فرم رو پر کن، سایت آماده‌ست</p></div></div>
|
||||
<div class="mini-card"><span class="ic"><svg width="32" height="32" viewBox="0 0 36 36" fill="none" aria-hidden="true"><circle cx="18" cy="18" r="15" stroke="#014224" stroke-width="2"/><path d="M18 13v6h6" stroke="#014224" stroke-width="2" stroke-linecap="round"/></svg></span><div><h3>سریع Ùˆ ØرÙه‌ای</h3><p>تØÙˆÛŒÙ" کمتر از Ûµ روز</p></div></div>
|
||||
</div>
|
||||
<div class="hand" aria-hidden="true"><img src="assets/images/dast.png" alt="" width="420" height="300" loading="lazy"></div>
|
||||
<div class="doctors-card">
|
||||
<div class="avatars"><img src="assets/images/person.jpg" alt="پزشک همکار مطبا" width="64" height="64" loading="lazy"><img src="assets/images/person3.jpg" alt="پزشک همکار مطبا" width="64" height="64" loading="lazy"><img src="assets/images/person2.jpg" alt="پزشک همکار مطبا" width="64" height="64" loading="lazy"></div>
|
||||
<div><h3>+۸۰۰</h3><p>همکاری با پزشکان</p></div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="call-strip" role="note" aria-label="تماس"><p>سوالی داری؟ با مطبا تماس بگیر — <a href="tel:08733730514" class="ltr">08733730514</a></p><a href="tel:08733730514" class="btn btn-call">زنگ بزن</a></div>
|
||||
|
||||
<!-- 3. STEPS + SEARCH -->
|
||||
<section id="search" class="section" aria-label="مراØÙ" ساخت Ùˆ جست‌وجوی دامنه">
|
||||
<div class="toDown" aria-hidden="true"><svg width="18" height="14" viewBox="0 0 13 10" fill="none"><path d="M1 1l5.5 4.7L12 1" stroke="#fff" stroke-width="1.6" stroke-linecap="round"/></svg></div>
|
||||
<div class="steps-bg">
|
||||
<p class="eyebrow">مراØÙ" ساخت وب‌سایت شما</p>
|
||||
<h2 class="h2 treeStep">فقط در سه مرØÙ"ه، سایت پزشکیت آماده‌ست!</h2>
|
||||
<div class="steps">
|
||||
<div class="step"><span class="ball"><svg width="52" height="52" viewBox="0 0 40 40" fill="none" aria-hidden="true"><rect x="8" y="4" width="24" height="32" rx="3" stroke="#014224" stroke-width="2"/><path d="M14 15h12M14 21h8" stroke="#014224" stroke-width="2" stroke-linecap="round"/></svg></span><div><p>مرØÙ"Ù‡ اول</p><h3>ثبت اطلاعات مطب Ùˆ تخصصت</h3></div></div>
|
||||
<div class="step"><span class="ball"><svg width="52" height="52" viewBox="0 0 36 36" fill="none" aria-hidden="true"><path d="M10 26L24 6l4 3-14 20-5 1 1-4Z" stroke="#014224" stroke-width="2" stroke-linejoin="round"/></svg></span><div><p>مرØÙ"Ù‡ دوم</p><h3>ارسال رنگ Ùˆ سبک دلخواه برندت</h3></div></div>
|
||||
<div class="step"><span class="ball"><svg width="52" height="52" viewBox="0 0 40 40" fill="none" aria-hidden="true"><rect x="6" y="8" width="28" height="20" rx="3" stroke="#014224" stroke-width="2"/><path d="M16 32h8" stroke="#014224" stroke-width="2" stroke-linecap="round"/></svg></span><div><p>مرØÙ"Ù‡ سوم</p><h3>تØÙˆÛŒÙ" سایت آماده</h3></div></div>
|
||||
</div>
|
||||
<h2 class="h2 searchAfter" style="margin-top:40px">سلامتی از اعتماد شروع میشود، سایت تخصصی خودت رو همین ØاÙ"ا بساز :)</h2>
|
||||
<form class="search-box" id="domainForm" role="search" aria-label="جست‌وجوی دامنه">
|
||||
<label class="visually-hidden" for="domainInput">نام دامنه را جستجو کنید</label>
|
||||
<input id="domainInput" name="domain" type="text" placeholder="نام دامنه را جستجو کنید ..." autocomplete="off">
|
||||
<button class="search-go" type="submit" aria-label="جست‌وجو"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" aria-hidden="true"><circle cx="11" cy="11" r="7" stroke="#fff" stroke-width="2"/><path d="M16 16l4 4" stroke="#fff" stroke-width="2" stroke-linecap="round"/></svg></button>
|
||||
</form>
|
||||
<p id="domainMsg" class="ferr center" role="status"></p>
|
||||
<div class="domains" aria-label="پسوندهای پیشنهادی">
|
||||
<button type="button" class="domain ltr">.ir</button><button type="button" class="domain ltr">.com</button><button type="button" class="domain ltr">.net</button><button type="button" class="domain ltr">.doctor</button><button type="button" class="domain ltr">.site</button><button type="button" class="domain ltr">.shop</button>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 4. SAMPLES -->
|
||||
<section id="samples" class="section" aria-label="نمونه‌کارها">
|
||||
<p class="eyebrow">نمونه طراØی‌های مطبا — طراØÛŒ سایت پزشکی با مطبا</p>
|
||||
<h2 class="h2 SampleAfter">طراØی‌هایی مطابق با هویت برند پزشکان با مطبا</h2>
|
||||
<div class="cards">
|
||||
<article class="sample-card"><div class="stars" aria-hidden="true">★★★</div><h3>دندانپزشکی</h3><div class="sample-img"><img src="assets/images/samplePage/1.png" alt="نمونه طراØÛŒ سایت دندانپزشکی مطبا" width="400" height="520" loading="lazy"></div><button class="sample-view" type="button">مشاهده</button></article>
|
||||
<article class="sample-card"><div class="stars" aria-hidden="true">★★★</div><h3>پزشک عمومی</h3><div class="sample-img"><img src="assets/images/samplePage/2.png" alt="نمونه طراØÛŒ سایت پزشک عمومی مطبا" width="400" height="520" loading="lazy"></div><button class="sample-view" type="button">مشاهده</button></article>
|
||||
<article class="sample-card"><div class="stars" aria-hidden="true">★★★</div><h3>پزشک زیبایی</h3><div class="sample-img"><img src="assets/images/samplePage/3.png" alt="نمونه طراØÛŒ سایت پزشک زیبایی مطبا" width="400" height="520" loading="lazy"></div><button class="sample-view" type="button">مشاهده</button></article>
|
||||
<article class="sample-card"><div class="stars" aria-hidden="true">★★★</div><h3>جراØ</h3><div class="sample-img"><img src="assets/images/samplePage/4.png" alt="نمونه طراØÛŒ سایت Ø¬Ø±Ø§Ø Ù…Ø·Ø¨Ø§" width="400" height="520" loading="lazy"></div><button class="sample-view" type="button">مشاهده</button></article>
|
||||
</div>
|
||||
</section>
|
||||
<div class="call-strip" role="note" aria-label="تماس"><p>نمونه‌کارت رو دیدی؟ سوالی داری زنگ بزن — <a href="tel:08733730514" class="ltr">08733730514</a></p><a href="tel:08733730514" class="btn btn-call">تماس با مطبا</a></div>
|
||||
|
||||
<!-- 5. FACILITIES -->
|
||||
<section id="facilities" class="facilities" aria-label="امکانات">
|
||||
<img class="fac-circle" src="assets/images/circle.png" alt="" width="280" height="200" loading="lazy">
|
||||
<div class="fac-head"><p>امکانات وب‌سایت پزشکان با مطبا</p><h2 class="facilityAfter">هر چیزی Ú©Ù‡ برای Øضور آنلاین با مطبا نیاز داری</h2></div>
|
||||
<div class="fac-grid">
|
||||
<div class="fac"><span aria-hidden="true">✔</span><p>صفØÙ‡ معرفی تخصص</p></div>
|
||||
<div class="fac"><span aria-hidden="true">✔</span><p>بخش تماس و نوبت‌دهی</p></div>
|
||||
<div class="fac"><span aria-hidden="true">✔</span><p>فروش Ù…ØصوÙ"ات پزشکی</p></div>
|
||||
<div class="fac"><span aria-hidden="true">✔</span><p>گالری نمونه‌کار و نتایج</p></div>
|
||||
<div class="fac"><span aria-hidden="true">✔</span><p>سئو و بهینه‌سازی</p></div>
|
||||
<div class="fac"><span aria-hidden="true">✔</span><p>اتصال به گوگل</p></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 6. BRAND CTA -->
|
||||
<section class="brand-cta" aria-label="برند شخصی">
|
||||
<div class="overlay"><div><h2>برند شخصی پزشکیت رو با مطبا<br>همین امروز بساز</h2><p>مطبا — طراØÛŒ سایت اختصاصی پزشک؛ تو فقط کارت رو بده، ما برات هویت دیجیتال می‌سازیم.</p></div><a class="btn btn-white" href="#contact">ساخت وب‌سایت من همین ØاÙ"ا</a></div>
|
||||
</section>
|
||||
|
||||
<!-- 7. PACKAGES -->
|
||||
<section id="packages" class="section" aria-label="پکیج‌ها و قیمت‌ها">
|
||||
<p class="eyebrow">پکیج‌ها و قیمت‌ها</p>
|
||||
<h2 class="h2 btmBorder">پکیج مناسب تخصص خودت رو انتخاب کن</h2>
|
||||
<div class="packages mt-4">
|
||||
<div class="svc"><div class="svc-head"><div><p class="eyebrow">دریافت سرویس</p><h3>جزئیات سرویس‌ها</h3></div><span aria-hidden="true">↓</span></div>
|
||||
<div class="svc-panel"><ul>
|
||||
<li>طراØÛŒ اختصاصی لوگو</li><li>ساخت سایت واکنش‌گرا</li><li>دامنه Ùˆ هاست رایگان</li><li>پنل مدیریت ساده</li><li>درگاه پرداخت آنلاین</li><li>فرم نوبت‌دهی سریع</li><li>سئو Ùˆ بهینه‌سازی پایه</li><li>پشتیبانی فنی رایگان</li><li>امکان افزودن وبلاگ</li><li>اتصال به واتساپ Ùˆ اینستاگرام</li>
|
||||
</ul></div>
|
||||
</div>
|
||||
<div class="plan featured"><div class="top"><p><b>پلن پایه</b></p><p class="price">۱۱۳,۵۴۶,۰۰۰ <span class="per">/ماهانه</span></p><p>شامل ۹ گزینه</p></div><div class="rows" aria-hidden="true"><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✘</span><span>✔</span></div><a class="btn btn-dark" href="#contact">انتخاب پکیج</a></div>
|
||||
<div class="plan featured"><div class="top"><p><b>پلن پایه</b></p><p class="price">۱۱۳,۵۴۶,۰۰۰ <span class="per">/ماهانه</span></p><p>شامل ۹ گزینه</p></div><div class="rows" aria-hidden="true"><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✘</span><span>✔</span></div><a class="btn btn-dark" href="#contact">انتخاب پکیج</a></div>
|
||||
<div class="plan featured"><div class="top"><p><b>پلن پایه</b></p><p class="price">۱۱۳,۵۴۶,۰۰۰ <span class="per">/ماهانه</span></p><p>شامل ۹ گزینه</p></div><div class="rows" aria-hidden="true"><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✔</span><span>✘</span><span>✔</span></div><a class="btn btn-dark" href="#contact">انتخاب پکیج</a></div>
|
||||
</div>
|
||||
</section>
|
||||
<div class="call-strip" role="note" aria-label="تماس"><p>برای انتخاب پکیج سوالی داری؟ زنگ بزن — <a href="tel:08733730514" class="ltr">08733730514</a></p><a href="tel:08733730514" class="btn btn-call">مشاوره رایگان</a></div>
|
||||
|
||||
<!-- 8. CONTACT -->
|
||||
<section id="contact" class="contact-sec has-bg" aria-label="تماس">
|
||||
<div class="contact-text"><h2>با ما در ارتباط باشید ...</h2><p>سوال یا درخواستی دارید؟ تیم مطبا آماده پاسخگویی به شماست! از طریق فرم روبه‌رو با ما در ارتباط باشید.</p>
|
||||
<div class="social"><a href="#" aria-label="اینستاگرام مطبا"><img src="assets/images/instagraam.png" alt="" width="24" height="24"></a><a href="#" aria-label="تلگرام مطبا"><img src="assets/images/telegram.png" alt="" width="24" height="24"></a><a href="#" aria-label="واتساپ مطبا"><img src="assets/images/whatsap.png" alt="" width="24" height="24"></a></div>
|
||||
</div>
|
||||
<div class="form-card"><p class="sub">شروع طراØÛŒ وب‌سایت اختصاصی من</p><h2>فرم ثبت درخواست</h2>
|
||||
<form id="leadForm" novalidate>
|
||||
<div class="frow"><label class="visually-hidden" for="ln">نام و نام خانوادگی پزشک</label><input id="ln" name="name" type="text" placeholder="نام و نام خانوادگی پزشک" autocomplete="name"><label class="visually-hidden" for="lm">شماره تماس</label><input id="lm" name="mobile" type="tel" inputmode="numeric" placeholder="شماره تماس" autocomplete="tel"></div>
|
||||
<div class="frow"><label class="visually-hidden" for="ls">تخصص</label><input id="ls" name="spec" type="text" placeholder="تخصص"><label class="visually-hidden" for="lc">رنگ سازمانی</label><input id="lc" name="color" type="text" placeholder="رنگ سازمانی"></div>
|
||||
<label class="visually-hidden" for="ld">توضیØات دلخواه</label><textarea id="ld" name="desc" placeholder="توضیØات دلخواه"></textarea>
|
||||
<p class="ferr" role="alert"></p><p class="fok" role="status"></p>
|
||||
<div style="display:flex;justify-content:flex-end"><button class="btn btn-form" type="submit">ارسال درخواست</button></div>
|
||||
</form>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- 9. VOICES -->
|
||||
<section id="voices" class="voices" aria-label="نظرات پزشکان">
|
||||
<p class="eyebrow">نظرات پزشکان</p>
|
||||
<h2 class="DoctorCmH">نظر پزشکانی که به ما اعتماد کردند</h2>
|
||||
<div class="carousel"><div class="car-nav"><button id="tPrev" aria-label="قبلی">‹</button><button id="tNext" aria-label="بعدی">›</button></div>
|
||||
<div class="track" id="tTrack">
|
||||
<article class="tcard"><blockquote>«طراØÛŒ سایت من دقیقاً مطابق کارت ویزیتم بود. هویت برندم کاملاً ØÙظ شد.»</blockquote><div class="tperson"><img src="assets/images/dcm1.jpg" alt="دکتر مریم صادقی" width="90" height="90" loading="lazy"><b>دکتر مریم صادقی</b><span>دندان‌پزشک زیبایی</span><span class="trate" aria-label="Ûµ از Ûµ">★★★★★</span></div></article>
|
||||
<article class="tcard"><blockquote>«بیماران راØت‌تر من را پیدا می‌کنند Ùˆ نوبت‌گیری ساده شده است.»</blockquote><div class="tperson"><img src="assets/images/dcm2.jpg" alt="دکتر رضا قنبری" width="90" height="90" loading="lazy"><b>دکتر رضا قنبری</b><span>متخصص پوست Ùˆ مو</span><span class="trate" aria-label="Ûµ از Ûµ">★★★★★</span></div></article>
|
||||
<article class="tcard"><blockquote>«پنل مدیریت ساده است و پشتیبانی سریع پاسخ می‌دهد.»</blockquote><div class="tperson"><img src="assets/images/dcm3.jpg" alt="دکتر نرگس مرادی" width="90" height="90" loading="lazy"><b>دکتر نرگس مرادی</b><span>فیزیوتراپیست</span><span class="trate" aria-label="۵ از ۵">★★★★★</span></div></article>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer class="site-footer"><div class="foot-panel">
|
||||
<span class="logo-text" style="font-weight:900;font-size:22px;color:var(--deep)">مطبا — mataba.ir</span>
|
||||
<p class="lead">مطبا با هدف ساده‌تر کردن Øضور آنلاین پزشکان، پلتفرمی طراØÛŒ کرده Ú©Ù‡ از طراØÛŒ لوگو تا ساخت کامل وب‌سایت اختصاصی پزشک را تنها با چند کلیک انجام می‌دهد. تلاش ما این است Ú©Ù‡ هر پزشک با مطبا هویت منØصربه‌Ùردی در فضای دیجیتال داشته باشد.</p>
|
||||
<div class="social"><a href="#" aria-label="اینستاگرام"><img src="assets/images/instagraam.png" alt="" width="24" height="24"></a><a href="#" aria-label="تلگرام"><img src="assets/images/telegram.png" alt="" width="24" height="24"></a><a href="#" aria-label="واتساپ"><img src="assets/images/whatsap.png" alt="" width="24" height="24"></a></div>
|
||||
<p class="foot-small">تمامی ØÙ'وق مادی Ùˆ معنوی این وب‌سایت متعلق به «مطبا» است. هرگونه کپی‌برداری بدون اجازه کتبی پیگرد قانونی دارد.</p>
|
||||
<nav aria-label="پیوندهای داخلی"><a href="#samples">نمونه‌کارها</a> · <a href="#packages">پکیج‌ها</a> · <a href="about/">درباره ما</a> · <a href="contact/">ارتباط با ما</a></nav>
|
||||
</div></footer>
|
||||
</div>
|
||||
|
||||
<script src="js/main.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user