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;} | ||
</ | |||
/* هدر گرد و sticky */ | |||
header { | |||
background: #87CEFA; | |||
padding:10px 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; | |||
box-shadow:0 4px 15px rgba(0,0,0,0.15); | |||
transition:transform 0.3s, box-shadow 0.3s, background 0.3s; | |||
text-align:center; | |||
} | |||
.category-card:hover { | |||
transform:translateY(-8px) scale(1.03); | |||
box-shadow:0 8px 25px rgba(0,0,0,0.25); | |||
background: linear-gradient(135deg,#1f75fe,#e63946,#ffd700); | |||
color:#fff; | |||
} | |||
.category-card img {width:80px; height:80px; margin-bottom:15px;} | |||
.category-card h3 {margin:10px 0 5px;} | |||
.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; | |||
text-align:center; | |||
} | |||
.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;} | |||
/* فوتر اختصاصی */ | |||
.custom-footer { | |||
background: #1f75fe; | |||
color:#fff; | |||
padding:30px 20px; | |||
text-align:center; | |||
border-radius:15px; | |||
margin:30px 10px; | |||
} | |||
.custom-footer h3 {margin-bottom:15px; color:#ffd700;} | |||
.custom-footer p {margin:5px 0;} | |||
.custom-footer a {color:#ffd700; margin:0 10px;} | |||
.custom-footer a:hover {color:#ff4500;} | |||
</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="https://img.icons8.com/color/96/000000/shop.png" alt="فروشگاهها"> | |||
<h3 | <h3>فروشگاهها</h3> | ||
<p>کسبوکارهای فروش کالا و خدمات</p> | <p>کسبوکارهای فروش کالا و خدمات</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="https://img.icons8.com/color/96/000000/factory.png" alt="کارگاهها"> | |||
<h3 | <h3>کارگاهها</h3> | ||
<p>تولیدکنندگان و صنایع کوچک</p> | <p>تولیدکنندگان و صنایع کوچک</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="https://img.icons8.com/color/96/000000/briefcase.png" alt="دفاتر خدماتی"> | |||
<h3 | <h3>دفاتر خدماتی</h3> | ||
<p>خدمات مشاوره، مالی و حقوقی</p> | <p>خدمات مشاوره، مالی و حقوقی</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="https://img.icons8.com/color/96/000000/restaurant.png" alt="رستورانها"> | |||
<h3 | <h3>رستورانها و خوراک</h3> | ||
<p>رستورانها، کافهها و تهیهغذاها</p> | <p>رستورانها، کافهها و تهیهغذاها</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="https://img.icons8.com/color/96/000000/laptop.png" alt="فناوری"> | |||
<h3 | <h3>فناوری و استارتآپها</h3> | ||
<p>نوآوریهای دیجیتال و کسبوکارهای نوپا</p> | <p>نوآوریهای دیجیتال و کسبوکارهای نوپا</p> | ||
</div> | </div> | ||
<div | <div class="category-card"> | ||
<img src="https://img.icons8.com/color/96/000000/school.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="https://img.icons8.com/color/150/000000/business.png" alt="کسبوکار ویژه 1"> | ||
<p>توضیح کوتاه درباره کسبوکار ویژه 1</p> | |||
</div> | |||
<div class="featured-item"> | |||
<img src="https://img.icons8.com/color/150/000000/business.png" alt="کسبوکار ویژه 2"> | |||
<p>توضیح کوتاه درباره کسبوکار ویژه 2</p> | |||
</div> | |||
<div class="featured-item"> | |||
<img src="https://img.icons8.com/color/150/000000/business.png" alt="کسبوکار ویژه 3"> | |||
<p>توضیح کوتاه درباره کسبوکار ویژه 3</p> | |||
</div> | |||
</div> | </div> | ||
</section> | |||
<!-- فوتر اختصاصی بعد کسبوکارهای ویژه --> | |||
</ | <section class="custom-footer"> | ||
< | <h3>راههای ارتباطی</h3> | ||
<p>تلفن: ۰۲۱-۱۲۳۴۵۶۷۸</p> | |||
<p>آدرس: تهران، خیابان مثال، پلاک ۱۰</p> | |||
</ | <p> | ||
</ | <a href="#">اینستاگرام</a> | | ||
<a href="#">تلگرام</a> | | |||
<a href="#">واتساپ</a> | |||
</p> | |||
</section> | |||
<!-- فوتر ویکی — بدون تغییر --> | |||
</body> | |||
</html> | |||
نسخهٔ کنونی تا ۱۱/۴/۲۰۲۵ میلادی، ساعت ۱۶:۳۵
<!DOCTYPE html>
لوح
معرفی ویکی کسبوکار لوح
فروشگاهها
کسبوکارهای فروش کالا و خدمات
کارگاهها
تولیدکنندگان و صنایع کوچک
دفاتر خدماتی
خدمات مشاوره، مالی و حقوقی
رستورانها و خوراک
رستورانها، کافهها و تهیهغذاها
فناوری و استارتآپها
نوآوریهای دیجیتال و کسبوکارهای نوپا
آموزش و مهارت
مدارس، آموزشگاهها و مربیان حرفهای
کسبوکارهای ویژه
توضیح کوتاه درباره کسبوکار ویژه 1
توضیح کوتاه درباره کسبوکار ویژه 2
توضیح کوتاه درباره کسبوکار ویژه 3