[ux_banner height=”562px” height__sm=”368px” bg=”976″ bg_overlay=”rgba(0, 0, 0, 0.27)” parallax=”2″]

[text_box width=”68″ width__sm=”81″ position_x=”50″ position_y=”50″]

قالب قدرتمند ، با تصاویر قدرتمند

هر جا که بخواهید می توانید تصاویر را به صورت رسپانسیو وارد کنید.

[/text_box]

[/ux_banner]
[row style=”large” v_align=”middle”]

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

تصاویر زیبا ، توضیحات زیبا

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

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

[ux_image id=”822″ image_size=”large” lightbox=”true” caption=”true” image_overlay=”rgba(0, 0, 0, 0.16)” image_hover=”zoom-long” animate=”fadeInUp”]

[/col]

[/row]
[title style=”center” text=”حالت‌های مختلف روکش تصویر”]

[row]

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

[ux_image id=”976″ image_hover=”glow”]

درخشش

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

[ux_image id=”976″ image_hover=”color” animate=”fadeInLeft”]

رنگی شدن

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

[ux_image id=”976″ image_hover=”grayscale” animate=”fadeInLeft”]

خاکستری

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

[ux_image id=”976″ image_hover=”fade-in” animate=”fadeInLeft”]

محو شدن

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

[ux_image id=”976″ image_hover=”zoom-fade” animate=”fadeInLeft”]

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

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

[ux_image id=”976″ image_overlay=”rgba(0, 0, 0, 0.37)” image_hover=”overlay-add” animate=”fadeInLeft”]

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

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

[ux_image id=”976″ image_overlay=”rgba(0, 0, 0, 0.37)” image_hover=”overlay-remove” animate=”fadeInLeft”]

حذف روکش

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

[ux_image id=”976″ image_hover=”blur” animate=”fadeInLeft”]

تارشدن

[/col]

[/row]
[row]

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

[title style=”center” text=”تصویر همراه فیلم”]

[ux_image id=”822″ animate=”fadeInLeft” link=”https://www.youtube.com/watch?v=_j5KR28qtsI”]

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

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

[title style=”center” text=”تصویر با سایه”]

[ux_image id=”976″ image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با استفاده از طراحان گرافیک است.

[/col]

[/row]
[title style=”center” text=”تصاویر همراه با اسلایدر”]

[ux_slider style=”container” slide_width=”700px” bg_color=”rgb(0, 0, 0)”]

[ux_image id=”821″ height=”75%” image_hover=”overlay-remove” depth_hover=”2″]

[ux_image id=”338″ height=”75%” image_hover=”overlay-remove” depth=”3″]

[ux_image id=”566″ height=”75%” image_hover=”overlay-remove”]

[ux_image id=”976″ height=”75%” link=”https://rayantheme.info/Flatsome/wp-content/uploads/2019/10/7202.mp4″]

[/ux_slider]
[row]

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

[title style=”center” text=”تصویر با پارالاکس معکوس”]

[ux_image id=”976″ image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ parallax=”-1″ animate=”fadeInLeft”]

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

[title style=”center” text=”تصویر پارالاکس”]

[ux_image id=”822″ image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ parallax=”1″ animate=”fadeInLeft”]

[/col]

[/row]
[title style=”center” text=”تصاویر لایت باکس”]

[row]

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

[ux_image id=”516″ height=”75%” lightbox=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

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

[ux_image id=”517″ height=”75%” lightbox=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

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

[ux_image id=”673″ height=”75%” lightbox=”true” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

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

[ux_image id=”976″ height=”75%” lightbox=”true” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

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

[title style=”center” text=”تصویر همراه با کپشن”]

[row_inner]

[col_inner span=”4″ span__sm=”12″]

[ux_image id=”1008″ height=”75%” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

[/col_inner]
[col_inner span=”4″ span__sm=”12″]

[ux_image id=”833″ height=”75%” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

[/col_inner]
[col_inner span=”4″ span__sm=”12″]

[ux_image id=”673″ height=”75%” caption=”true” image_hover=”overlay-remove” depth=”3″ depth_hover=”5″ animate=”fadeInLeft”]

[/col_inner]

[/row_inner]

[/col]

[/row]