Admin/test: تفاوت میان نسخهها
پرش به ناوبری
پرش به جستجو
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<!-- | <!DOCTYPE html> | ||
< | <html lang="fa"> | ||
<head> | |||
< | <meta charset="UTF-8"> | ||
<meta name="viewport" content="width=device-width, initial-scale=1.0"> | |||
<title>لوح - صفحه اصلی</title> | |||
<style> | |||
body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;} | |||
</ | a {text-decoration:none; color:inherit;} | ||
</ | |||
/* هدر گرد و چسبان */ | |||
header { | |||
background: #87CEFA; | |||
padding:15px 30px; | |||
display:flex; | |||
align-items:center; | |||
justify-content:space-between; | |||
color:#fff; | |||
position:sticky; | |||
top:10px; | |||
z-index:1000; | |||
box-shadow:0 4px 12px rgba(0,0,0,0.2); | |||
border-radius:15px; | |||
margin:10px; | |||
} | |||
header .logo {font-size:24px; font-weight:bold;} | |||
header nav a {margin-left:20px; font-weight:bold; transition:color 0.3s;} | |||
header nav a:hover {color:#f1c40f;} | |||
section {padding:40px 20px;} | |||
/* ویدیو */ | |||
.video-intro {text-align:center; margin-bottom:50px;} | |||
.video-intro h2 {font-size:32px; color:#1f75fe; margin-bottom:15px;} | |||
.video-intro iframe {width:100%; max-width:800px; height:450px; border-radius:15px; box-shadow:0 6px 18px rgba(0,0,0,0.3);} | |||
/* دستهبندی مشاغل */ | |||
.categories {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px; margin-bottom:50px; text-align:center;} | |||
.category-card { | |||
background:#fff; border-radius:15px; padding:25px; text-align:center; | |||
box-shadow:0 4px 15px rgba(0,0,0,0.15); | |||
transition:transform 0.3s, box-shadow 0.3s; | |||
} | |||
.category-card:hover {transform:translateY(-8px) scale(1.03); box-shadow:0 8px 25px rgba(0,0,0,0.25);} | |||
.category-card img {width:80px; height:80px; margin-bottom:15px;} | |||
.category-card h3 {margin:10px 0 5px; color:#e63946;} | |||
.category-card p {font-size:90%; color:#555;} | |||
/* کسبوکارهای ویژه */ | |||
.featured {margin-bottom:50px;} | |||
.featured h2 {text-align:right; color:#f1c40f; margin-bottom:25px;} | |||
.featured-list {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px;} | |||
.featured-item { | |||
background:#fff; border-radius:15px; padding:20px; | |||
box-shadow:0 4px 15px rgba(0,0,0,0.15); | |||
transition:transform 0.3s, box-shadow 0.3s; | |||
} | |||
.featured-item:hover {transform:translateY(-5px) scale(1.02); box-shadow:0 8px 20px rgba(0,0,0,0.25);} | |||
.featured-item img {width:100%; height:150px; object-fit:cover; border-radius:12px; margin-bottom:10px;} | |||
/* فوتر ویکی دست نخورده */ | |||
</style> | |||
</head> | |||
<body> | |||
<!-- هدر گرد و sticky --> | |||
<header> | |||
<div class="logo">لوح</div> | |||
<nav> | |||
<a href="#">خانه</a> | |||
<a href="#">درباره ما</a> | |||
<a href="#">ثبت کسبوکار</a> | |||
<a href="#">تماس با ما</a> | |||
</nav> | |||
</header> | |||
<!-- بخش ویدیو --> | <!-- بخش ویدیو --> | ||
< | <section class="video-intro"> | ||
<h2 | <h2>معرفی ویکی کسبوکار لوح</h2> | ||
<iframe src="https://www.aparat.com/video/video/embed/videohash/ | <iframe src="https://www.aparat.com/video/video/embed/videohash/xyz456" frameborder="0" allowfullscreen></iframe> | ||
</ | </section> | ||
<!-- دستهبندی مشاغل --> | <!-- دستهبندی مشاغل --> | ||
< | <section class="categories"> | ||
<div | <div class="category-card"> | ||
<img src="Store.png" alt="فروشگاهها"> | |||
<h3 | <h3>فروشگاهها</h3> | ||
<p>کسبوکارهای فروش کالا و خدمات</p> | <p>کسبوکارهای فروش کالا و خدمات</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="Workshop.png" alt="کارگاهها"> | |||
<h3 | <h3>کارگاهها</h3> | ||
<p>تولیدکنندگان و صنایع کوچک</p> | <p>تولیدکنندگان و صنایع کوچک</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="Office.png" alt="دفاتر خدماتی"> | |||
<h3 | <h3>دفاتر خدماتی</h3> | ||
<p>خدمات مشاوره، مالی و حقوقی</p> | <p>خدمات مشاوره، مالی و حقوقی</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="Restaurant.png" alt="رستورانها"> | |||
<h3 | <h3>رستورانها و خوراک</h3> | ||
<p>رستورانها، کافهها و تهیهغذاها</p> | <p>رستورانها، کافهها و تهیهغذاها</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="Tech.png" alt="فناوری"> | |||
<h3 | <h3>فناوری و استارتآپها</h3> | ||
<p>نوآوریهای دیجیتال و کسبوکارهای نوپا</p> | <p>نوآوریهای دیجیتال و کسبوکارهای نوپا</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="Education.png" alt="آموزش"> | |||
<h3 | <h3>آموزش و مهارت</h3> | ||
<p>مدارس، آموزشگاهها و مربیان حرفهای</p> | <p>مدارس، آموزشگاهها و مربیان حرفهای</p> | ||
</div> | </div> | ||
</ | </section> | ||
<!-- کسبوکارهای ویژه --> | <!-- کسبوکارهای ویژه --> | ||
<section class="featured"> | |||
<h2>کسبوکارهای ویژه</h2> | |||
<div class="featured-list"> | |||
<div class="featured-item"> | |||
<div | <img src="Featured1.jpg" alt="کسبوکار ویژه 1"> | ||
<p>توضیح کوتاه درباره کسبوکار ویژه 1</p> | |||
</div> | |||
<div class="featured-item"> | |||
<img src="Featured2.jpg" alt="کسبوکار ویژه 2"> | |||
<p>توضیح کوتاه درباره کسبوکار ویژه 2</p> | |||
</div> | |||
<div class="featured-item"> | |||
<img src="Featured3.jpg" alt="کسبوکار ویژه 3"> | |||
<p>توضیح کوتاه درباره کسبوکار ویژه 3</p> | |||
</div> | |||
</div> | </div> | ||
</section> | |||
<!-- فوتر ویکی — بدون تغییر --> | |||
</body> | |||
</html> | |||
</ | |||
نسخهٔ ۱۱/۴/۲۰۲۵ میلادی، ساعت ۱۶:۲۵
<!DOCTYPE html>
لوح
معرفی ویکی کسبوکار لوح
فروشگاهها
کسبوکارهای فروش کالا و خدمات
کارگاهها
تولیدکنندگان و صنایع کوچک
دفاتر خدماتی
خدمات مشاوره، مالی و حقوقی
رستورانها و خوراک
رستورانها، کافهها و تهیهغذاها
فناوری و استارتآپها
نوآوریهای دیجیتال و کسبوکارهای نوپا
آموزش و مهارت
مدارس، آموزشگاهها و مربیان حرفهای
کسبوکارهای ویژه
توضیح کوتاه درباره کسبوکار ویژه 1
توضیح کوتاه درباره کسبوکار ویژه 2
توضیح کوتاه درباره کسبوکار ویژه 3