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

→ تفاوت با ویرایش قدیمی‌تر

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

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

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

لوح

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

فروشگاه‌ها

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

کارگاه‌ها

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

دفاتر خدماتی

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

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

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

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

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

آموزش و مهارت

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

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

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

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

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

@@ خط ۸: / خط ۸: @@
    body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;}
    a {text-decoration:none; color:inherit;}
-   /* هدر گرد و چسبان */
+   /* هدر گرد و sticky */
    header {
      background: #87CEFA;
-     padding:15px 30px;
+     padding:10px 30px; /* کاهش ارتفاع */
      display:flex;
      align-items:center;
@@ خط ۲۷: / خط ۲۷: @@
    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;}
+   .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;
+     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;
+     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: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 h3 {margin:10px 0 5px;}
    .category-card p {font-size:90%; color:#555;}
    /* کسب‌وکارهای ویژه */
    .featured {margin-bottom:50px;}
@@ خط ۵۵: / خط ۶۴: @@
      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: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>
@@ خط ۸۱: / خط ۱۰۶: @@
 </section>
-<!-- دسته‌بندی مشاغل -->
+<!-- دسته‌بندی مشاغل با آیکون‌های آنلاین -->
 <section class="categories">
    <div class="category-card">
-     <img src="Store.png" alt="فروشگاه‌ها">
+     <img src="https://img.icons8.com/color/96/000000/shop.png" alt="فروشگاه‌ها">
      <h3>فروشگاه‌ها</h3>
      <p>کسب‌وکارهای فروش کالا و خدمات</p>
    </div>
    <div class="category-card">
-     <img src="Workshop.png" alt="کارگاه‌ها">
+     <img src="https://img.icons8.com/color/96/000000/factory.png" alt="کارگاه‌ها">
      <h3>کارگاه‌ها</h3>
      <p>تولیدکنندگان و صنایع کوچک</p>
    </div>
    <div class="category-card">
-     <img src="Office.png" alt="دفاتر خدماتی">
+     <img src="https://img.icons8.com/color/96/000000/briefcase.png" alt="دفاتر خدماتی">
      <h3>دفاتر خدماتی</h3>
      <p>خدمات مشاوره، مالی و حقوقی</p>
    </div>
    <div class="category-card">
-     <img src="Restaurant.png" alt="رستوران‌ها">
+     <img src="https://img.icons8.com/color/96/000000/restaurant.png" alt="رستوران‌ها">
      <h3>رستوران‌ها و خوراک</h3>
      <p>رستوران‌ها، کافه‌ها و تهیه‌غذاها</p>
    </div>
    <div class="category-card">
-     <img src="Tech.png" alt="فناوری">
+     <img src="https://img.icons8.com/color/96/000000/laptop.png" alt="فناوری">
      <h3>فناوری و استارت‌آپ‌ها</h3>
      <p>نوآوری‌های دیجیتال و کسب‌وکارهای نوپا</p>
    </div>
    <div class="category-card">
-     <img src="Education.png" alt="آموزش">
+     <img src="https://img.icons8.com/color/96/000000/school.png" alt="آموزش">
      <h3>آموزش و مهارت</h3>
      <p>مدارس، آموزشگاه‌ها و مربیان حرفه‌ای</p>
@@ خط ۱۱۵: / خط ۱۴۰: @@
 </section>
-<!-- کسب‌وکارهای ویژه -->
+<!-- کسب‌وکارهای ویژه با تصویر/آیکون پیش‌فرض -->
 <section class="featured">
    <h2>کسب‌وکارهای ویژه</h2>
    <div class="featured-list">
      <div class="featured-item">
-       <img src="Featured1.jpg" alt="کسب‌وکار ویژه 1">
+       <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسب‌وکار ویژه 1">
        <p>توضیح کوتاه درباره کسب‌وکار ویژه 1</p>
      </div>
      <div class="featured-item">
-       <img src="Featured2.jpg" alt="کسب‌وکار ویژه 2">
+       <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسب‌وکار ویژه 2">
        <p>توضیح کوتاه درباره کسب‌وکار ویژه 2</p>
      </div>
      <div class="featured-item">
-       <img src="Featured3.jpg" alt="کسب‌وکار ویژه 3">
+       <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسب‌وکار ویژه 3">
        <p>توضیح کوتاه درباره کسب‌وکار ویژه 3</p>
      </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>