Admin/test: تفاوت میان نسخهها
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۸: | خط ۸: | ||
body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;} | body {margin:0; font-family: Tahoma, sans-serif; background:#f8f9fa; color:#333;} | ||
a {text-decoration:none; color:inherit;} | a {text-decoration:none; color:inherit;} | ||
/* هدر گرد و | /* هدر گرد و sticky */ | ||
header { | header { | ||
background: #87CEFA; | background: #87CEFA; | ||
| خط ۲۷: | خط ۲۷: | ||
header nav a {margin-left:20px; font-weight:bold; transition:color 0.3s;} | header nav a {margin-left:20px; font-weight:bold; transition:color 0.3s;} | ||
header nav a:hover {color:#f1c40f;} | header nav a:hover {color:#f1c40f;} | ||
section {padding:40px 20px;} | section {padding:40px 20px;} | ||
/* ویدیو */ | /* ویدیو */ | ||
.video-intro {text-align:center; margin-bottom:50px;} | .video-intro {text-align:center; margin-bottom:50px;} | ||
.video-intro h2 {font-size:32px; color:#1f75fe; margin-bottom:15px;} | .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);} | .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 h3 {margin:10px 0 5px; color:#e63946;} | .category-card h3 {margin:10px 0 5px; color:#e63946;} | ||
.category-card p {font-size:90%; color:#555;} | .category-card p {font-size:90%; color:#555;} | ||
/* کسبوکارهای ویژه */ | /* کسبوکارهای ویژه */ | ||
.featured {margin-bottom:50px;} | .featured {margin-bottom:50px;} | ||
| خط ۵۵: | خط ۵۵: | ||
box-shadow:0 4px 15px rgba(0,0,0,0.15); | 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; | ||
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;} | .featured-item img {width:100%; height:150px; object-fit:cover; border-radius:12px; margin-bottom:10px;} | ||
</style> | </style> | ||
</head> | </head> | ||
| خط ۸۱: | خط ۸۱: | ||
</section> | </section> | ||
<!-- دستهبندی مشاغل --> | <!-- دستهبندی مشاغل با آیکون آنلاین --> | ||
<section class="categories"> | <section class="categories"> | ||
<div class="category-card"> | <div class="category-card"> | ||
<img src=" | <img src="https://img.icons8.com/color/96/000000/shop.png" alt="فروشگاهها"> | ||
<h3>فروشگاهها</h3> | <h3>فروشگاهها</h3> | ||
<p>کسبوکارهای فروش کالا و خدمات</p> | <p>کسبوکارهای فروش کالا و خدمات</p> | ||
</div> | </div> | ||
<div class="category-card"> | <div class="category-card"> | ||
<img src=" | <img src="https://img.icons8.com/color/96/000000/factory.png" alt="کارگاهها"> | ||
<h3>کارگاهها</h3> | <h3>کارگاهها</h3> | ||
<p>تولیدکنندگان و صنایع کوچک</p> | <p>تولیدکنندگان و صنایع کوچک</p> | ||
</div> | </div> | ||
<div class="category-card"> | <div class="category-card"> | ||
<img src=" | <img src="https://img.icons8.com/color/96/000000/briefcase.png" alt="دفاتر خدماتی"> | ||
<h3>دفاتر خدماتی</h3> | <h3>دفاتر خدماتی</h3> | ||
<p>خدمات مشاوره، مالی و حقوقی</p> | <p>خدمات مشاوره، مالی و حقوقی</p> | ||
</div> | </div> | ||
<div class="category-card"> | <div class="category-card"> | ||
<img src=" | <img src="https://img.icons8.com/color/96/000000/restaurant.png" alt="رستورانها"> | ||
<h3>رستورانها و خوراک</h3> | <h3>رستورانها و خوراک</h3> | ||
<p>رستورانها، کافهها و تهیهغذاها</p> | <p>رستورانها، کافهها و تهیهغذاها</p> | ||
</div> | </div> | ||
<div class="category-card"> | <div class="category-card"> | ||
<img src=" | <img src="https://img.icons8.com/color/96/000000/technology.png" alt="فناوری"> | ||
<h3>فناوری و استارتآپها</h3> | <h3>فناوری و استارتآپها</h3> | ||
<p>نوآوریهای دیجیتال و کسبوکارهای نوپا</p> | <p>نوآوریهای دیجیتال و کسبوکارهای نوپا</p> | ||
</div> | </div> | ||
<div class="category-card"> | <div class="category-card"> | ||
<img src=" | <img src="https://img.icons8.com/color/96/000000/school.png" alt="آموزش"> | ||
<h3>آموزش و مهارت</h3> | <h3>آموزش و مهارت</h3> | ||
<p>مدارس، آموزشگاهها و مربیان حرفهای</p> | <p>مدارس، آموزشگاهها و مربیان حرفهای</p> | ||
| خط ۱۱۵: | خط ۱۱۵: | ||
</section> | </section> | ||
<!-- کسبوکارهای ویژه --> | <!-- کسبوکارهای ویژه با تصویر/آیکون پیشفرض --> | ||
<section class="featured"> | <section class="featured"> | ||
<h2>کسبوکارهای ویژه</h2> | <h2>کسبوکارهای ویژه</h2> | ||
<div class="featured-list"> | <div class="featured-list"> | ||
<div class="featured-item"> | <div class="featured-item"> | ||
<img src=" | <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسبوکار ویژه 1"> | ||
<p>توضیح کوتاه درباره کسبوکار ویژه 1</p> | <p>توضیح کوتاه درباره کسبوکار ویژه 1</p> | ||
</div> | </div> | ||
<div class="featured-item"> | <div class="featured-item"> | ||
<img src=" | <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسبوکار ویژه 2"> | ||
<p>توضیح کوتاه درباره کسبوکار ویژه 2</p> | <p>توضیح کوتاه درباره کسبوکار ویژه 2</p> | ||
</div> | </div> | ||
<div class="featured-item"> | <div class="featured-item"> | ||
<img src=" | <img src="https://img.icons8.com/color/150/000000/business.png" alt="کسبوکار ویژه 3"> | ||
<p>توضیح کوتاه درباره کسبوکار ویژه 3</p> | <p>توضیح کوتاه درباره کسبوکار ویژه 3</p> | ||
</div> | </div> | ||