Admin/test: تفاوت میان نسخه‌ها

دیداریویکی‌متن

نسخهٔ کنونی تا ‏۱۱/۴/۲۰۲۵ میلادی، ساعت ۱۶:۳۵

<!DOCTYPE html> لوح - صفحه اصلی

لوح

معرفی ویکی کسب‌وکار لوح

فروشگاه‌ها

کسب‌وکارهای فروش کالا و خدمات

کارگاه‌ها

تولیدکنندگان و صنایع کوچک

دفاتر خدماتی

خدمات مشاوره، مالی و حقوقی

رستوران‌ها و خوراک

رستوران‌ها، کافه‌ها و تهیه‌غذاها

فناوری و استارت‌آپ‌ها

نوآوری‌های دیجیتال و کسب‌وکارهای نوپا

آموزش و مهارت

مدارس، آموزشگاه‌ها و مربیان حرفه‌ای

کسب‌وکارهای ویژه

توضیح کوتاه درباره کسب‌وکار ویژه 1

توضیح کوتاه درباره کسب‌وکار ویژه 2

توضیح کوتاه درباره کسب‌وکار ویژه 3

@@ خط ۱: / خط ۱: @@
-<div style="text-align:center; background:#e9f4ff; padding:25px; border-radius:12px; box-shadow:0 4px 10px #cfd8dc; margin-bottom:30px;">
+<!DOCTYPE html>
-   <h1 style="font-size:210%; color:#0a3d62; margin-bottom:10px;">به [[لوح]] خوش آمدید</h1>
+<html lang="fa">
-   <p style="font-size:110%; color:#34495e; margin:0;">
+<head>
-     دانشنامهٔ مجازی برای معرفی، تحلیل و توسعهٔ <b>کسب‌وکارها</b> در ایران
+<meta charset="UTF-8">
-  </p>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <p style="font-size:100%; color:#5d6d7e;">
+<title>لوح - صفحه اصلی</title>
-     با [[لوح:فهرست مقالات|{{NUMBEROFARTICLES}} مقاله]] در زمینهٔ اقتصاد، تجارت، خدمات و نوآوری
+<style>
-   </p>
+  body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;}
-</div>
+  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>
+   <iframe src="https://www.aparat.com/video/video/embed/videohash/xyz456" frameborder="0" allowfullscreen></iframe>
+</section>
-<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px; margin-bottom:40px; text-align:center;">
+<!-- دسته‌بندی مشاغل با آیکون‌های آنلاین -->
-   <div style="background:#ffffff; border-radius:12px; padding:20px; box-shadow:0 2px 8px #ccd1d1;">
+<section class="categories">
-     [[پرونده:Store.png|x100px|center|link=رده:فروشگاه‌ها]]
+   <div class="category-card">
-     <h3 style="margin-top:10px;">فروشگاه‌ها</h3>
+     <img src="https://img.icons8.com/color/96/000000/shop.png" alt="فروشگاه‌ها">
-     <p style="font-size:90%; color:#5d6d7e;">کسب‌وکارهای فروش کالا و خدمات</p>
+     <h3>فروشگاه‌ها</h3>
+     <p>کسب‌وکارهای فروش کالا و خدمات</p>
    </div>
-   <div style="background:#ffffff; border-radius:12px; padding:20px; box-shadow:0 2px 8px #ccd1d1;">
+   <div class="category-card">
-     [[پرونده:Workshop.png|x100px|center|link=رده:کارگاه‌ها]]
+     <img src="https://img.icons8.com/color/96/000000/factory.png" alt="کارگاه‌ها">
-     <h3 style="margin-top:10px;">کارگاه‌ها</h3>
+     <h3>کارگاه‌ها</h3>
-     <p style="font-size:90%; color:#5d6d7e;">تولیدکنندگان و صنایع کوچک</p>
+     <p>تولیدکنندگان و صنایع کوچک</p>
    </div>
-   <div style="background:#ffffff; border-radius:12px; padding:20px; box-shadow:0 2px 8px #ccd1d1;">
+   <div class="category-card">
-     [[پرونده:Office.png|x100px|center|link=رده:دفاتر خدماتی]]
+     <img src="https://img.icons8.com/color/96/000000/briefcase.png" alt="دفاتر خدماتی">
-     <h3 style="margin-top:10px;">دفاتر خدماتی</h3>
+     <h3>دفاتر خدماتی</h3>
-     <p style="font-size:90%; color:#5d6d7e;">خدمات مشاوره، بیمه، مالی، حقوقی</p>
+     <p>خدمات مشاوره، مالی و حقوقی</p>
    </div>
