[ux_slider]

[ux_banner height=”700px” bg=”744″ bg_overlay=”rgba(0, 0, 0, 0.25)”]

[text_box width=”69″ animate=”fadeInLeft” position_x=”50″ position_y=”50″ text_depth=”1″]

با کشیدن و رها‌کردن بنر‌های زیبا بسازید

[divider]

[button text=”یک دکمه” color=”success” depth=”3″]

[/text_box]

[/ux_banner]
[ux_banner height=”700px” bg=”338″]

[text_box width=”46″ animate=”fadeInRight” parallax=”1″ position_x=”100″ position_y=”50″]

این یک عنوان ساده است

لورم ایپسوم یا طرح‌نما به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود

[button text=”خرید کنید” color=”white” depth_hover=”4″]

[button text=”اطلاعات بیشتر” color=”white” style=”outline” depth_hover=”4″]

[/text_box]

[/ux_banner]

[/ux_slider]
[row v_align=”middle”]

[col span=”7″]

[ux_banner height=”600px” bg=”839″ bg_pos=”16% 43%”]

[text_box text_color=”dark” width=”69″ width__sm=”78″ padding=”39px” position_x=”5″ position_x__sm=”50″ position_y=”50″ bg=”rgba(255, 255, 255, 0.85)” depth=”2″]

این یک عنوان ساده است

لورم ایپسوم یا طرح‌نما به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود

[button text=”لینک معمولی” style=”link” icon=”icon-play”]

[button text=”دکمه معمولی”]

[/text_box]

[/ux_banner]

[/col]
[col span=”5″ span__sm=”12″ align=”center”]

این یک عنوان ساده است

لورم ایپسوم یا طرح‌نما به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود

[ux_image id=”983″ margin=”28px 0px 0px 0px”]

[/col]
[col span=”14″]

[ux_banner height=”56.25%” height__sm=”50%” bg=”822″ bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”glow”]

[text_box width=”36″ position_x=”90″ position_y=”50″]

عنوان کوچک

لورم ایپسوم یا طرح‌نما به متنی آزمایشی و بی‌معنی در صنعت چاپ، صفحه‌آرایی و طراحی گرافیک گفته می‌شود

[button text=”کلیک کنید”]

[/text_box]

[/ux_banner]

[/col]
[col span=”6″ span__sm=”12″ align=”center”]

نقطه تمرکز بنر را مشخص کنید

این قابلیت فقط مخصوص قالب فلت‌سام است و به زیبا بودن سایت شما و رسپانسیو بودن آن کمک می‌کند.

[/col]
[col span=”6″ span__sm=”12″]

[ux_image id=”984″ image_size=”original”]

[/col]

[/row]
[title style=”center” text=”افکت بنر هنگام هاور”]

[row]

[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”glow”]

[text_box width=”36″ position_x=”50″ position_y=”50″]

درخشش

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom”]

[text_box width=”36″ position_x=”50″ position_y=”50″]

بزرگنمایی

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom-fade”]

[text_box width=”47″ position_x=”50″ position_y=”50″]

بزرگنمایی و محوشدن

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”blur”]

[text_box width=”36″ position_x=”50″ position_y=”50″]

تارشدن

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-in”]

[text_box width=”51″ position_x=”50″ position_y=”50″]

از بین رفتن محو شدگی

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-out”]

[text_box width=”36″ position_x=”50″ position_y=”50″]

محوشدن

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”color”]

[text_box width=”36″ position_x=”50″ position_y=”50″]

رنگی شدن

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”grayscale”]

[text_box width=”36″ position_x=”50″ position_y=”50″]

خاکستری

[/text_box]

[/ux_banner]

[/col]
[col span=”4″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add”]

[text_box width=”51″ position_x=”50″ position_y=”50″]

اضافه‌شدن روکش

هر رنگی می‌تواند باشد

[/text_box]

[/ux_banner]

[/col]

[/row]
[row]

[col span__sm=”12″]

همه این‌ها می‌توانند با بقیه ترکیب‌شوند تا افکت‌های جذاب‌تری را بوجود‌آورند.

[/col]

[/row]
[row]

[col span=”6″ span__sm=”12″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add” border=”3px 3px 3px 3px” border_margin=”10px 10px 10px 10px” border_hover=”zoom”]

[text_box width=”51″ position_x=”50″ position_y=”50″]

اضافه شدن حاشیه

[/text_box]

[/ux_banner]

[/col]
[col span=”6″ span__sm=”12″]

[ux_banner height=”200px” bg=”822″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”overlay-add”]

[text_box width=”51″ position_x=”50″ position_y=”50″]

اضافه‌شدن روکش

هر رنگی می‌تواند باشد

[/text_box]

[/ux_banner]

[/col]

[/row]
[ux_banner height=”500px” bg=”4079″ parallax=”2″ video_mp4=”https://kifonlinetak.ir/wp-content/uploads/2019/10/7202.mp4″]

[text_box width=”41″ position_x=”50″ position_y=”50″]

پس زمینه ویدئویی

[/text_box]

[/ux_banner]