کانتینر ترکیبی - فراغیب
بدون خلاصۀ ویرایش |
بدون خلاصۀ ویرایش |
||
| خط ۱: | خط ۱: | ||
<html lang="fa" dir="rtl"> | <html lang="fa" dir="rtl"> | ||
| خط ۲۴: | خط ۲۵: | ||
direction:rtl; | direction:rtl; | ||
width:100%; | width:100%; | ||
max-width:100%; | |||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
background:#fff; | background:#fff; | ||
| خط ۵۷: | خط ۶۰: | ||
.print-banner-section h1, | .print-banner-section h1, | ||
.print-banner-section h2, | .print-banner-section h2, | ||
.print-banner-section h3, | |||
.print-banner-section p{ | .print-banner-section p{ | ||
margin-top:0; | margin-top:0; | ||
| خط ۷۶: | خط ۸۰: | ||
/* ========================================================= | /* ========================================================= | ||
HERO | HERO | ||
========================================================= */ | ========================================================= */ | ||
.print-banner-hero{ | .print-banner-hero{ | ||
display:grid; | display:grid; | ||
grid-template-columns:1fr; | grid-template-columns:1fr; | ||
width:100%; | width:100%; | ||
overflow:hidden; | overflow:hidden; | ||
border-radius:26px; | border-radius:26px; | ||
background:#fff; | background:#fff; | ||
} | } | ||
| خط ۹۵: | خط ۱۰۳: | ||
.print-banner-hero-image{ | .print-banner-hero-image{ | ||
position:relative; | position:relative; | ||
width:100%; | width:100%; | ||
height:clamp(260px,55vw,560px); | height:clamp(260px,55vw,560px); | ||
overflow:hidden; | overflow:hidden; | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
| خط ۱۰۴: | خط ۱۱۶: | ||
.print-banner-hero-image img{ | .print-banner-hero-image img{ | ||
display:block; | display:block; | ||
width:100%; | width:100%; | ||
height:100%; | height:100%; | ||
margin:0; | margin:0; | ||
padding:0; | padding:0; | ||
border:0; | border:0; | ||
| خط ۱۲۱: | خط ۱۳۶: | ||
.print-banner-hero-content{ | .print-banner-hero-content{ | ||
display:flex; | display:flex; | ||
flex-direction:column; | flex-direction:column; | ||
justify-content:center; | justify-content:center; | ||
align-items:center; | align-items:center; | ||
width:100%; | width:100%; | ||
padding:25px 15px; | padding:25px 15px; | ||
background:#fff; | background:#fff; | ||
text-align:center; | text-align:center; | ||
} | } | ||
/* ========================================================= | |||
TITLE | |||
========================================================= */ | |||
.print-banner-title{ | .print-banner-title{ | ||
width:100%; | width:100%; | ||
margin:0 0 12px; | margin:0 0 12px; | ||
| خط ۱۴۰: | خط ۱۶۴: | ||
font-size:clamp(28px,7vw,62px); | font-size:clamp(28px,7vw,62px); | ||
line-height:1.45; | line-height:1.45; | ||
font-weight:900; | font-weight:900; | ||
} | } | ||
.print-banner-title span{ | .print-banner-title span{ | ||
| خط ۱۴۹: | خط ۱۷۴: | ||
} | } | ||
/* ========================================================= | |||
SUBTITLE | |||
========================================================= */ | |||
.print-banner-subtitle{ | .print-banner-subtitle{ | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
width:100%; | width:100%; | ||
gap:9px; | gap:9px; | ||
| خط ۱۶۳: | خط ۱۹۴: | ||
font-size:clamp(16px,3.5vw,27px); | font-size:clamp(16px,3.5vw,27px); | ||
line-height:1.8; | line-height:1.8; | ||
font-weight:800; | font-weight:800; | ||
} | } | ||
.print-banner-subtitle::before, | .print-banner-subtitle::before, | ||
| خط ۱۷۵: | خط ۲۰۷: | ||
width:clamp(25px,5vw,55px); | width:clamp(25px,5vw,55px); | ||
height:2px; | height:2px; | ||
| خط ۱۸۲: | خط ۲۱۵: | ||
} | } | ||
/* ========================================================= | |||
DESCRIPTION | |||
========================================================= */ | |||
.print-banner-description{ | .print-banner-description{ | ||
width:100%; | width:100%; | ||
max-width:680px; | max-width:680px; | ||
| خط ۱۹۲: | خط ۲۳۰: | ||
font-size:clamp(15px,2.2vw,19px); | font-size:clamp(15px,2.2vw,19px); | ||
line-height:2.15; | line-height:2.15; | ||
} | } | ||
| خط ۲۰۲: | خط ۲۴۱: | ||
.print-banner-benefits{ | .print-banner-benefits{ | ||
display:grid; | display:grid; | ||
grid-template-columns:repeat(2,1fr); | grid-template-columns:repeat(2,1fr); | ||
| خط ۲۰۸: | خط ۲۴۸: | ||
margin-top:25px; | margin-top:25px; | ||
} | } | ||
.print-benefit{ | .print-benefit{ | ||
| خط ۲۱۴: | خط ۲۵۳: | ||
display:flex; | display:flex; | ||
flex-direction:column; | flex-direction:column; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
| خط ۲۲۵: | خط ۲۶۶: | ||
text-align:center; | text-align:center; | ||
} | } | ||
.print-benefit:not(:last-child)::after{ | .print-benefit:not(:last-child)::after{ | ||
| خط ۲۴۰: | خط ۲۸۰: | ||
background:#d5d5d5; | background:#d5d5d5; | ||
} | } | ||
.print-benefit-icon{ | .print-benefit-icon{ | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
| خط ۲۵۶: | خط ۲۹۶: | ||
font-size:31px; | font-size:31px; | ||
} | } | ||
.print-benefit:nth-child(2) .print-benefit-icon, | .print-benefit:nth-child(2) .print-benefit-icon, | ||
| خط ۲۶۲: | خط ۳۰۱: | ||
color:var(--green); | color:var(--green); | ||
} | } | ||
.print-benefit:nth-child(3) .print-benefit-icon{ | .print-benefit:nth-child(3) .print-benefit-icon{ | ||
color:var(--gold); | color:var(--gold); | ||
} | } | ||
.print-benefit-title{ | .print-benefit-title{ | ||
| خط ۲۷۵: | خط ۳۱۲: | ||
font-size:13px; | font-size:13px; | ||
line-height:1.8; | line-height:1.8; | ||
font-weight:700; | font-weight:700; | ||
} | } | ||
| خط ۲۸۸: | خط ۳۲۷: | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
| خط ۲۹۵: | خط ۳۳۵: | ||
margin:10px 0 0; | margin:10px 0 0; | ||
} | } | ||
.print-section-heading::before{ | .print-section-heading::before{ | ||
| خط ۳۰۱: | خط ۳۴۰: | ||
position:absolute; | position:absolute; | ||
right:0; | right:0; | ||
left:0; | left:0; | ||
| خط ۳۰۸: | خط ۳۴۸: | ||
background:var(--gold); | background:var(--gold); | ||
} | } | ||
.print-section-heading h2{ | .print-section-heading h2{ | ||
position:relative; | position:relative; | ||
z-index:2; | z-index:2; | ||
| خط ۳۲۹: | خط ۳۶۹: | ||
font-size:15px; | font-size:15px; | ||
line-height:1.6; | line-height:1.6; | ||
font-weight:800; | font-weight:800; | ||
} | } | ||
| خط ۳۳۵: | خط ۳۷۷: | ||
.print-section-heading h3{ | .print-section-heading h3{ | ||
position:relative; | position:relative; | ||
z-index:2; | z-index:2; | ||
| خط ۳۵۲: | خط ۳۹۵: | ||
font-size:21px; | font-size:21px; | ||
line-height:1.6; | line-height:1.6; | ||
font-weight:800; | font-weight:800; | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
PORTFOLIO | PORTFOLIO | ||
========================================================= */ | ========================================================= */ | ||
| خط ۳۶۷: | خط ۴۱۴: | ||
border:1px solid var(--navy); | border:1px solid var(--navy); | ||
border-radius:22px; | border-radius:22px; | ||
background:#fff; | background:#fff; | ||
} | } | ||
.print-portfolio-grid{ | .print-portfolio-grid{ | ||
| خط ۳۹۲: | خط ۴۳۳: | ||
padding:0; | padding:0; | ||
} | } | ||
.print-portfolio-item{ | .print-portfolio-item{ | ||
| خط ۴۲۳: | خط ۴۵۸: | ||
isolation:isolate; | isolation:isolate; | ||
} | } | ||
.print-portfolio-item img{ | .print-portfolio-item img{ | ||
| خط ۴۴۷: | خط ۴۷۷: | ||
object-fit:cover; | object-fit:cover; | ||
object-position:center; | object-position:center; | ||
| خط ۴۵۶: | خط ۴۸۷: | ||
/* ========================================================= | /* ========================================================= | ||
CAPTION | |||
========================================================= */ | ========================================================= */ | ||
| خط ۴۶۷: | خط ۴۹۸: | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
width:100%; | width:100%; | ||
min-height:72px; | min-height:72px; | ||
margin:0; | margin:0; | ||
padding:10px 12px; | padding:10px 12px; | ||
| خط ۴۸۳: | خط ۵۱۷: | ||
font-size:14px; | font-size:14px; | ||
line-height:1.8; | line-height:1.8; | ||
font-weight:700; | font-weight:700; | ||
opacity:0; | opacity:0; | ||
visibility:hidden; | visibility:hidden; | ||
| خط ۴۹۳: | خط ۵۳۰: | ||
z-index:3; | z-index:3; | ||
} | } | ||
.print-portfolio-item:hover | .print-portfolio-item:hover | ||
| خط ۵۱۶: | خط ۵۵۰: | ||
border:1px solid var(--border); | border:1px solid var(--border); | ||
border-radius:22px; | border-radius:22px; | ||
background:#fff; | background:#fff; | ||
} | } | ||
.print-advantages-grid{ | .print-advantages-grid{ | ||
| خط ۵۳۰: | خط ۵۶۴: | ||
width:100%; | width:100%; | ||
} | } | ||
.print-advantage{ | .print-advantage{ | ||
| خط ۵۴۳: | خط ۵۷۶: | ||
min-width:0; | min-width:0; | ||
min-height:75px; | min-height:75px; | ||
| خط ۵۴۹: | خط ۵۸۳: | ||
text-align:center; | text-align:center; | ||
} | } | ||
.print-advantage:not(:last-child){ | .print-advantage:not(:last-child){ | ||
border-bottom:1px dotted #aaa; | border-bottom:1px dotted #aaa; | ||
} | } | ||
.print-advantage-icon{ | .print-advantage-icon{ | ||
display:flex; | display:flex; | ||
align-items:center; | align-items:center; | ||
justify-content:center; | justify-content:center; | ||
| خط ۵۶۷: | خط ۶۰۰: | ||
border:2px solid var(--navy); | border:2px solid var(--navy); | ||
border-radius:50%; | border-radius:50%; | ||
| خط ۵۷۳: | خط ۶۰۷: | ||
font-size:16px; | font-size:16px; | ||
} | } | ||
.print-advantage-text{ | .print-advantage-text{ | ||
| خط ۵۸۱: | خط ۶۱۴: | ||
font-size:14px; | font-size:14px; | ||
line-height:1.8; | line-height:1.8; | ||
font-weight:700; | font-weight:700; | ||
} | } | ||
| خط ۶۳۲: | خط ۶۶۷: | ||
aspect-ratio:1.2 / 1; | aspect-ratio:1.2 / 1; | ||
} | } | ||
} | } | ||
| خط ۶۴۹: | خط ۶۸۳: | ||
aspect-ratio:1.25 / 1; | aspect-ratio:1.25 / 1; | ||
} | } | ||
} | } | ||
| خط ۶۶۳: | خط ۶۹۶: | ||
} | } | ||
.print-banner-benefits{ | .print-banner-benefits{ | ||
grid-template-columns:repeat(5,minmax(0,1fr)); | grid-template-columns:repeat(5,minmax(0,1fr)); | ||
} | } | ||
.print-benefit{ | .print-benefit{ | ||
min-height:125px; | min-height:125px; | ||
} | } | ||
.print-benefit-title{ | .print-benefit-title{ | ||
| خط ۶۷۹: | خط ۷۰۸: | ||
} | } | ||
.print-portfolio-grid{ | .print-portfolio-grid{ | ||
grid-template-columns: | grid-template-columns: | ||
| خط ۶۸۷: | خط ۷۱۴: | ||
gap:11px; | gap:11px; | ||
} | } | ||
.print-portfolio-item{ | .print-portfolio-item{ | ||
| خط ۶۹۳: | خط ۷۱۹: | ||
} | } | ||
.print-advantages-grid{ | .print-advantages-grid{ | ||
grid-template-columns: | grid-template-columns: | ||
repeat(2,minmax(0,1fr)); | repeat(2,minmax(0,1fr)); | ||
} | } | ||
.print-advantage{ | .print-advantage{ | ||
min-height:85px; | min-height:85px; | ||
} | } | ||
.print-advantage:nth-child(odd){ | .print-advantage:nth-child(odd){ | ||
border-left:1px dotted #aaa; | border-left:1px dotted #aaa; | ||
} | } | ||
.print-advantage:nth-last-child(-n+2){ | .print-advantage:nth-last-child(-n+2){ | ||
border-bottom:0; | border-bottom:0; | ||
} | } | ||
} | } | ||
/* ========================================================= | /* ========================================================= | ||
DESKTOP | |||
مخصوص صفحات ویکیپدیایی | |||
========================================================= */ | ========================================================= */ | ||
| خط ۷۲۵: | خط ۷۴۶: | ||
.print-banner-container{ | .print-banner-container{ | ||
padding:20px; | width:100%; | ||
max-width:1400px; | |||
margin-left:auto; | |||
margin-right:auto; | |||
padding:18px 20px 24px; | |||
} | } | ||
| خط ۷۳۴: | خط ۷۶۲: | ||
.print-banner-hero{ | .print-banner-hero{ | ||
grid-template-columns: | grid-template-columns: | ||
minmax(0, | minmax(0,1.08fr) | ||
minmax(0, | minmax(0,.92fr); | ||
align-items:stretch; | align-items:stretch; | ||
min-height: | width:100%; | ||
min-height:430px; | |||
max-height:560px; | |||
border-radius: | border-radius:24px; | ||
} | } | ||
.print-banner-hero-image{ | .print-banner-hero-image{ | ||
height: | |||
min-height: | width:100%; | ||
height:100%; | |||
min-height:430px; | |||
max-height:560px; | |||
} | } | ||
.print-banner-hero-image img{ | .print-banner-hero-image img{ | ||
width:100%; | |||
height:100%; | height:100%; | ||
min-height:430px; | |||
max-height:560px; | |||
object-fit:cover; | |||
object-position:center; | |||
} | } | ||
/* ===================================================== | |||
HERO CONTENT | |||
===================================================== */ | |||
.print-banner-hero-content{ | |||
width:100%; | |||
min-width:0; | |||
min-height:430px; | |||
padding:35px 34px; | |||
overflow:hidden; | |||
} | |||
.print-banner-title{ | |||
width:100%; | |||
margin-bottom:12px; | |||
font-size:clamp(36px,3.5vw,54px); | |||
line-height:1.4; | |||
} | } | ||
.print- | .print-banner-subtitle{ | ||
width:100%; | |||
margin-bottom:13px; | |||
font-size:clamp(19px,1.8vw,24px); | |||
line-height:1.8; | |||
} | |||
.print-banner-subtitle::before, | |||
.print-banner-subtitle::after{ | |||
width:42px; | |||
flex:0 0 42px; | |||
} | } | ||
.print- | .print-banner-description{ | ||
width: | |||
max-width:590px; | |||
font-size:16px; | |||
line-height:2; | |||
text-align:center; | |||
} | } | ||
/* ===================================================== | /* ===================================================== | ||
HERO BENEFITS | |||
===================================================== */ | ===================================================== */ | ||
.print- | .print-banner-benefits{ | ||
grid-template-columns: | grid-template-columns: | ||
repeat(5,minmax(0,1fr)); | repeat(5,minmax(0,1fr)); | ||
width:100%; | |||
margin-top:20px; | |||
} | } | ||
.print- | .print-benefit{ | ||
min-height:100px; | |||
padding:8px 5px; | |||
} | } | ||
.print- | .print-benefit-icon{ | ||
width:40px; | width:40px; | ||
height:40px; | height:40px; | ||
margin-bottom:5px; | |||
font-size:27px; | |||
} | } | ||
.print- | .print-benefit-title{ | ||
font-size: | |||
font-size:12px; | |||
line-height:1.7; | |||
} | } | ||
/* ===================================================== | |||
SECTION HEADINGS | |||
===================================================== */ | |||
.print-section-heading{ | |||
margin-top:20px; | |||
margin-bottom:0; | |||
} | } | ||
.print- | .print-section-heading h2{ | ||
min-width:170px; | |||
padding:4px 22px; | |||
font-size:16px; | |||
line-height:1.7; | |||
} | } | ||
.print- | /* ===================================================== | ||
PORTFOLIO DESKTOP | |||
===================================================== */ | |||
.print-portfolio{ | |||
width:100%; | |||
margin:0; | |||
padding:16px 8px 8px; | |||
border-radius:20px; | |||
} | } | ||
.print-portfolio-grid{ | .print-portfolio-grid{ | ||
display:grid; | |||
grid-template-columns: | |||
repeat(5,minmax(0,1fr)); | |||
gap:9px; | |||
.print-portfolio-caption{ | width:100%; | ||
min-height: | |||
font-size:15px; | align-items:stretch; | ||
} | } | ||
} | |||
.print-portfolio-item{ | |||
/* ========================================================= | width:100%; | ||
VERY LARGE | |||
========================================================= */ | aspect-ratio:1 / 1; | ||
@media (min-width:1500px){ | height:auto; | ||
.print-banner-container{ | border-radius:13px; | ||
padding: | } | ||
} | |||
.print-portfolio-item img{ | |||
.print-portfolio-item{ | |||
aspect-ratio:1. | width:100%; | ||
} | height:100%; | ||
} | object-fit:cover; | ||
} | |||
/* ========================================================= | |||
TOUCH DEVICES | .print-portfolio-caption{ | ||
========================================================= */ | min-height:66px; | ||
@media (hover:none){ | padding:8px 7px; | ||
font-size:12px; | |||
line-height:1.7; | |||
} | |||
/* ===================================================== | |||
ADVANTAGES DESKTOP | |||
===================================================== */ | |||
.print-advantages{ | |||
width:100%; | |||
margin:0; | |||
padding:12px 8px; | |||
border-radius:20px; | |||
} | |||
.print-advantages-grid{ | |||
display:grid; | |||
grid-template-columns: | |||
repeat(5,minmax(0,1fr)); | |||
width:100%; | |||
} | |||
.print-advantage{ | |||
min-height:82px; | |||
padding:8px 10px; | |||
gap:8px; | |||
} | |||
.print-advantage:not(:last-child){ | |||
border-left:1px dotted #aaa; | |||
border-bottom:0; | |||
} | |||
.print-advantage-icon{ | |||
width:36px; | |||
height:36px; | |||
font-size:15px; | |||
} | |||
.print-advantage-text{ | |||
font-size:12px; | |||
line-height:1.75; | |||
} | |||
} | |||
/* ========================================================= | |||
LARGE DESKTOP | |||
1200px+ | |||
========================================================= */ | |||
@media (min-width:1200px){ | |||
.print-banner-container{ | |||
max-width:1450px; | |||
padding:20px 24px 28px; | |||
} | |||
.print-banner-hero{ | |||
grid-template-columns: | |||
minmax(0,1.06fr) | |||
minmax(0,.94fr); | |||
min-height:470px; | |||
max-height:570px; | |||
border-radius:26px; | |||
} | |||
.print-banner-hero-image{ | |||
min-height:470px; | |||
max-height:570px; | |||
} | |||
.print-banner-hero-image img{ | |||
min-height:470px; | |||
max-height:570px; | |||
} | |||
.print-banner-hero-content{ | |||
min-height:470px; | |||
padding:40px 42px; | |||
} | |||
.print-banner-title{ | |||
font-size:clamp(42px,3.3vw,60px); | |||
line-height:1.4; | |||
} | |||
.print-banner-subtitle{ | |||
font-size:clamp(20px,1.7vw,26px); | |||
} | |||
.print-banner-description{ | |||
max-width:620px; | |||
font-size:17px; | |||
line-height:2.1; | |||
} | |||
.print-banner-benefits{ | |||
margin-top:24px; | |||
} | |||
.print-benefit{ | |||
min-height:105px; | |||
padding:8px 7px; | |||
} | |||
.print-benefit-icon{ | |||
width:44px; | |||
height:44px; | |||
font-size:29px; | |||
} | |||
.print-benefit-title{ | |||
font-size:13px; | |||
line-height:1.75; | |||
} | |||
.print-section-heading{ | |||
margin-top:22px; | |||
} | |||
.print-section-heading h2{ | |||
min-width:190px; | |||
padding:5px 28px; | |||
font-size:17px; | |||
} | |||
.print-portfolio{ | |||
padding:17px 9px 9px; | |||
} | |||
.print-portfolio-grid{ | |||
gap:10px; | |||
} | |||
.print-portfolio-item{ | |||
aspect-ratio:1.05 / 1; | |||
border-radius:14px; | |||
} | |||
.print-portfolio-caption{ | |||
min-height:70px; | |||
padding:9px; | |||
font-size:13px; | |||
} | |||
.print-advantages{ | |||
padding:14px 9px; | |||
} | |||
.print-advantage{ | |||
min-height:88px; | |||
padding:8px 12px; | |||
} | |||
.print-advantage-icon{ | |||
width:39px; | |||
height:39px; | |||
} | |||
.print-advantage-text{ | |||
font-size:13px; | |||
} | |||
} | |||
/* ========================================================= | |||
VERY LARGE DESKTOP | |||
1500px+ | |||
========================================================= */ | |||
@media (min-width:1500px){ | |||
.print-banner-container{ | |||
max-width:1500px; | |||
padding:22px 26px 30px; | |||
} | |||
.print-banner-hero{ | |||
grid-template-columns: | |||
minmax(0,1.05fr) | |||
minmax(0,.95fr); | |||
min-height:500px; | |||
max-height:580px; | |||
} | |||
.print-banner-hero-image{ | |||
min-height:500px; | |||
max-height:580px; | |||
} | |||
.print-banner-hero-image img{ | |||
min-height:500px; | |||
max-height:580px; | |||
} | |||
.print-banner-hero-content{ | |||
min-height:500px; | |||
padding:45px 48px; | |||
} | |||
.print-banner-title{ | |||
font-size:60px; | |||
} | |||
.print-banner-description{ | |||
font-size:18px; | |||
} | |||
.print-portfolio-item{ | |||
aspect-ratio:1.08 / 1; | |||
} | |||
.print-portfolio-caption{ | |||
min-height:74px; | |||
font-size:14px; | |||
} | |||
} | |||
/* ========================================================= | |||
TOUCH DEVICES | |||
========================================================= */ | |||
@media (hover:none){ | |||
.print-portfolio-caption{ | |||
opacity:1; | |||
visibility:visible; | visibility:visible; | ||
| خط ۹۵۹: | خط ۱٬۳۴۳: | ||
); | ); | ||
} | } | ||
} | } | ||
| خط ۹۷۵: | خط ۱٬۳۵۸: | ||
.print-banner-section | .print-banner-section | ||
.print-portfolio-item{ | .print-portfolio-item{ | ||
font-size:0 !important; | font-size:0 !important; | ||
} | } | ||
| خط ۹۸۰: | خط ۱٬۳۶۴: | ||
.print-banner-section | .print-banner-section | ||
.print-portfolio-item img{ | .print-portfolio-item img{ | ||
font-size:0 !important; | font-size:0 !important; | ||
} | } | ||
| خط ۹۹۳: | خط ۱٬۳۷۸: | ||
.print-banner-section *::before, | .print-banner-section *::before, | ||
.print-banner-section *::after{ | .print-banner-section *::after{ | ||
animation:none !important; | animation:none !important; | ||
transition:none !important; | transition:none !important; | ||
scroll-behavior:auto !important; | scroll-behavior:auto !important; | ||
} | } | ||
} | } | ||
| خط ۱٬۰۱۵: | خط ۱٬۴۰۲: | ||
<header class="print-banner-hero"> | <header class="print-banner-hero"> | ||
<div class="print-banner-hero-image"> | <div class="print-banner-hero-image"> | ||
<img | <img | ||
src="https://dl.faraghaib.ir/m/260005-01/260005-01- | src="https://dl.faraghaib.ir/m/260005-01/260005-01-67.png" | ||
alt="دستگاه چاپ بنر اکوسالوند با کیفیت چاپ بالا" | alt="دستگاه چاپ بنر اکوسالوند با کیفیت چاپ بالا" | ||
loading="eager" | loading="eager" | ||
| خط ۱٬۰۲۸: | خط ۱٬۴۱۳: | ||
</div> | </div> | ||
<div class="print-banner-hero-content"> | <div class="print-banner-hero-content"> | ||
| خط ۱٬۰۵۸: | خط ۱٬۴۴۱: | ||
</p> | </p> | ||
<div class="print-banner-benefits" | <div class="print-banner-benefits" | ||
| خط ۱٬۰۶۸: | خط ۱٬۴۴۹: | ||
<div class="print-benefit-icon"> | <div class="print-benefit-icon"> | ||
<i class="fa-solid fa-award" | <i class="fa-solid fa-award" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
| خط ۱٬۰۸۵: | خط ۱٬۴۶۴: | ||
<div class="print-benefit-icon"> | <div class="print-benefit-icon"> | ||
<i class="fa-solid fa-sun" | <i class="fa-solid fa-sun" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
| خط ۱٬۱۰۲: | خط ۱٬۴۷۹: | ||
<div class="print-benefit-icon"> | <div class="print-benefit-icon"> | ||
<i class="fa-solid fa-leaf" | <i class="fa-solid fa-leaf" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
| خط ۱٬۱۱۹: | خط ۱٬۴۹۴: | ||
<div class="print-benefit-icon"> | <div class="print-benefit-icon"> | ||
<i class="fa-solid fa-gauge-high" | <i class="fa-solid fa-gauge-high" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
| خط ۱٬۱۳۶: | خط ۱٬۵۰۹: | ||
<div class="print-benefit-icon"> | <div class="print-benefit-icon"> | ||
<i class="fa-solid fa-thumbs-up" | <i class="fa-solid fa-thumbs-up" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
| خط ۱٬۱۴۸: | خط ۱٬۵۱۹: | ||
</div> | </div> | ||
</div> | </div> | ||
| خط ۱٬۱۵۵: | خط ۱٬۵۲۵: | ||
</header> | </header> | ||
<!-- ========================================================= | <!-- ========================================================= | ||
PORTFOLIO | |||
========================================================= --> | ========================================================= --> | ||
<div class="print-section-heading"> | <div class="print-section-heading"> | ||
<h2> | <h2>نمونه کارها</h2> | ||
</div> | </div> | ||
| خط ۱٬۱۷۳: | خط ۱٬۵۴۰: | ||
<section class="print-portfolio" | <section class="print-portfolio" | ||
aria-label="نمونه کارهای چاپ بنر"> | aria-label="نمونه کارهای چاپ بنر"> | ||
<div class="print-portfolio-grid"> | <div class="print-portfolio-grid"> | ||
<figure class="print-portfolio-item"> | <figure class="print-portfolio-item"> | ||
| خط ۱٬۱۹۵: | خط ۱٬۵۵۹: | ||
</figure> | </figure> | ||
<figure class="print-portfolio-item"> | <figure class="print-portfolio-item"> | ||
| خط ۱٬۲۱۴: | خط ۱٬۵۷۵: | ||
</figure> | </figure> | ||
<figure class="print-portfolio-item"> | <figure class="print-portfolio-item"> | ||
| خط ۱٬۲۳۳: | خط ۱٬۵۹۱: | ||
</figure> | </figure> | ||
<figure class="print-portfolio-item"> | <figure class="print-portfolio-item"> | ||
| خط ۱٬۲۵۲: | خط ۱٬۶۰۷: | ||
</figure> | </figure> | ||
<figure class="print-portfolio-item"> | <figure class="print-portfolio-item"> | ||
| خط ۱٬۲۷۵: | خط ۱٬۶۲۷: | ||
</section> | </section> | ||
<!-- ========================================================= | <!-- ========================================================= | ||
ADVANTAGES | |||
========================================================= --> | ========================================================= --> | ||
<div class="print-section-heading"> | <div class="print-section-heading"> | ||
<h2> | <h2>مزایا</h2> | ||
</div> | </div> | ||
| خط ۱٬۲۹۳: | خط ۱٬۶۴۲: | ||
<section class="print-advantages" | <section class="print-advantages" | ||
aria-label="مزایای چاپ اکوسالوند"> | aria-label="مزایای چاپ اکوسالوند"> | ||
<div class="print-advantages-grid"> | <div class="print-advantages-grid"> | ||
| خط ۱٬۳۰۱: | خط ۱٬۶۴۹: | ||
<div class="print-advantage-icon"> | <div class="print-advantage-icon"> | ||
<i class="fa-solid fa-check" | <i class="fa-solid fa-check" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
<p class="print-advantage-text"> | <p class="print-advantage-text"> | ||
چاپ بر روی طیف وسیعی | چاپ بر روی طیف وسیعی | ||
از متریالها | از متریالها | ||
</p> | </p> | ||
</div> | </div> | ||
| خط ۱٬۳۲۱: | خط ۱٬۶۶۴: | ||
<div class="print-advantage-icon"> | <div class="print-advantage-icon"> | ||
<i class="fa-solid fa-check" | <i class="fa-solid fa-check" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
<p class="print-advantage-text"> | <p class="print-advantage-text"> | ||
رنگهای زنده | رنگهای زنده | ||
با ماندگاری طولانی | با ماندگاری طولانی | ||
</p> | </p> | ||
</div> | </div> | ||
| خط ۱٬۳۴۱: | خط ۱٬۶۷۹: | ||
<div class="print-advantage-icon"> | <div class="print-advantage-icon"> | ||
<i class="fa-solid fa-check" | <i class="fa-solid fa-check" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
<p class="print-advantage-text"> | <p class="print-advantage-text"> | ||
مقاوم در برابر شرایط | مقاوم در برابر شرایط | ||
جوی و خراش | جوی و خراش | ||
</p> | </p> | ||
</div> | </div> | ||
| خط ۱٬۳۶۱: | خط ۱٬۶۹۴: | ||
<div class="print-advantage-icon"> | <div class="print-advantage-icon"> | ||
<i class="fa-solid fa-check" | <i class="fa-solid fa-check" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
<p class="print-advantage-text"> | <p class="print-advantage-text"> | ||
سازگار با محیط زیست | سازگار با محیط زیست | ||
بدون بوی تند | بدون بوی تند | ||
</p> | </p> | ||
</div> | </div> | ||
| خط ۱٬۳۸۱: | خط ۱٬۷۰۹: | ||
<div class="print-advantage-icon"> | <div class="print-advantage-icon"> | ||
<i class="fa-solid fa-check" | <i class="fa-solid fa-check" | ||
aria-hidden="true"></i> | aria-hidden="true"></i> | ||
</div> | </div> | ||
<p class="print-advantage-text"> | <p class="print-advantage-text"> | ||
هزینه نگهداری پایین | هزینه نگهداری پایین | ||
و عمر طولانی دستگاه | و عمر طولانی دستگاه | ||
</p> | </p> | ||
نسخهٔ ۲۳ اوت ۲۰۲۶، ساعت ۰۸:۳۸
نمونه کارها
مزایا
چاپ بر روی طیف وسیعی از متریالها
رنگهای زنده با ماندگاری طولانی
مقاوم در برابر شرایط جوی و خراش
سازگار با محیط زیست بدون بوی تند
هزینه نگهداری پایین و عمر طولانی دستگاه