1408 lines
56 KiB
HTML
1408 lines
56 KiB
HTML
<!doctype html>
|
||
<html lang="fa" dir="rtl">
|
||
<head>
|
||
<meta charset="utf-8" />
|
||
<title>petboom</title>
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
|
||
<link rel="stylesheet" href="css/normalize.css" />
|
||
<link rel="stylesheet" href="stylesheet/all.css" />
|
||
<link rel="stylesheet" href="stylesheet/style.css" />
|
||
<link rel="stylesheet" href="stylesheet/responsive.css" />
|
||
</head>
|
||
|
||
<body>
|
||
<header class="header-section"></header>
|
||
<div id="overlay"></div>
|
||
<main id="root">
|
||
<section class="hero-section p-relative">
|
||
<div class="hero-pattern">
|
||
<svg
|
||
class="paw p1 hide-mobile"
|
||
aria-hidden="true"
|
||
width="41"
|
||
height="42"
|
||
>
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg
|
||
class="paw p2 hide-mobile"
|
||
aria-hidden="true"
|
||
width="41"
|
||
height="42"
|
||
>
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg
|
||
class="paw p3 hide-mobile"
|
||
aria-hidden="true"
|
||
width="41"
|
||
height="42"
|
||
>
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg class="paw p4" aria-hidden="true" width="41" height="42">
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg class="paw p5" aria-hidden="true" width="41" height="42">
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg class="paw p6" aria-hidden="true" width="41" height="42">
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg class="paw p7" aria-hidden="true" width="41" height="42">
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg
|
||
class="paw p8 hide-mobile"
|
||
aria-hidden="true"
|
||
width="41"
|
||
height="42"
|
||
>
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg
|
||
class="paw p9 hide-mobile"
|
||
aria-hidden="true"
|
||
width="41"
|
||
height="42"
|
||
>
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg
|
||
class="paw p10 hide-mobile"
|
||
aria-hidden="true"
|
||
width="41"
|
||
height="42"
|
||
>
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
<svg class="paw p11" aria-hidden="true" width="41" height="42">
|
||
<use href="./assets/icons.svg#dog-paws"></use>
|
||
</svg>
|
||
|
||
<svg class="paw p12" width="56" height="56">
|
||
<use href="./assets/icons.svg#chicken1"></use>
|
||
</svg>
|
||
<svg class="paw p13" width="56" height="56">
|
||
<use href="./assets/icons.svg#chicken1"></use>
|
||
</svg>
|
||
<svg class="paw p14" width="56" height="56">
|
||
<use href="./assets/icons.svg#chicken1"></use>
|
||
</svg>
|
||
<svg class="paw p15 hide-mobile" width="56" height="56">
|
||
<use href="./assets/icons.svg#chicken1"></use>
|
||
</svg>
|
||
<svg class="left-pat pat-desk" width="771" height="396">
|
||
<use href="./assets/icons.svg#left-pat"></use>
|
||
</svg>
|
||
<svg class="right-pat pat-desk" width="771" height="396">
|
||
<use href="./assets/icons.svg#right-pat"></use>
|
||
</svg>
|
||
|
||
<svg class="left-pat pat-mobile" width="273" height="666">
|
||
<use href="./assets/icons.svg#left-pg"></use>
|
||
</svg>
|
||
<svg class="right-pat pat-mobile" width="273" height="666">
|
||
<use href="./assets/icons.svg#right-pg"></use>
|
||
</svg>
|
||
</div>
|
||
|
||
<div class="hero-container">
|
||
<div class="hero-data">
|
||
<div class="hero-top-title p-relative">
|
||
<svg class="heart-img" width="20" height="20">
|
||
<use href="./assets/icons.svg#heart-img"></use>
|
||
</svg>
|
||
|
||
<h1 class="hero-title">پــــــت بوم</h1>
|
||
|
||
<svg class="star-img" width="17" height="17">
|
||
<use href="./assets/icons.svg#star-img"></use>
|
||
</svg>
|
||
|
||
<div class="hero-subtitle">
|
||
همراه شما در
|
||
<span class="hero-text-highlight">
|
||
<span class="words-wrapper">
|
||
<span class="word">نگهداری</span>
|
||
<span class="word">آموزش</span>
|
||
<span class="word">مراقبت</span>
|
||
<span class="word">تربیت</span>
|
||
</span>
|
||
</span>
|
||
از
|
||
<div class="pet-container">
|
||
<div class="hero-pet-bg"></div>
|
||
<img src="img/dog.webp" class="pet pet1" />
|
||
<img src="img/cat.webp" class="pet pet2" />
|
||
<img src="img/bird.webp" class="pet pet3" />
|
||
<img src="img/rabbit.webp" class="pet pet4" />
|
||
</div>
|
||
دلبندتان
|
||
</div>
|
||
</div>
|
||
<p class="hero-text">
|
||
هر چیزی که برای نگهداری و مراقبت بهتر از حیوان خانگیتون و تبدیل
|
||
شدن به یه سرپرست حرفهای لازمه، اینجا داریم
|
||
</p>
|
||
<div class="hero-arrow">
|
||
<svg width="189" height="140">
|
||
<use href="./assets/icons.svg#flash-vector"></use>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="hero-box-wrapper">
|
||
<div class="hero-box">
|
||
<div class="hero-box-text">
|
||
<svg width="24" height="24">
|
||
<use href="./assets/icons.svg#zarebin"></use>
|
||
</svg>
|
||
<h2>پتت به چی نیاز داره؟</h2>
|
||
</div>
|
||
|
||
<div class="hero-buttons">
|
||
<div class="services-box active" data-service="0">
|
||
<svg width="48" height="48">
|
||
<use href="./assets/icons.svg#veterinary"></use>
|
||
</svg>
|
||
<div class="services-box-text">
|
||
<h3>مشاوره آنلاین دامپزشکی</h3>
|
||
<p class="services-box-text-mobile-desktop">
|
||
مشاوره فوری تلفنی-متنی با بهترین دامپزشکان کشور!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="services-box" data-service="1">
|
||
<svg width="49" height="49">
|
||
<use href="./assets/icons.svg#ambulance1"></use>
|
||
</svg>
|
||
|
||
<div class="services-box-text">
|
||
<h3>خدمات دامپزشکی در محل</h3>
|
||
<p class="services-box-text-desktop">
|
||
دامپزشک به صورت حضوری پت شما را ویزیت می کند!
|
||
</p>
|
||
<p class="services-box-text-mobile">
|
||
اعزام دامپزشک به محل در زمانی که شما میخواهید!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="services-box" data-service="2">
|
||
<svg width="48" height="48">
|
||
<use href="./assets/icons.svg#pet-food"></use>
|
||
</svg>
|
||
|
||
<div class="services-box-text">
|
||
<h3>برنامه غذایی اختصاصی</h3>
|
||
<p class="services-box-text-desktop">
|
||
دریافت برنامه غذایی اختصاصی برای پت دلبندتون
|
||
</p>
|
||
<p class="services-box-text-mobile">
|
||
دریافت برنامه غذایی اختصاصی مخصوص پت شما!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="services-box" data-service="3">
|
||
<svg width="48" height="48">
|
||
<use href="./assets/icons.svg#dog-training"></use>
|
||
</svg>
|
||
|
||
<div class="services-box-text">
|
||
<h3>تربیت و آموزش</h3>
|
||
<p class="services-box-text-mobile-desktop">
|
||
مثل یه مربی حرفهای پتت رو آموزش بده!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="filters">
|
||
<div class="select-box" id="selectBox">
|
||
<div class="select-box-in">
|
||
<svg width="24" height="24">
|
||
<use href="./assets/icons.svg#paw-print"></use>
|
||
</svg>
|
||
|
||
<span id="selectedText" class="selectedText"> </span>
|
||
</div>
|
||
<svg width="20" height="20">
|
||
<use href="./assets/icons.svg#chevron-down"></use>
|
||
</svg>
|
||
|
||
<div class="dropdown" id="dropdown">
|
||
<div class="line-option"></div>
|
||
<h4>انتخاب پت</h4>
|
||
|
||
<div id="petOptions" class="options-wrapper"></div>
|
||
|
||
<div class="buttons">
|
||
<button class="confirm" id="confirmPet">انتخاب</button>
|
||
<button class="cancel" id="cancelPet">بستن</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="select-box" id="serviceSelect">
|
||
<div class="select-box-in">
|
||
<span id="selectedService"> </span>
|
||
</div>
|
||
<svg width="20" height="20">
|
||
<use href="./assets/icons.svg#chevron-down"></use>
|
||
</svg>
|
||
|
||
<div class="dropdown" id="serviceDropdown">
|
||
<div class="line-option"></div>
|
||
<h4 id="serviceTitle"></h4>
|
||
<div id="serviceOptions" class="service-options"></div>
|
||
|
||
<div class="buttons">
|
||
<div class="serviceTitle"></div>
|
||
<button class="confirm" id="confirmService">
|
||
انتخاب
|
||
</button>
|
||
<button class="cancel" id="cancelService">بستن</button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<button id="mainActionBtn" class="main-action-btn"></button>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="second-section container">
|
||
<div class="second-section-right">
|
||
<div class="second-section-right-text">
|
||
<h2 class="main-title">
|
||
هوشمندانهتر از همیشه مراقب پت خودتون باشین
|
||
</h2>
|
||
<p class="main-title-desc">
|
||
نگهداری از پت فقط تأمین نیازهای اولیه و درمان بیماری نیست؛ برای
|
||
اینکه دلبندتان همیشه در بهترین حالت خودش باشد، لازمه همیشه آماده
|
||
باشین!
|
||
</p>
|
||
</div>
|
||
|
||
<div class="second-section-right-text">
|
||
<div class="feature">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#location-icon"></use>
|
||
</svg>
|
||
<div class="right-text-des">
|
||
<h4>آشنایی با نزدیکترین مراکز دامپزشکی</h4>
|
||
<p>
|
||
کلینیکهای دامپزشکی و خدمات حیوانات خانگی رو روی نقشه ببینید
|
||
</p>
|
||
|
||
<a
|
||
href="https://petboom.online/centers/"
|
||
class="second-right-icon"
|
||
>
|
||
<p>پیداکردن مراکز دامپزشکی اطراف خود</p>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#more-icon"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#ozviat-icon"></use>
|
||
</svg>
|
||
<div>
|
||
<h4>عضویت در انجمن حیوانات خانگی پت بوم</h4>
|
||
<p>
|
||
جایی که تمام سرپرستان پت جمع شدن و به گفتگو و تبادل نظر
|
||
میپردازن
|
||
</p>
|
||
|
||
<a href="t.me/PetBoomGroup" class="second-right-icon">
|
||
<p>ورود به انجمن تلگرامی پت بوم</p>
|
||
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#more-icon"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="feature">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#barname-icon"></use>
|
||
</svg>
|
||
<div>
|
||
<h4>فایل برنامه غذایی آماده</h4>
|
||
<p>
|
||
انواع برنامه غذایی اختصاصی و آماده برای تأمین نیازهای بدن هر
|
||
پت
|
||
</p>
|
||
|
||
<a
|
||
href="https://webapp.petboom.online/nutrition-plan/"
|
||
class="second-right-icon"
|
||
>
|
||
<p>دریافت فایل برنامه غذایی آماده</p>
|
||
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#more-icon"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="second-section-left">
|
||
<div class="second-section-card">
|
||
<div class="card-top-text">
|
||
<img src="img/medal.webp" width="48" height="48" />
|
||
<h3>
|
||
چرا پت بوم انتخاب اول بیش از <span>۲۰,۰۰۰ سرپرست پت</span> است؟
|
||
</h3>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="second-left-text">
|
||
<div class="left-text">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#tik"></use>
|
||
</svg>
|
||
<h4>
|
||
گزینش بهترین دامپزشکان ایران همراه با مهر نظام پزشکی معتبر
|
||
</h4>
|
||
</div>
|
||
|
||
<div class="left-text">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#tik"></use>
|
||
</svg>
|
||
<h4>بیشترین پوشش تنوع حیوانات خانگی در بین سایتهای ایرانی</h4>
|
||
</div>
|
||
|
||
<div class="left-text">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#tik"></use>
|
||
</svg>
|
||
<h4>تنوع بالای خدمات و سرویسها</h4>
|
||
</div>
|
||
|
||
<div class="left-text">
|
||
<svg aria-hidden="true">
|
||
<use href="./assets/icons.svg#tik"></use>
|
||
</svg>
|
||
<h4>امکان بازگشت وجه در صورت عدم رضایت از خدمات و سرویسها</h4>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="second-button">
|
||
<p>شروع استفاده از خدمات</p>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#more-icon-w"></use>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="op-section container">
|
||
<div class="op-section-title">
|
||
<h2>نظرات کاربران در مورد خدمات پت بوم</h2>
|
||
<p>بخشی از نتایج اعتماد شما به تیم ما</p>
|
||
</div>
|
||
|
||
<div class="op-box no-scrollbar">
|
||
<div class="op-card op-blue">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag blue">مشاوره دامپزشک</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-purple">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag purple">دامپزشک در محل</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-orange">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag orange">برنامه غذایی</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-yellow">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag yellow">آموزشگاه پت بوم</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-green">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag green">مراکز دامپزشکی</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-purple">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag purple">دامپزشک در محل</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-orange">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag orange">برنامه غذایی</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-card op-yellow">
|
||
<p class="op-card-text">
|
||
دکتر لیوسا واقعا عالیه، هم خوش صحبته هم واقعا وقت میذاره و سر سری
|
||
جواب آدم رو نمیده. چند بارم خودش پیگیری فندق رو کرد.
|
||
</p>
|
||
<div class="stars">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#starin"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="user">
|
||
<div class="user-info">
|
||
<div class="avatar">
|
||
<img src="img/Frame 2095586553.png" alt="" />
|
||
</div>
|
||
<div>
|
||
<div class="user-name-style">
|
||
<p class="user-name">نسترن باقری</p>
|
||
<p class="tag yellow">آموزشگاه پت بوم</p>
|
||
</div>
|
||
<div class="user-date">۳ شهریور ۱۴۰۴</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="op-pagination"></div>
|
||
</section>
|
||
|
||
<section class="about-section">
|
||
<div class="about-section-pattern">
|
||
<svg class="vector v1" width="96" height="159">
|
||
<use href="./assets/icons.svg#pat1"></use>
|
||
</svg>
|
||
<svg class="vector v2" aria-hidden="true" width="32" height="27">
|
||
<use href="./assets/icons.svg#pat2"></use>
|
||
</svg>
|
||
<svg class="vector v4" aria-hidden="true" width="163" height="953">
|
||
<use href="./assets/icons.svg#pat3"></use>
|
||
</svg>
|
||
<svg class="vector v3" aria-hidden="true" width="220" height="1000">
|
||
<use href="./assets/icons.svg#pat4"></use>
|
||
</svg>
|
||
<svg class="vector v5" aria-hidden="true" width="29" height="29">
|
||
<use href="./assets/icons.svg#pat5"></use>
|
||
</svg>
|
||
|
||
<svg class="vector v6" aria-hidden="true" width="50" height="71">
|
||
<use href="./assets/icons.svg#pat6"></use>
|
||
</svg>
|
||
<svg class="vector v14" aria-hidden="true" width="50" height="71">
|
||
<use href="./assets/icons.svg#pat7"></use>
|
||
</svg>
|
||
|
||
<img class="vector v7" src="./img/Frame 602.webp" />
|
||
|
||
<img class="vector v8" src="./img/Frame 604.webp" />
|
||
|
||
<img class="vector v9" src="./img/Frame 605.webp" />
|
||
<img class="vector v10" src="./img/Frame 610.webp" />
|
||
|
||
<svg class="vector v11" aria-hidden="true" width="95" height="95">
|
||
<use href="./assets/icons.svg#pat12"></use>
|
||
</svg>
|
||
|
||
<svg class="vector v15" aria-hidden="true" width="54" height="29">
|
||
<use href="./assets/icons.svg#pat13"></use>
|
||
</svg>
|
||
<svg class="vector v12" aria-hidden="true" width="96" height="111">
|
||
<use href="./assets/icons.svg#pat14"></use>
|
||
</svg>
|
||
</div>
|
||
<div class="about-section-style">
|
||
<div class="about-images">
|
||
<img
|
||
src="img/picleft.png"
|
||
alt="تیم پت بوم"
|
||
class="about-left-img"
|
||
/>
|
||
<img
|
||
src="img/picright (1).png"
|
||
alt="ویدیو معرفی"
|
||
class="about-right-img"
|
||
/>
|
||
</div>
|
||
|
||
<div class="about-section-text-style">
|
||
<div class="about-section-text">
|
||
<div class="about-section-title">
|
||
<h2><span> پت بوم</span> کیه و چی کار میکنه؟</h2>
|
||
<p>
|
||
از یه ایده ساده تا تبدیل شدن به بزرگترین مرجع نگهداری از
|
||
حیوانات خانگی!
|
||
</p>
|
||
</div>
|
||
<div class="about-section-text-down">
|
||
<p class="orange-text">
|
||
راستش پتبوم از یه نقطه ساده و معمولی شروع شد؛ از همونجایی که
|
||
زندگی شخصی و دغدغهی کاری به حیوانات خانگی گره خورد.
|
||
</p>
|
||
<p>
|
||
سوال اصلی این بود که چطور میشه شرایط مراقبت و نگهداری از
|
||
حیوانات خانگی رو در ایران بهتر و آسون تر کرد.
|
||
</p>
|
||
<p>جوابش شد پت بوم!</p>
|
||
<p>
|
||
.قدیمیترها ما رو به عنوان منبع معتبر اطلاعات مربوط به مراقبت
|
||
و نگهداری از پت و آموزش اونا به یاد میارن، بعضیها هم با
|
||
برنامه غذایی اختصاصی حیوانات خانگی یا خیلی از شماها احتمالاً
|
||
ما رو با اسم دامپزشک آنلاین بشناسید و برای اونایی که تازه با
|
||
ما آشنا شدن پت بوم یعنی دامپزشک در محل
|
||
</p>
|
||
<p>
|
||
ما همه اینا با هم هستیم و حتی قصد داریم که بیشتر از این نیز
|
||
باشیم برداشتن تمام این قدمهای کوچیک و بزرگ وقتی ممکن شد که
|
||
دیدیم خدمات آنلاین مربوط به پت چقدر توی ایران لازمه و چطور
|
||
میتونه از نگرانیهای سرپرستان کم کنه این جوری دیگه داشتن حیوان
|
||
خانگی به مسئولیت سنگین ،نیست به تجربه شیرینه
|
||
</p>
|
||
<p class="middle-text">تو پت بوم چی کار میکنیم؟</p>
|
||
<p>
|
||
ما اینجاییم تا تو مسیر نگهداری از ،پت کنارتون بایستیم تا هر
|
||
زمان که نگران شدین یا به کمک نیاز داشتین بتونید روی ما حساب
|
||
کنید
|
||
</p>
|
||
<ul class="features">
|
||
<li>ارائه برنامه غذایی اختصاصی</li>
|
||
<li>دورههای آموزشی و تربیتی</li>
|
||
<li>تهیه و آمادهسازی مطالب علمی بهروز</li>
|
||
<li>ارائه مشاوره آنلاین دامپزشکی ۲۴ ساعته</li>
|
||
<li>اعزام دامپزشک به محل برای انجام خدمات حضوری</li>
|
||
<li>
|
||
شناسایی و تدوین لیست مراکز معتبر دامپزشکی و فروشگاهی در تمام
|
||
شهرهای ایران
|
||
</li>
|
||
</ul>
|
||
<p>
|
||
از قبل انتخاب و نگهداری پت همراه شماییم تا تمام مراحل بعد از
|
||
اون!
|
||
</p>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="about-section-btn">
|
||
<p>مطالعه بیشتر</p>
|
||
<svg
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
>
|
||
<path
|
||
d="M12 5V19M12 19L19 12M12 19L5 12"
|
||
stroke="white"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
/>
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="banner-section container">
|
||
<div class="banner-slider">
|
||
<div class="banner-slides">
|
||
<div class="slide active">
|
||
<a
|
||
href="https://petboom.online/veterinarian-dispatch/"
|
||
target="_blank"
|
||
>
|
||
<img src="./img/b2.webp" alt="slide 2" class="banner-img2" />
|
||
</a>
|
||
</div>
|
||
|
||
<div class="slide">
|
||
<a href="https://petboom.online/online-vet/" target="_blank">
|
||
<img src="./img/b1.webp" alt="slide 2" class="banner-img2" />
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<button class="prev">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
class="lucide lucide-chevron-left-icon lucide-chevron-left"
|
||
>
|
||
<path d="m15 18-6-6 6-6" />
|
||
</svg>
|
||
</button>
|
||
<button class="next">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
class="lucide lucide-chevron-right-icon lucide-chevron-right"
|
||
>
|
||
<path d="m9 18 6-6-6-6" />
|
||
</svg>
|
||
</button>
|
||
|
||
<div class="banner-pagination"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="social-section container">
|
||
<a href="https://instagram.com/petboom_family">
|
||
<img src="img/youtube.webp" alt="insta" class="social-img" />
|
||
</a>
|
||
|
||
<a href="https://www.youtube.com/@PetBoom_online">
|
||
<img src="img/youtube(1).webp" alt="insta" class="social-img" />
|
||
</a>
|
||
|
||
<a href="https://telegram.me/petboom">
|
||
<img src="img/telegram.webp" alt="insta" class="social-img" />
|
||
</a>
|
||
|
||
<a
|
||
href="https://sinavet.com/?utm_source=Petboom.online&utm_medium=Petshop&utm_campaign=Petboom"
|
||
>
|
||
<img src="img/sinavet.webp" alt="insta" class="social-img" />
|
||
</a>
|
||
</section>
|
||
|
||
<section class="blog-section blog-container">
|
||
<div class="blog-title">
|
||
<h2>بلاگ پت بوم</h2>
|
||
<p>
|
||
هر نکتهای برای نگهداری و مراقبت بهتر از پتتون نیاز دارین، اینجا
|
||
براتون نوشتیم.
|
||
</p>
|
||
</div>
|
||
|
||
<div class="blog-header no-scrollbar">
|
||
<div class="blog-categories">
|
||
<button class="blog-category active">همه</button>
|
||
<button class="blog-category">سگ</button>
|
||
<button class="blog-category">گربه</button>
|
||
<button class="blog-category">پرنده</button>
|
||
<button class="blog-category">جوندگان</button>
|
||
<button class="blog-category">آبزیان</button>
|
||
</div>
|
||
<a href="#" class="blog-view-all">
|
||
مشاهده تمام مقالات
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./assets/icons.svg#more-arr"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="blog-section-box no-scrollbar custom-scroller-list-js">
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (4).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge orange">تغذیه سگ</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>اشتباهاتی که ممکنه سلامت سگتون رو به خطر بندازه.</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (3).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge green">تغذیه خرگوش</span>
|
||
<span class="blog-badge green">جوندگان</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>همه چیز درباره تغذیه صحیح خرگوشهای لوپ.</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (2).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge purple">تغذیه گربه</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>
|
||
سیر تا پیاز راهنمای غذای سگهای نژاد بزرگ که باید بلد
|
||
باشینبسیبسدبنتسبمنسیبمنی تستتتتتت
|
||
</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (1).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge yellow">نگهداری پرنده</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>
|
||
سیر تا پیاز راهنمای غذایی سگهای نژاد بزرگ که باید بلد
|
||
باشین.
|
||
</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (1).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge yellow">نگهداری پرنده</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>
|
||
سیر تا پیاز راهنمای غذایی سگهای نژاد بزرگ که باید بلد
|
||
باشین.
|
||
</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (1).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge yellow">نگهداری پرنده</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>
|
||
سیر تا پیاز راهنمای غذایی سگهای نژاد بزرگ که باید بلد
|
||
باشین.
|
||
</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
|
||
<article class="blog-box">
|
||
<a href="#" draggable="false">
|
||
<div class="con">
|
||
<div class="blog-box-image">
|
||
<img
|
||
src="img/pic (1).png"
|
||
alt=""
|
||
draggable="false"
|
||
loading="lazy"
|
||
/>
|
||
<div class="badges">
|
||
<span class="blog-badge yellow">نگهداری پرنده</span>
|
||
</div>
|
||
</div>
|
||
<div class="blog-text">
|
||
<h3>
|
||
سیر تا پیاز راهنمای غذایی سگهای نژاد بزرگ که باید بلد
|
||
باشین.
|
||
</h3>
|
||
<div class="blog-date">
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#taghvim"></use>
|
||
</svg>
|
||
<time datetime="25-08-2026">23 آذر</time>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</a>
|
||
</article>
|
||
</div>
|
||
|
||
<div class="custom-scroller-indicator-js" aria-hidden="true">
|
||
<span class="scroll-thumb"></span>
|
||
</div>
|
||
|
||
<a href="#" class="blog-view-all-mobile">
|
||
مقالات بیشتر
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./assets/icons.svg#more-arr"></use>
|
||
</svg>
|
||
</a>
|
||
</section>
|
||
|
||
<section class="clinics-section clinic-container">
|
||
<div class="clinics-header">
|
||
<div class="clinics-title">
|
||
<h2>بهترین مراکز دامپزشکی کشور</h2>
|
||
<p>با پت بوم بهترین مراکز دامپزشکی نزدیک خونهتون رو پیدا کنین.</p>
|
||
</div>
|
||
|
||
<a href="https://petboom.online/centers/" class="clinics-link">
|
||
مشاهده از روی نقشه
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./assets/icons.svg#more-arr"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="clinics-box">
|
||
<div class="clinic-card">
|
||
<div class="clinic-card-img">
|
||
<img src="img/teh.webp" alt="تهران" />
|
||
</div>
|
||
<a
|
||
href="https://petboom.online/?s=%D8%AA%D9%87%D8%B1%D8%A7%D9%86&jet_search_suggestions_settings=%7B%22search_taxonomy%22%3A%22centers-location%22%2C%22search_source%22%3A%22any%22%7D&jet_search_suggestions_categories=0"
|
||
class="clinic-text"
|
||
>
|
||
<div class="clinic-card-text">
|
||
<h3>تهران</h3>
|
||
<p><span> +۵۰ </span> مرکز دامپزشکی</p>
|
||
</div>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#next-arr-in"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="clinic-card">
|
||
<div class="clinic-card-img">
|
||
<img src="img/mshd.webp" alt="مشهد" />
|
||
</div>
|
||
<a
|
||
href="https://petboom.online/?s=%D8%AA%D9%87%D8%B1%D8%A7%D9%86&jet_search_suggestions_settings=%7B%22search_taxonomy%22%3A%22centers-location%22%2C%22search_source%22%3A%22any%22%7D&jet_search_suggestions_categories=0"
|
||
class="clinic-text"
|
||
>
|
||
<div class="clinic-card-text">
|
||
<h3>مشهد</h3>
|
||
<p><span> +۵۰ </span>مرکز دامپزشکی</p>
|
||
</div>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#next-arr-in"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="clinic-card">
|
||
<div class="clinic-card-img">
|
||
<img src="img/shrz.webp" alt="شیراز" />
|
||
</div>
|
||
<a
|
||
href="https://petboom.online/?s=%D8%AA%D9%87%D8%B1%D8%A7%D9%86&jet_search_suggestions_settings=%7B%22search_taxonomy%22%3A%22centers-location%22%2C%22search_source%22%3A%22any%22%7D&jet_search_suggestions_categories=0"
|
||
class="clinic-text"
|
||
>
|
||
<div class="clinic-card-text">
|
||
<h3>شیراز</h3>
|
||
<p><span> +۵۰ </span> مرکز دامپزشکی</p>
|
||
</div>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#next-arr-in"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="clinic-card">
|
||
<div class="clinic-card-img">
|
||
<img src="img/esf.webp" alt="اصفهان" />
|
||
</div>
|
||
<a
|
||
href="https://petboom.online/?s=%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&jet_search_suggestions_settings=%7B%22search_taxonomy%22%3A%22centers-location%22%2C%22search_source%22%3A%22any%22%7D&jet_search_suggestions_categories=0"
|
||
class="clinic-text"
|
||
>
|
||
<div class="clinic-card-text">
|
||
<h3>اصفهان</h3>
|
||
<p><span> +۵۰ </span> مرکز دامپزشکی</p>
|
||
</div>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#next-arr-in"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="clinic-card">
|
||
<div class="clinic-card-img">
|
||
<img src="img/tbrz.webp" alt="تبریز" />
|
||
</div>
|
||
<a
|
||
href="https://petboom.online/?s=%D8%A7%D8%B5%D9%81%D9%87%D8%A7%D9%86&jet_search_suggestions_settings=%7B%22search_taxonomy%22%3A%22centers-location%22%2C%22search_source%22%3A%22any%22%7D&jet_search_suggestions_categories=0"
|
||
class="clinic-text"
|
||
>
|
||
<div class="clinic-card-text">
|
||
<h3>تبریز</h3>
|
||
<p><span> +۵۰ </span> مرکز دامپزشکی</p>
|
||
</div>
|
||
<svg aria-hidden="true" width="20" height="20">
|
||
<use href="./assets/icons.svg#next-arr-in"></use>
|
||
</svg>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="clinics-pagination">
|
||
<span class="active"></span>
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
<span></span>
|
||
</div>
|
||
|
||
<a href="https://petboom.online/centers/" class="clinics-link-button">
|
||
مشاهده از روی نقشه
|
||
<svg aria-hidden="true" width="24" height="24">
|
||
<use href="./assets/icons.svg#more-arr"></use>
|
||
</svg>
|
||
</a>
|
||
</section>
|
||
|
||
<div
|
||
class="discount-section container"
|
||
aria-label="کد تخفیف 150 هزار تومانی ویژه خرید از پت شاپ سیناوت"
|
||
>
|
||
<a href="#" target="_blank" rel="noopener noreferrer">
|
||
<img
|
||
src="./img/Discount.webp"
|
||
tabindex="0"
|
||
alt="کد تخفیف 150 هزار تومانی ویژه خرید از پت شاپ سیناوت"
|
||
title="رفتن به سیناوت"
|
||
class="banner-image pc-only"
|
||
width="1146"
|
||
height="250"
|
||
loading="lazy"
|
||
/>
|
||
<img
|
||
src="./img/Discount-mobile.webp"
|
||
tabindex="0"
|
||
alt="کد تخفیف 150 هزار تومانی ویژه خرید از پت شاپ سیناوت"
|
||
title="رفتن به سیناوت"
|
||
class="banner-image mb-only"
|
||
width="780"
|
||
height="220"
|
||
loading="lazy"
|
||
/>
|
||
</a>
|
||
</div>
|
||
</main>
|
||
|
||
<div class="video-modal" id="videoModal">
|
||
<div class="video-box">
|
||
<button class="close-btn">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
class="lucide lucide-circle-x-icon lucide-circle-x"
|
||
>
|
||
<circle cx="12" cy="12" r="10" />
|
||
<path d="m15 9-6 6" />
|
||
<path d="m9 9 6 6" />
|
||
</svg>
|
||
</button>
|
||
|
||
<div class="video-cover" id="videoCover">
|
||
<img src="img/video.png" alt="video cover" />
|
||
<div class="play-btn">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
class="lucide lucide-play-icon lucide-play"
|
||
>
|
||
<path
|
||
d="M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z"
|
||
/>
|
||
</svg>
|
||
</div>
|
||
</div>
|
||
|
||
<video id="aboutVideo">
|
||
<source src="#" type="video/mp4" />
|
||
</video>
|
||
|
||
<button class="fullscreen-btn" id="fullscreenBtn">
|
||
<svg
|
||
xmlns="http://www.w3.org/2000/svg"
|
||
width="24"
|
||
height="24"
|
||
viewBox="0 0 24 24"
|
||
fill="none"
|
||
stroke="currentColor"
|
||
stroke-width="2"
|
||
stroke-linecap="round"
|
||
stroke-linejoin="round"
|
||
class="lucide lucide-maximize-icon lucide-maximize"
|
||
>
|
||
<path d="M8 3H5a2 2 0 0 0-2 2v3" />
|
||
<path d="M21 8V5a2 2 0 0 0-2-2h-3" />
|
||
<path d="M3 16v3a2 2 0 0 0 2 2h3" />
|
||
<path d="M16 21h3a2 2 0 0 0 2-2v-3" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
|
||
<script src="js/script.js"></script>
|
||
</body>
|
||
</html>
|