عنوان خدمت چهارم
توضیحی کوتاه و سئو شده درباره این بخش که کاربر را با موضوع آشنا کرده و او را به مطالعه ادامه مطلب ترغیب میکند.
الگو:کانتینر 3 در 2
/*===================================================== Responsive ======================================================*/ @media (max-width:1100px){ .fgwiki-grid{ gap:22px; } .fgwiki-card{ min-height:200px; } .fgwiki-image{ width:40%; height:200px; } .fgwiki-content{ width:60%; padding:22px; } .fgwiki-content h3{ font-size:1.15rem; } .fgwiki-content p{ font-size:.93rem; line-height:1.9; } } @media (max-width:900px){ .fgwiki-grid{ grid-template-columns:1fr; gap:22px; } } @media (max-width:640px){ .fgwiki-grid-container{ padding:0 12px; margin:30px auto; } .fgwiki-card{ flex-direction:column; min-height:auto; } .fgwiki-card::before{ width:100%; height:6px; top:0; right:0; } .fgwiki-image{ width:100%; height:220px; order:1; } .fgwiki-content{ width:100%; order:2; padding:20px 18px; } .fgwiki-content h3{ font-size:1.08rem; margin-bottom:12px; } .fgwiki-content p{ font-size:.92rem; -webkit-line-clamp:3; } .fgwiki-more{ margin-top:18px; } .fgwiki-more a{ padding:10px 18px; font-size:.88rem; } } @media (max-width:420px){ .fgwiki-image{ height:190px; } .fgwiki-content{ padding:18px 16px; } .fgwiki-content h3{ font-size:1rem; } .fgwiki-content p{ font-size:.88rem; line-height:1.8; } } /*===================================================== Accessibility & Performance ======================================================*/ .fgwiki-card, .fgwiki-card *, .fgwiki-card *::before, .fgwiki-card *::after{ box-sizing:border-box; } .fgwiki-image img{ backface-visibility:hidden; will-change:transform; } .fgwiki-card a:focus{ outline:2px solid #00b894; outline-offset:3px; } .fgwiki-card:hover h3{ color:#00b894; } .fgwiki-content h3, .fgwiki-content p{ word-break:break-word; } .fgwiki-card img{ max-width:100%; height:auto; }
عنوان خدمت پنجم
خلاصهای از محتوای این صفحه با استفاده از کلمات کلیدی اصلی تا هم برای کاربران و هم برای موتورهای جستجو مفید باشد.
عنوان خدمت ششم
معرفی کوتاه این بخش همراه با توضیحی جذاب که نرخ کلیک را افزایش داده و کاربران را به مشاهده جزئیات هدایت کند.