الگو:کانتبنر 6 ضلعی: تفاوت میان نسخهها
صفحهای تازه حاوی «<html> <!-- ========================= Font Awesome 6.6 ========================= --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <section class="hex-services" aria-label="خدمات مکانیکی، جلوبندی و هیدرولیک فرمان"> <!-- ========================= ردیف اول ========================= --> <div class="hex-row...» ایجاد کرد |
بدون خلاصۀ ویرایش |
||
| خط ۱۲: | خط ۱۲: | ||
ردیف اول | ردیف اول | ||
========================= --> | ========================= --> | ||
<div class="hex-row"> | <div class="hex-row"> | ||
<!-- تعمیر موتور --> | <!-- تعمیر موتور --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="تعمیر موتور خودرو"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۳۵: | خط ۳۶: | ||
<!-- تعمیر گیربکس --> | <!-- تعمیر گیربکس --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="تعمیر گیربکس خودرو"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۵۵: | خط ۵۶: | ||
<!-- جلوبندی سازی --> | <!-- جلوبندی سازی --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="جلوبندی سازی خودرو"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۷۵: | خط ۷۶: | ||
<!-- هیدرولیک فرمان --> | <!-- هیدرولیک فرمان --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="تعمیر هیدرولیک فرمان"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۸۷: | خط ۸۸: | ||
<div class="hex-content"> | <div class="hex-content"> | ||
<i class="fa-solid fa- | <i class="fa-solid fa-car"></i> | ||
<strong>هیدرولیک فرمان</strong> | <strong>هیدرولیک فرمان</strong> | ||
</div> | </div> | ||
| خط ۹۵: | خط ۹۶: | ||
<!-- تعویض روغن --> | <!-- تعویض روغن --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="تعویض روغن خودرو"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۱۲۲: | خط ۱۲۳: | ||
<!-- سیستم ترمز --> | <!-- سیستم ترمز --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="تعمیر سیستم ترمز"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۱۴۲: | خط ۱۴۳: | ||
<!-- عیب یابی خودرو --> | <!-- عیب یابی خودرو --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="عیب یابی خودرو"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۱۶۲: | خط ۱۶۳: | ||
<!-- سرویس دوره ای --> | <!-- سرویس دوره ای --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="سرویس دوره ای خودرو"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۱۸۲: | خط ۱۸۳: | ||
<!-- تنظیم فرمان و چرخ --> | <!-- تنظیم فرمان و چرخ --> | ||
<a href="#" class="hex-item | <a href="#" class="hex-item brown" aria-label="فرمان و چرخ"> | ||
<svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | <svg class="hex-bg" viewBox="0 0 100 115" aria-hidden="true"> | ||
| خط ۱۹۵: | خط ۱۹۶: | ||
<div class="hex-content"> | <div class="hex-content"> | ||
<i class="fa-solid fa-arrows-left-right-to-line"></i> | <i class="fa-solid fa-arrows-left-right-to-line"></i> | ||
<strong> | <strong>فرمان و چرخ</strong> | ||
</div> | </div> | ||
| خط ۳۸۶: | خط ۳۸۷: | ||
.orange { | .orange { | ||
color: #ffffff; | color: #ffffff; | ||
} | |||
.brown { | |||
color: #ffffff; | |||
} | } | ||
| خط ۴۰۸: | خط ۴۱۳: | ||
.orange .hex-bg polygon { | .orange .hex-bg polygon { | ||
color: #ff8a00; | color: #ff8a00; | ||
} | |||
.brown .hex-bg polygon { | |||
color: #795548; | |||
} | } | ||