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

از لوح من
پرش به ناوبری پرش به جستجو
بدون خلاصۀ ویرایش
بدون خلاصۀ ویرایش
خط ۱: خط ۱:
<html lang="fa">
<!-- هدر -->
<head>
<div style="position:sticky; top:0; background:#87CEFA; padding:15px; z-index:1000; display:flex; justify-content:space-between; align-items:center; box-shadow:0 2px 6px rgba(0,0,0,0.1);">
<meta charset="UTF-8">
   <div style="font-size:24px; font-weight:bold; color:#fff;">لوح</div>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   <div>
<title>لوح - صفحه اصلی</title>
     [[صفحه اصلی|خانه]] |
<style>
     [[لوح:درباره ما|درباره ما]] |
  body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;}
     [[لوح:ثبت کسب‌وکار|ثبت کسب‌وکار]] |
  a {text-decoration:none; color:inherit;}
     [[لوح:تماس با ما|تماس با ما]]
  /* هدر چسبان و آبی آسمانی */
   </div>
  header {
</div>
    background: #87CEFA;
    padding:15px 30px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    color:#fff;
    position:sticky;
    top:0;
    z-index:1000;
    box-shadow:0 2px 6px rgba(0,0,0,0.1);
   }
  header .logo {font-size:24px; font-weight:bold;}
  header nav a {margin-left:20px; font-weight:bold;}
 
  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:10px; box-shadow:0 4px 12px rgba(0,0,0,0.2);}
 
  .categories {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-bottom:50px; text-align:center;}
  .category-card {background:#fff; border-radius:12px; padding:20px; text-align:center; box-shadow:0 2px 10px rgba(0,0,0,0.1); transition:transform 0.3s, box-shadow 0.3s;}
  .category-card:hover {transform:translateY(-5px); box-shadow:0 6px 15px rgba(0,0,0,0.2);}
  .category-card img {width:80px; height:80px; margin-bottom:10px;}
  .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:20px;}
  .featured-list {display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;}
  .featured-item {background:#fff; border-radius:12px; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);}
  .featured-item img {width:100%; height:140px; object-fit:cover; border-radius:8px; margin-bottom:10px;}
 
  /* فوتر ویکی تغییر نکرده */
</style>
</head>
<body>
 
<!-- هدر چسبان -->
<header>
  <div class="logo">لوح</div>
   <nav>
     <a href="#">خانه</a>
     <a href="#">درباره ما</a>
     <a href="#">ثبت کسب‌وکار</a>
     <a href="#">تماس با ما</a>
   </nav>
</header>


<!-- بخش ویدیو -->
<!-- بخش ویدیو -->
<section class="video-intro">
<div style="text-align:center; margin:40px 0;">
   <h2>معرفی ویکی کسب‌وکار لوح</h2>
   <h2 style="color:#1f75fe;">معرفی ویکی کسب‌وکار لوح</h2>
  <!-- لینک آپارات تستی -->
   <iframe src="https://www.aparat.com/video/video/embed/videohash/abc123" width="80%" height="450" frameborder="0" allowfullscreen style="border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.2);"></iframe>
   <iframe src="https://www.aparat.com/video/video/embed/videohash/abc123" frameborder="0" allowfullscreen></iframe>
</div>
</section>


<!-- بخش دسته‌بندی مشاغل -->
<!-- دسته‌بندی مشاغل -->
<section class="categories">
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; text-align:center; margin-bottom:50px;">
   <div class="category-card">
   <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
     <img src="Store.png" alt="فروشگاه‌ها">
     [[پرونده:Store.png|x80px|center]]
     <h3>فروشگاه‌ها</h3>
     <h3 style="color:#e63946;">فروشگاه‌ها</h3>
     <p>کسب‌وکارهای فروش کالا و خدمات</p>
     <p>کسب‌وکارهای فروش کالا و خدمات</p>
   </div>
   </div>
   <div class="category-card">
   <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
     <img src="Workshop.png" alt="کارگاه‌ها">
     [[پرونده:Workshop.png|x80px|center]]
     <h3>کارگاه‌ها</h3>
     <h3 style="color:#e63946;">کارگاه‌ها</h3>
     <p>تولیدکنندگان و صنایع کوچک</p>
     <p>تولیدکنندگان و صنایع کوچک</p>
   </div>
   </div>
   <div class="category-card">
   <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
     <img src="Office.png" alt="دفاتر خدماتی">
     [[پرونده:Office.png|x80px|center]]
     <h3>دفاتر خدماتی</h3>
     <h3 style="color:#e63946;">دفاتر خدماتی</h3>
     <p>خدمات مشاوره، مالی و حقوقی</p>
     <p>خدمات مشاوره، مالی و حقوقی</p>
   </div>
   </div>
   <div class="category-card">
   <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
     <img src="Restaurant.png" alt="رستوران‌ها">
     [[پرونده:Restaurant.png|x80px|center]]
     <h3>رستوران‌ها و خوراک</h3>
     <h3 style="color:#e63946;">رستوران‌ها و خوراک</h3>
     <p>رستوران‌ها، کافه‌ها و تهیه‌غذاها</p>
     <p>رستوران‌ها، کافه‌ها و تهیه‌غذاها</p>
   </div>
   </div>
   <div class="category-card">
   <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
     <img src="Tech.png" alt="فناوری">
     [[پرونده:Tech.png|x80px|center]]
     <h3>فناوری و استارت‌آپ‌ها</h3>
     <h3 style="color:#e63946;">فناوری و استارت‌آپ‌ها</h3>
     <p>نوآوری‌های دیجیتال و کسب‌وکارهای نوپا</p>
     <p>نوآوری‌های دیجیتال و کسب‌وکارهای نوپا</p>
   </div>
   </div>
   <div class="category-card">
   <div style="background:#fff; border-radius:12px; padding:20px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
     <img src="Education.png" alt="آموزش">
     [[پرونده:Education.png|x80px|center]]
     <h3>آموزش و مهارت</h3>
     <h3 style="color:#e63946;">آموزش و مهارت</h3>
     <p>مدارس، آموزشگاه‌ها و مربیان حرفه‌ای</p>
     <p>مدارس، آموزشگاه‌ها و مربیان حرفه‌ای</p>
   </div>
   </div>
</section>
</div>


<!-- بخش کسب‌وکارهای خاص -->
<!-- کسب‌وکارهای ویژه -->
<section class="featured">
{{صفحه اصلی/قاب
  <h2>کسب‌وکارهای ویژه</h2>
| عنوان = کسب‌وکارهای ویژه
  <div class="featured-list">
| class = portal-column-3-3
    <div class="featured-item">
| محتوا =
      <img src="Featured1.jpg" alt="کسب‌وکار ویژه 1">
<div style="display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px;">
      <p>توضیح کوتاه درباره کسب‌وکار ویژه 1</p>
  <div style="background:#fff; border-radius:12px; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
    </div>
    [[پرونده:Featured1.jpg|x100px|center]]
    <div class="featured-item">
    توضیح کوتاه درباره کسب‌وکار ویژه 1
      <img src="Featured2.jpg" alt="کسب‌وکار ویژه 2">
  </div>
      <p>توضیح کوتاه درباره کسب‌وکار ویژه 2</p>
  <div style="background:#fff; border-radius:12px; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
    </div>
    [[پرونده:Featured2.jpg|x100px|center]]
    <div class="featured-item">
    توضیح کوتاه درباره کسب‌وکار ویژه 2
      <img src="Featured3.jpg" alt="کسب‌وکار ویژه 3">
  </div>
      <p>توضیح کوتاه درباره کسب‌وکار ویژه 3</p>
  <div style="background:#fff; border-radius:12px; padding:15px; box-shadow:0 2px 10px rgba(0,0,0,0.1);">
    </div>
    [[پرونده:Featured3.jpg|x100px|center]]
    توضیح کوتاه درباره کسب‌وکار ویژه 3
   </div>
   </div>
</section>
</div>
 
}}
<!-- فوتر ویکی — بدون تغییر -->
 
</body>
</html>

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

لوح

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

 <iframe src="https://www.aparat.com/video/video/embed/videohash/abc123" width="80%" height="450" frameborder="0" allowfullscreen style="border-radius:10px; box-shadow:0 4px 12px rgba(0,0,0,0.2);"></iframe>
پرونده:Store.png

فروشگاه‌ها

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

پرونده:Workshop.png

کارگاه‌ها

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

دفاتر خدماتی

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

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

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

پرونده:Tech.png

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

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

آموزش و مهارت

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

الگو:صفحه اصلی/قاب