|
|
<!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> |
|
|
<script src="https://cdn.tailwindcss.com"></script> |
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
|
|
<style> |
|
|
@import url('https://fonts.googleapis.com/css2?family=Tahoma&display=swap'); |
|
|
|
|
|
body { |
|
|
font-family: 'Tahoma', sans-serif; |
|
|
background-color: #f8f9fa; |
|
|
} |
|
|
|
|
|
.hero-bg { |
|
|
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('https://images.unsplash.com/photo-1606787366850-de6330128bfc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80'); |
|
|
background-size: cover; |
|
|
background-position: center; |
|
|
} |
|
|
|
|
|
.category-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.product-card:hover { |
|
|
transform: translateY(-5px); |
|
|
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1); |
|
|
} |
|
|
|
|
|
.testimonial-card { |
|
|
transition: all 0.3s ease; |
|
|
} |
|
|
|
|
|
.testimonial-card:hover { |
|
|
transform: scale(1.03); |
|
|
} |
|
|
|
|
|
.nav-link:hover { |
|
|
color: #4CAF50 !important; |
|
|
} |
|
|
|
|
|
.dropdown:hover .dropdown-menu { |
|
|
display: block; |
|
|
} |
|
|
</style> |
|
|
</head> |
|
|
<body> |
|
|
|
|
|
<header class="bg-white shadow-md"> |
|
|
<div class="container mx-auto px-4 py-3 flex justify-between items-center"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://via.placeholder.com/50" alt="عطاری آزادگان" class="h-12 w-12 rounded-full"> |
|
|
<h1 class="text-xl font-bold text-green-800 mr-3">عطاری آزادگان</h1> |
|
|
</div> |
|
|
|
|
|
<div class="hidden md:flex items-center space-x-6 space-x-reverse"> |
|
|
<div class="relative group"> |
|
|
<a href="#" class="text-gray-700 hover:text-green-600 font-medium">صفحه اصلی</a> |
|
|
</div> |
|
|
<div class="relative group"> |
|
|
<a href="#products" class="text-gray-700 hover:text-green-600 font-medium">محصولات</a> |
|
|
</div> |
|
|
<div class="relative group"> |
|
|
<a href="#about" class="text-gray-700 hover:text-green-600 font-medium">درباره ما</a> |
|
|
</div> |
|
|
<div class="relative group"> |
|
|
<a href="#blog" class="text-gray-700 hover:text-green-600 font-medium">وبلاگ</a> |
|
|
</div> |
|
|
<div class="relative group"> |
|
|
<a href="#contact" class="text-gray-700 hover:text-green-600 font-medium">تماس با ما</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center space-x-4 space-x-reverse"> |
|
|
<a href="#" class="text-gray-700 hover:text-green-600"> |
|
|
<i class="fas fa-shopping-cart text-xl"></i> |
|
|
<span class="bg-green-500 text-white text-xs font-bold rounded-full h-5 w-5 flex items-center justify-center absolute -mt-2 -mr-2">3</span> |
|
|
</a> |
|
|
<a href="#" class="text-gray-700 hover:text-green-600"> |
|
|
<i class="fas fa-user text-xl"></i> |
|
|
</a> |
|
|
<button class="md:hidden text-gray-700 focus:outline-none"> |
|
|
<i class="fas fa-bars text-xl"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</header> |
|
|
|
|
|
|
|
|
<div class="md:hidden bg-white shadow-lg hidden" id="mobileMenu"> |
|
|
<div class="container mx-auto px-4 py-3 flex flex-col space-y-3"> |
|
|
<a href="#" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">صفحه اصلی</a> |
|
|
<a href="#products" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">محصولات</a> |
|
|
<a href="#about" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">درباره ما</a> |
|
|
<a href="#blog" class="text-gray-700 hover:text-green-600 font-medium py-2 border-b">وبلاگ</a> |
|
|
<a href="#contact" class="text-gray-700 hover:text-green-600 font-medium py-2">تماس با ما</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<section class="hero-bg text-white py-20"> |
|
|
<div class="container mx-auto px-4 text-center"> |
|
|
<h1 class="text-4xl md:text-5xl font-bold mb-6">به عطاری آزادگان خوش آمدید</h1> |
|
|
<p class="text-xl mb-8">مرجع تخصصی گیاهان دارویی، عرقیجات و محصولات طب سنتی</p> |
|
|
<div class="flex justify-center space-x-4 space-x-reverse"> |
|
|
<a href="#products" class="bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">مشاهده محصولات</a> |
|
|
<a href="#about" class="bg-white hover:bg-gray-100 text-green-600 font-bold py-3 px-6 rounded-lg transition duration-300">درباره ما</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
<div class="text-center p-6 rounded-lg bg-gray-50"> |
|
|
<i class="fas fa-truck text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">ارسال سریع</h3> |
|
|
<p class="text-gray-600">ارسال به تمام نقاط تهران در همان روز و سایر شهرها در کمترین زمان ممکن</p> |
|
|
</div> |
|
|
<div class="text-center p-6 rounded-lg bg-gray-50"> |
|
|
<i class="fas fa-check-circle text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">کیفیت تضمینی</h3> |
|
|
<p class="text-gray-600">کلیه محصولات با کیفیت عالی و با گارانتی بازگشت وجه ارائه می‌شوند</p> |
|
|
</div> |
|
|
<div class="text-center p-6 rounded-lg bg-gray-50"> |
|
|
<i class="fas fa-headset text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-xl font-bold mb-2">پشتیبانی 24 ساعته</h3> |
|
|
<p class="text-gray-600">پشتیبانی تلفنی و آنلاین در تمام ساعات شبانه روز</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12 text-green-800">دسته‌بندی محصولات</h2> |
|
|
<div class="grid grid-cols-2 md:grid-cols-4 gap-6"> |
|
|
<a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300"> |
|
|
<i class="fas fa-leaf text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-lg font-bold mb-2">گیاهان دارویی</h3> |
|
|
<p class="text-gray-600 text-sm">انواع گیاهان دارویی با کیفیت عالی</p> |
|
|
</a> |
|
|
<a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300"> |
|
|
<i class="fas fa-wine-bottle text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-lg font-bold mb-2">عرقیجات گیاهی</h3> |
|
|
<p class="text-gray-600 text-sm">عرقیجات صد درصد طبیعی و خالص</p> |
|
|
</a> |
|
|
<a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300"> |
|
|
<i class="fas fa-spa text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-lg font-bold mb-2">ترکیبات ویژه</h3> |
|
|
<p class="text-gray-600 text-sm">ترکیبات مخصوص ترک اعتیاد و چاقی و لاغری</p> |
|
|
</a> |
|
|
<a href="#" class="category-card bg-white rounded-lg shadow-md p-6 text-center transition duration-300"> |
|
|
<i class="fas fa-heart text-4xl text-green-600 mb-4"></i> |
|
|
<h3 class="text-lg font-bold mb-2">درمان مشکلات جنسی</h3> |
|
|
<p class="text-gray-600 text-sm">محصولات تخصصی برای تقویت قوای جنسی</p> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="products" class="py-12 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12 text-green-800">محصولات پرفروش</h2> |
|
|
|
|
|
<div class="mb-8 flex justify-center"> |
|
|
<div class="relative w-full md:w-1/2"> |
|
|
<input type="text" placeholder="جستجوی محصولات..." class="w-full py-3 px-4 pr-12 rounded-lg border border-gray-300 focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
<button class="absolute left-3 top-3 text-gray-500"> |
|
|
<i class="fas fa-search"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-6"> |
|
|
|
|
|
<div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1577049116696-71e64249a0f3?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="عرق بهار نارنج" class="w-full h-48 object-cover"> |
|
|
<div class="absolute top-2 left-2 bg-green-500 text-white text-xs font-bold px-2 py-1 rounded">جدید</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold mb-2">عرق بهار نارنج</h3> |
|
|
<p class="text-gray-600 text-sm mb-3">عرق صد درصد طبیعی و خالص بهار نارنج</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-green-600 font-bold">45,000 تومان</span> |
|
|
<button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="چای سبز" class="w-full h-48 object-cover"> |
|
|
<div class="absolute top-2 left-2 bg-red-500 text-white text-xs font-bold px-2 py-1 rounded">پرفروش</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold mb-2">چای سبز لاغری</h3> |
|
|
<p class="text-gray-600 text-sm mb-3">ترکیب ویژه چای سبز برای کاهش وزن</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-green-600 font-bold">65,000 تومان</span> |
|
|
<button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="معجون ترک اعتیاد" class="w-full h-48 object-cover"> |
|
|
<div class="absolute top-2 left-2 bg-yellow-500 text-white text-xs font-bold px-2 py-1 rounded">ویژه</div> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold mb-2">معجون ترک اعتیاد</h3> |
|
|
<p class="text-gray-600 text-sm mb-3">ترکیب گیاهی ویژه برای ترک اعتیاد</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-green-600 font-bold">120,000 تومان</span> |
|
|
<button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="product-card bg-white rounded-lg shadow-md overflow-hidden transition duration-300"> |
|
|
<div class="relative"> |
|
|
<img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="کپسول تقویت قوای جنسی" class="w-full h-48 object-cover"> |
|
|
</div> |
|
|
<div class="p-4"> |
|
|
<h3 class="text-lg font-bold mb-2">کپسول تقویت قوای جنسی</h3> |
|
|
<p class="text-gray-600 text-sm mb-3">ترکیب گیاهی برای درمان مشکلات جنسی</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-green-600 font-bold">95,000 تومان</span> |
|
|
<button class="bg-green-600 hover:bg-green-700 text-white py-1 px-3 rounded text-sm">افزودن به سبد</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-8"> |
|
|
<a href="#" class="inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">مشاهده همه محصولات</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="about" class="py-12 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="flex flex-col md:flex-row items-center"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<img src="https://images.unsplash.com/photo-1606787366850-de6330128bfc?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="عطاری آزادگان" class="w-full rounded-lg shadow-lg"> |
|
|
</div> |
|
|
<div class="md:w-1/2"> |
|
|
<h2 class="text-3xl font-bold mb-6 text-green-800">درباره عطاری آزادگان</h2> |
|
|
<p class="text-gray-700 mb-4 leading-relaxed"> |
|
|
عطاری آزادگان با بیش از 20 سال سابقه در زمینه فروش گیاهان دارویی و محصولات طب سنتی، همواره تلاش کرده است تا با ارائه محصولات باکیفیت و اصل، رضایت مشتریان خود را جلب نماید. |
|
|
</p> |
|
|
<p class="text-gray-700 mb-4 leading-relaxed"> |
|
|
ما در عطاری آزادگان با بهره‌گیری از دانش و تجربه متخصصان طب سنتی، محصولاتی ویژه برای ترک اعتیاد، چاقی و لاغری، درمان مشکلات جنسی و سایر بیماری‌ها ارائه می‌دهیم. |
|
|
</p> |
|
|
<p class="text-gray-700 mb-6 leading-relaxed"> |
|
|
تمامی محصولات ما از جمله عرقیجات گیاهی، گیاهان دارویی و ترکیبات ویژه، با دقت و حساسیت بالا انتخاب و عرضه می‌شوند تا سلامت و رضایت شما عزیزان تضمین شود. |
|
|
</p> |
|
|
<div class="flex space-x-4 space-x-reverse"> |
|
|
<div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg"> |
|
|
<i class="fas fa-award text-xl mb-1"></i> |
|
|
<p class="font-bold">20 سال تجربه</p> |
|
|
</div> |
|
|
<div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg"> |
|
|
<i class="fas fa-leaf text-xl mb-1"></i> |
|
|
<p class="font-bold">محصولات طبیعی</p> |
|
|
</div> |
|
|
<div class="bg-green-100 text-green-800 px-4 py-2 rounded-lg"> |
|
|
<i class="fas fa-smile text-xl mb-1"></i> |
|
|
<p class="font-bold">رضایت مشتری</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="py-12 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12 text-green-800">نظرات مشتریان</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img src="https://via.placeholder.com/50" alt="مشتری" class="h-12 w-12 rounded-full"> |
|
|
<div class="mr-3"> |
|
|
<h4 class="font-bold">محمد رضایی</h4> |
|
|
<div class="flex text-yellow-400"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700"> |
|
|
"معجون ترک اعتیاد این عطاری واقعا معجزه کرد. بعد از سالها مصرف مواد، بالاخره توانستم ترک کنم. ممنون از محصولات باکیفیت شما." |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img src="https://via.placeholder.com/50" alt="مشتری" class="h-12 w-12 rounded-full"> |
|
|
<div class="mr-3"> |
|
|
<h4 class="font-bold">فاطمه محمدی</h4> |
|
|
<div class="flex text-yellow-400"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700"> |
|
|
"چای سبز لاغری شما واقعا اثرگذار بود. در مدت 3 ماه 12 کیلوگرم وزن کم کردم بدون هیچ عوارضی. توصیه می‌کنم به همه." |
|
|
</p> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="testimonial-card bg-gray-50 p-6 rounded-lg shadow-md"> |
|
|
<div class="flex items-center mb-4"> |
|
|
<img src="https://via.placeholder.com/50" alt="مشتری" class="h-12 w-12 rounded-full"> |
|
|
<div class="mr-3"> |
|
|
<h4 class="font-bold">علی حسینی</h4> |
|
|
<div class="flex text-yellow-400"> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star"></i> |
|
|
<i class="fas fa-star-half-alt"></i> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<p class="text-gray-700"> |
|
|
"کپسول تقویت قوای جنسی شما مشکل من رو حل کرد. بعد از سالها درمان‌های مختلف، بالاخره نتیجه گرفتم. ممنون از مشاوره خوبتون." |
|
|
</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="blog" class="py-12 bg-gray-50"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12 text-green-800">مقالات و آموزش‌ها</h2> |
|
|
|
|
|
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> |
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="مقاله" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<span class="text-green-600 text-sm font-medium">طب سنتی</span> |
|
|
<h3 class="text-xl font-bold mt-2 mb-3">خواص درمانی گیاهان دارویی برای ترک اعتیاد</h3> |
|
|
<p class="text-gray-600 mb-4">در این مقاله به بررسی گیاهان دارویی موثر در ترک اعتیاد و نحوه مصرف آنها می‌پردازیم...</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-gray-500 text-sm">15 خرداد 1402</span> |
|
|
<a href="#" class="text-green-600 hover:text-green-800 font-medium">ادامه مطلب</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="مقاله" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<span class="text-green-600 text-sm font-medium">لاغری</span> |
|
|
<h3 class="text-xl font-bold mt-2 mb-3">راهکارهای طبیعی برای کاهش وزن بدون عوارض</h3> |
|
|
<p class="text-gray-600 mb-4">در این مقاله به معرفی گیاهان دارویی و روش‌های طبیعی برای کاهش وزن می‌پردازیم...</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-gray-500 text-sm">2 اردیبهشت 1402</span> |
|
|
<a href="#" class="text-green-600 hover:text-green-800 font-medium">ادامه مطلب</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="bg-white rounded-lg shadow-md overflow-hidden"> |
|
|
<img src="https://images.unsplash.com/photo-1603569283847-aa6f53f5a86e?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1470&q=80" alt="مقاله" class="w-full h-48 object-cover"> |
|
|
<div class="p-6"> |
|
|
<span class="text-green-600 text-sm font-medium">درمان مشکلات جنسی</span> |
|
|
<h3 class="text-xl font-bold mt-2 mb-3">گیاهان دارویی موثر در تقویت قوای جنسی</h3> |
|
|
<p class="text-gray-600 mb-4">در این مقاله به معرفی گیاهان دارویی مفید برای درمان مشکلات جنسی می‌پردازیم...</p> |
|
|
<div class="flex justify-between items-center"> |
|
|
<span class="text-gray-500 text-sm">20 فروردین 1402</span> |
|
|
<a href="#" class="text-green-600 hover:text-green-800 font-medium">ادامه مطلب</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="text-center mt-8"> |
|
|
<a href="#" class="inline-block bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-6 rounded-lg transition duration-300">مشاهده همه مقالات</a> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section id="contact" class="py-12 bg-white"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<h2 class="text-3xl font-bold text-center mb-12 text-green-800">تماس با ما</h2> |
|
|
|
|
|
<div class="flex flex-col md:flex-row"> |
|
|
<div class="md:w-1/2 mb-8 md:mb-0 md:pr-8"> |
|
|
<div class="bg-gray-50 p-6 rounded-lg shadow-md h-full"> |
|
|
<h3 class="text-xl font-bold mb-4 text-green-700">اطلاعات تماس</h3> |
|
|
|
|
|
<div class="space-y-4"> |
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-map-marker-alt text-green-600 mt-1 ml-2"></i> |
|
|
<div> |
|
|
<h4 class="font-bold">آدرس:</h4> |
|
|
<p class="text-gray-700">تهران، ملارد، سرآسیاب، خیابان شهید صدوقی، میدان آزادگان، عطاری آزادگان</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-phone-alt text-green-600 mt-1 ml-2"></i> |
|
|
<div> |
|
|
<h4 class="font-bold">تلفن همراه:</h4> |
|
|
<p class="text-gray-700">۰۹۳۶۵۴۷۰۸۱۲</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-phone text-green-600 mt-1 ml-2"></i> |
|
|
<div> |
|
|
<h4 class="font-bold">تلفن ثابت:</h4> |
|
|
<p class="text-gray-700">۰۲۱۶۵۱۷۰۵۶۳</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-envelope text-green-600 mt-1 ml-2"></i> |
|
|
<div> |
|
|
<h4 class="font-bold">ایمیل:</h4> |
|
|
<p class="text-gray-700">info@azadegan-herbal.com</p> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-start"> |
|
|
<i class="fas fa-clock text-green-600 mt-1 ml-2"></i> |
|
|
<div> |
|
|
<h4 class="font-bold">ساعات کاری:</h4> |
|
|
<p class="text-gray-700">همه روزه از 8 صبح تا 10 شب</p> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="mt-6"> |
|
|
<h4 class="font-bold mb-2">ما را در شبکه‌های اجتماعی دنبال کنید:</h4> |
|
|
<div class="flex space-x-4 space-x-reverse"> |
|
|
<a href="#" class="bg-blue-500 text-white p-2 rounded-full hover:bg-blue-600"> |
|
|
<i class="fab fa-telegram"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-blue-700 text-white p-2 rounded-full hover:bg-blue-800"> |
|
|
<i class="fab fa-instagram"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-blue-400 text-white p-2 rounded-full hover:bg-blue-500"> |
|
|
<i class="fab fa-twitter"></i> |
|
|
</a> |
|
|
<a href="#" class="bg-red-600 text-white p-2 rounded-full hover:bg-red-700"> |
|
|
<i class="fab fa-youtube"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="md:w-1/2"> |
|
|
<div class="bg-gray-50 p-6 rounded-lg shadow-md h-full"> |
|
|
<h3 class="text-xl font-bold mb-4 text-green-700">فرم تماس با ما</h3> |
|
|
|
|
|
<form> |
|
|
<div class="mb-4"> |
|
|
<label for="name" class="block text-gray-700 font-medium mb-2">نام و نام خانوادگی</label> |
|
|
<input type="text" id="name" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="email" class="block text-gray-700 font-medium mb-2">ایمیل</label> |
|
|
<input type="email" id="email" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="phone" class="block text-gray-700 font-medium mb-2">شماره تماس</label> |
|
|
<input type="tel" id="phone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="subject" class="block text-gray-700 font-medium mb-2">موضوع</label> |
|
|
<select id="subject" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
<option value="">انتخاب کنید</option> |
|
|
<option value="consult">مشاوره</option> |
|
|
<option value="order">سفارش محصول</option> |
|
|
<option value="complaint">انتقاد و پیشنهاد</option> |
|
|
<option value="other">سایر</option> |
|
|
</select> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="message" class="block text-gray-700 font-medium mb-2">پیام شما</label> |
|
|
<textarea id="message" rows="4" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"></textarea> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300">ارسال پیام</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<section class="bg-gray-100"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3238.123456789012!2d50.987654321!3d35.123456789!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zMzXCsDA3JzI0LjQiTiA1MMKwNTknMTUuNiJF!5e0!3m2!1sen!2sir!4v1234567890123!5m2!1sen!2sir" width="100%" height="450" style="border:0;" allowfullscreen="" loading="lazy" class="rounded-lg shadow-lg"></iframe> |
|
|
</div> |
|
|
</section> |
|
|
|
|
|
|
|
|
<footer class="bg-green-800 text-white py-8"> |
|
|
<div class="container mx-auto px-4"> |
|
|
<div class="grid grid-cols-1 md:grid-cols-4 gap-8"> |
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">عطاری آزادگان</h3> |
|
|
<p class="mb-4"> |
|
|
ارائه دهنده بهترین و باکیفیت‌ترین محصولات گیاهی و طب سنتی با بیش از 20 سال سابقه درخشان |
|
|
</p> |
|
|
<div class="flex space-x-4 space-x-reverse"> |
|
|
<a href="#" class="hover:text-green-300"> |
|
|
<i class="fab fa-telegram text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="hover:text-green-300"> |
|
|
<i class="fab fa-instagram text-xl"></i> |
|
|
</a> |
|
|
<a href="#" class="hover:text-green-300"> |
|
|
<i class="fab fa-whatsapp text-xl"></i> |
|
|
</a> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">لینک‌های مفید</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="hover:text-green-300 transition">صفحه اصلی</a></li> |
|
|
<li><a href="#products" class="hover:text-green-300 transition">محصولات</a></li> |
|
|
<li><a href="#about" class="hover:text-green-300 transition">درباره ما</a></li> |
|
|
<li><a href="#blog" class="hover:text-green-300 transition">وبلاگ</a></li> |
|
|
<li><a href="#contact" class="hover:text-green-300 transition">تماس با ما</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">خدمات ویژه</h3> |
|
|
<ul class="space-y-2"> |
|
|
<li><a href="#" class="hover:text-green-300 transition">ترک اعتیاد</a></li> |
|
|
<li><a href="#" class="hover:text-green-300 transition">چاقی و لاغری</a></li> |
|
|
<li><a href="#" class="hover:text-green-300 transition">درمان مشکلات جنسی</a></li> |
|
|
<li><a href="#" class="hover:text-green-300 transition">گیاهان دارویی</a></li> |
|
|
<li><a href="#" class="hover:text-green-300 transition">عرقیجات گیاهی</a></li> |
|
|
</ul> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
<h3 class="text-xl font-bold mb-4">عضویت در خبرنامه</h3> |
|
|
<p class="mb-4"> |
|
|
برای دریافت جدیدترین محصولات و تخفیف‌ها، ایمیل خود را وارد کنید. |
|
|
</p> |
|
|
<form class="flex"> |
|
|
<input type="email" placeholder="ایمیل شما" class="px-4 py-2 rounded-r-lg focus:outline-none text-gray-800 w-full"> |
|
|
<button type="submit" class="bg-green-600 hover:bg-green-700 px-4 py-2 rounded-l-lg"> |
|
|
<i class="fas fa-paper-plane"></i> |
|
|
</button> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t border-green-700 mt-8 pt-6 text-center"> |
|
|
<p>© 1402 کلیه حقوق برای عطاری آزادگان محفوظ است.</p> |
|
|
</div> |
|
|
</div> |
|
|
</footer> |
|
|
|
|
|
|
|
|
<div class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="cartModal"> |
|
|
<div class="absolute top-0 right-0 h-full w-full md:w-1/3 bg-white shadow-lg overflow-y-auto"> |
|
|
<div class="p-4"> |
|
|
<div class="flex justify-between items-center border-b pb-4 mb-4"> |
|
|
<h3 class="text-xl font-bold">سبد خرید شما</h3> |
|
|
<button onclick="closeCart()" class="text-gray-500 hover:text-gray-700"> |
|
|
<i class="fas fa-times"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<div class="space-y-4 mb-4"> |
|
|
|
|
|
<div class="flex justify-between items-center border-b pb-4"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://via.placeholder.com/60" alt="عرق بهار نارنج" class="h-16 w-16 rounded-lg mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium">عرق بهار نارنج</h4> |
|
|
<p class="text-gray-600 text-sm">45,000 تومان</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded"> |
|
|
<i class="fas fa-minus"></i> |
|
|
</button> |
|
|
<span class="mx-2">1</span> |
|
|
<button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded"> |
|
|
<i class="fas fa-plus"></i> |
|
|
</button> |
|
|
<button class="text-red-500 hover:text-red-700 mr-3"> |
|
|
<i class="fas fa-trash"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="flex justify-between items-center border-b pb-4"> |
|
|
<div class="flex items-center"> |
|
|
<img src="https://via.placeholder.com/60" alt="چای سبز لاغری" class="h-16 w-16 rounded-lg mr-3"> |
|
|
<div> |
|
|
<h4 class="font-medium">چای سبز لاغری</h4> |
|
|
<p class="text-gray-600 text-sm">65,000 تومان</p> |
|
|
</div> |
|
|
</div> |
|
|
<div class="flex items-center"> |
|
|
<button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded"> |
|
|
<i class="fas fa-minus"></i> |
|
|
</button> |
|
|
<span class="mx-2">1</span> |
|
|
<button class="bg-gray-200 hover:bg-gray-300 px-2 py-1 rounded"> |
|
|
<i class="fas fa-plus"></i> |
|
|
</button> |
|
|
<button class="text-red-500 hover:text-red-700 mr-3"> |
|
|
<i class="fas fa-trash"></i> |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div class="border-t pt-4 mb-4"> |
|
|
<div class="flex justify-between mb-2"> |
|
|
<span>جمع کل:</span> |
|
|
<span class="font-bold">110,000 تومان</span> |
|
|
</div> |
|
|
<div class="flex justify-between mb-2"> |
|
|
<span>تخفیف:</span> |
|
|
<span class="text-green-600">10,000 تومان</span> |
|
|
</div> |
|
|
<div class="flex justify-between font-bold text-lg"> |
|
|
<span>مبلغ قابل پرداخت:</span> |
|
|
<span>100,000 تومان</span> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<button class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 mb-2"> |
|
|
پرداخت نهایی |
|
|
</button> |
|
|
<button class="w-full bg-gray-200 hover:bg-gray-300 text-gray-800 font-bold py-3 px-4 rounded-lg transition duration-300"> |
|
|
ادامه خرید |
|
|
</button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="loginModal"> |
|
|
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-lg w-full md:w-1/3 p-6"> |
|
|
<div class="flex justify-between items-center border-b pb-4 mb-4"> |
|
|
<h3 class="text-xl font-bold">ورود به حساب کاربری</h3> |
|
|
<button onclick="closeLogin()" class="text-gray-500 hover:text-gray-700"> |
|
|
<i class="fas fa-times"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<form> |
|
|
<div class="mb-4"> |
|
|
<label for="loginEmail" class="block text-gray-700 font-medium mb-2">ایمیل یا شماره موبایل</label> |
|
|
<input type="text" id="loginEmail" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="loginPassword" class="block text-gray-700 font-medium mb-2">رمز عبور</label> |
|
|
<input type="password" id="loginPassword" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="flex justify-between items-center mb-4"> |
|
|
<div class="flex items-center"> |
|
|
<input type="checkbox" id="rememberMe" class="mr-2"> |
|
|
<label for="rememberMe" class="text-gray-700">مرا به خاطر بسپار</label> |
|
|
</div> |
|
|
<a href="#" class="text-green-600 hover:text-green-800">فراموشی رمز عبور</a> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 mb-4"> |
|
|
ورود |
|
|
</button> |
|
|
|
|
|
<div class="text-center"> |
|
|
<p class="text-gray-700">حساب کاربری ندارید؟ <a href="#" class="text-green-600 hover:text-green-800 font-medium" onclick="showRegister()">ثبت نام کنید</a></p> |
|
|
</div> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<div class="fixed inset-0 bg-black bg-opacity-50 z-50 hidden" id="registerModal"> |
|
|
<div class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 bg-white rounded-lg shadow-lg w-full md:w-1/3 p-6"> |
|
|
<div class="flex justify-between items-center border-b pb-4 mb-4"> |
|
|
<h3 class="text-xl font-bold">ثبت نام جدید</h3> |
|
|
<button onclick="closeRegister()" class="text-gray-500 hover:text-gray-700"> |
|
|
<i class="fas fa-times"></i> |
|
|
</button> |
|
|
</div> |
|
|
|
|
|
<form> |
|
|
<div class="mb-4"> |
|
|
<label for="registerName" class="block text-gray-700 font-medium mb-2">نام و نام خانوادگی</label> |
|
|
<input type="text" id="registerName" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="registerEmail" class="block text-gray-700 font-medium mb-2">ایمیل</label> |
|
|
<input type="email" id="registerEmail" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="registerPhone" class="block text-gray-700 font-medium mb-2">شماره موبایل</label> |
|
|
<input type="tel" id="registerPhone" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="registerPassword" class="block text-gray-700 font-medium mb-2">رمز عبور</label> |
|
|
<input type="password" id="registerPassword" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="mb-4"> |
|
|
<label for="registerConfirmPassword" class="block text-gray-700 font-medium mb-2">تکرار رمز عبور</label> |
|
|
<input type="password" id="registerConfirmPassword" class="w-full px-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-green-500"> |
|
|
</div> |
|
|
|
|
|
<div class="flex items-center mb-4"> |
|
|
<input type="checkbox" id="agreeTerms" class="mr-2"> |
|
|
<label for="agreeTerms" class="text-gray-700">با <a href="#" class="text-green-600 hover:text-green-800">قوانین و مقررات</a> موافقم</label> |
|
|
</div> |
|
|
|
|
|
<button type="submit" class="w-full bg-green-600 hover:bg-green-700 text-white font-bold py-3 px-4 rounded-lg transition duration-300 mb-4"> |
|
|
ثبت نام |
|
|
</button> |
|
|
|
|
|
<div class="text-center"> |
|
|
<p class="text-gray-700">قبلا ثبت نام کرده‌اید؟ <a href="#" class="text-green-600 hover:text-green-800 font-medium" onclick="showLogin()">وارد شوید</a></p> |
|
|
</div> |
|
|
</form> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<button onclick="topFunction()" id="backToTop" class="fixed bottom-8 right-8 bg-green-600 hover:bg-green-700 text-white rounded-full p-3 shadow-lg transition duration-300 hidden"> |
|
|
<i class="fas fa-arrow-up"></i> |
|
|
</button> |
|
|
|
|
|
<script> |
|
|
|
|
|
document.querySelector('button').addEventListener('click', function() { |
|
|
const menu = document.getElementById('mobileMenu'); |
|
|
menu.classList.toggle('hidden'); |
|
|
}); |
|
|
|
|
|
|
|
|
function openCart() { |
|
|
document.getElementById('cartModal').classList.remove('hidden'); |
|
|
} |
|
|
|
|
|
function closeCart() { |
|
|
document.getElementById('cartModal').classList.add('hidden'); |
|
|
} |
|
|
|
|
|
|
|
|
function showLogin() { |
|
|
document.getElementById('loginModal').classList.remove('hidden'); |
|
|
document.getElementById('registerModal').classList.add('hidden'); |
|
|
} |
|
|
|
|
|
function closeLogin() { |
|
|
document.getElementById('loginModal').classList.add('hidden'); |
|
|
} |
|
|
|
|
|
|
|
|
function showRegister() { |
|
|
document.getElementById('registerModal').classList.remove('hidden'); |
|
|
document.getElementById('loginModal').classList.add('hidden'); |
|
|
} |
|
|
|
|
|
function closeRegister() { |
|
|
document.getElementById('registerModal').classList.add('hidden'); |
|
|
} |
|
|
|
|
|
|
|
|
window.onscroll = function() {scrollFunction()}; |
|
|
|
|
|
function scrollFunction() { |
|
|
if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) { |
|
|
document.getElementById("backToTop").classList.remove("hidden"); |
|
|
} else { |
|
|
document.getElementById("backToTop").classList.add("hidden"); |
|
|
} |
|
|
} |
|
|
|
|
|
function topFunction() { |
|
|
document.body.scrollTop = 0; |
|
|
document.documentElement.scrollTop = 0; |
|
|
} |
|
|
|
|
|
|
|
|
document.querySelector('input[type="text"]').addEventListener('keyup', function(e) { |
|
|
if (e.key === 'Enter') { |
|
|
alert('جستجو برای: ' + this.value); |
|
|
} |
|
|
}); |
|
|
</script> |
|
|
<p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Saeidfrj33/https-enzostvs-deepsite-hf-space" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> |
|
|
</html> |
