[ux_slider]
[ux_banner height=”700px” bg=”517″ bg_overlay=”rgba(0, 0, 0, 0.25)”]
[text_box width=”51″ 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=”519″]
[text_box width=”46″ animate=”fadeInRight” parallax=”1″ position_x=”5″ position_y=”50″]
عنوان ساده
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
[button text=”خرید” color=”white”]
[button text=”بیشتر بدانید” color=”white” style=”outline”]
[/text_box]
[/ux_banner]
[/ux_slider]
[row v_align=”middle”]
[col span=”7″]
[ux_banner height=”600px” bg=”525″ bg_pos=”44% 39%”]
[text_box text_color=”dark” width=”63″ 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=”دکمه”]
[button text=”لینک” style=”link” icon=”icon-play”]
[/text_box]
[/ux_banner]
[/col]
[col span=”5″ span__sm=”12″ align=”center”]
یک عنوان ساده در نظر بگیرید
لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است.
[ux_image id=”525″]
[/col]
[col span=”14″]
[ux_banner height=”56.25%” height__sm=”50%” bg=”527″ bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”glow”]
[text_box width=”36″ position_x=”10″ 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=”533″ image_size=”original”]
[/col]
[/row]
[title style=”center” text=”افکت شناور بنرها”]
[row]
[col span=”4″]
[ux_banner height=”200px” bg=”527″ 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=”527″ 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=”527″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”zoom-fade”]
[text_box width=”36″ position_x=”50″ position_y=”50″]
بزگنمایی و محوشدن
[/text_box]
[/ux_banner]
[/col]
[col span=”4″]
[ux_banner height=”200px” bg=”527″ 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=”527″ bg_size=”medium” bg_overlay=”rgba(22, 20, 16, 0.18)” hover=”fade-in”]
[text_box width=”36″ position_x=”50″ position_y=”50″]
از بین رفتن محو شدگی
[/text_box]
[/ux_banner]
[/col]
[col span=”4″]
[ux_banner height=”200px” bg=”527″ 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=”527″ 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=”527″ 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=”527″ 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=”527″ 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=”527″ 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=”551″ bg_overlay=”rgba(165, 216, 136, 0.5)” parallax=”2″ video_mp4=”https://idealsanat.com/wp-content/uploads/2021/08/Banners-Flatsome-1.mp4″]
[text_box width=”41″ position_x=”50″ position_y=”50″]
پس زمینه ویدئویی
[/text_box]
[/ux_banner]