-   <div style="background:#ffffff; border-radius:12px; padding:20px; box-shadow:0 2px 8px #ccd1d1;">
+   <div class="category-card">
-     [[پرونده:Restaurant.png|x100px|center|link=رده:رستوران‌ها]]
+     <img src="https://img.icons8.com/color/96/000000/restaurant.png" alt="رستوران‌ها">
-     <h3 style="margin-top:10px;">رستوران‌ها و خوراک</h3>
+     <h3>رستوران‌ها و خوراک</h3>
-     <p style="font-size:90%; color:#5d6d7e;">رستوران‌ها، کافه‌ها و تهیه‌غذاها</p>
+     <p>رستوران‌ها، کافه‌ها و تهیه‌غذاها</p>
    </div>
-   <div style="background:#ffffff; border-radius:12px; padding:20px; box-shadow:0 2px 8px #ccd1d1;">
+   <div class="category-card">
-     [[پرونده:Tech.png|x100px|center|link=رده:فناوری]]
+     <img src="https://img.icons8.com/color/96/000000/laptop.png" alt="فناوری">
-     <h3 style="margin-top:10px;">فناوری و استارت‌آپ‌ها</h3>
+     <h3>فناوری و استارت‌آپ‌ها</h3>
-     <p style="font-size:90%; color:#5d6d7e;">نوآوری‌های دیجیتال و کسب‌وکارهای نوپا</p>
+     <p>نوآوری‌های دیجیتال و کسب‌وکارهای نوپا</p>
    </div>
-   <div style="background:#ffffff; border-radius:12px; padding:20px; box-shadow:0 2px 8px #ccd1d1;">
+   <div class="category-card">
-     [[پرونده:Education.png|x100px|center|link=رده:آموزش]]
+     <img src="https://img.icons8.com/color/96/000000/school.png" alt="آموزش">
-     <h3 style="margin-top:10px;">آموزش و مهارت</h3>
+     <h3>آموزش و مهارت</h3>
-     <p style="font-size:90%; color:#5d6d7e;">مدارس، آموزشگاه‌ها و مربیان حرفه‌ای</p>
+     <p>مدارس، آموزشگاه‌ها و مربیان حرفه‌ای</p>
    </div>
-</div>
+</section>
-{{صفحه اصلی/قاب
+<!-- کسب‌وکارهای ویژه با تصویر/آیکون پیش‌فرض -->
-| عنوان = کسب‌وکارهای تازه
+<section class="featured">
-| class = portal-column-3-3
+  <h2>کسب‌وکارهای ویژه</h2>
-| style = text-align:right;
+  <div class="featured-list">
-| محتوا =
+    <div class="featured-item">
-<DynamicPageList>
+      <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسب‌وکار ویژه 1">
-category = کسب‌وکارها
+      <p>توضیح کوتاه درباره کسب‌وکار ویژه 1</p>
-count = 8
+    </div>
-ordermethod = categoryadd
+    <div class="featured-item">
-order = descending
+      <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسب‌وکار ویژه 2">
-</DynamicPageList>
+      <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>
+</section>
-{{صفحه اصلی/قاب
+<!-- فوتر اختصاصی بعد کسب‌وکارهای ویژه -->
-| عنوان = مقالات تازه
+<section class="custom-footer">
-| class = portal-column-3-3
+  <h3>راه‌های ارتباطی</h3>
-| style = text-align:right;
+  <p>تلفن: ۰۲۱-۱۲۳۴۵۶۷۸</p>
-| محتوا =
+  <p>آدرس: تهران، خیابان مثال، پلاک ۱۰</p>
-<DynamicPageList>
+  <p>
-category = مقاله‌ها
+    <a href="#">اینستاگرام</a> |
-count = 6
+    <a href="#">تلگرام</a> |
-ordermethod = categoryadd
+    <a href="#">واتس‌اپ</a>
-order = descending
+  </p>
-</DynamicPageList>
+</section>
-}}
-{{صفحه اصلی/قاب
+<!-- فوتر ویکی — بدون تغییر -->
-| عنوان = پیوندهای مفید
-| class = portal-column-3-3
-| style = text-align:right;
-| محتوا =
-* [[لوح:راهنما|راهنمای استفاده از لوح]]
-* [[لوح:ثبت کسب‌وکار]]
-* [[لوح:دسته‌بندی مشاغل]]
-* [https://lohwiki.ir سایت رسمی لوح]
-}}
-__NOTOC__
+</body>
+</html>