Banners

[vc_row no_padding=”yes” el_class=”mt-5 pt-5″][vc_column][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}” el_class=”px-4″]Entrance Effect for Entire and Individuals[/porto_ultimate_heading][porto_ultimate_heading heading_tag=”div” animation_delay=”700″ sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“15.4px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” el_class=”mb-4 mx-auto mw-750 px-4″]Now we provide lots of animations in banner and other elements. It makes your site more beautiful than ever before. Please purchase Porto without hesitation.[/porto_ultimate_heading][porto_carousel stage_padding=”0″ margin=”0″ show_nav=”yes” show_nav_hover=”yes” nav_pos=”nav-pos-inside” nav_type=”nav-style-4″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ el_class=”home-banner-slider mb-0″][porto_interactive_banner banner_image=”3157″ add_container=”yes” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#d8dce5″ min_height=”36rem” el_class=”mb-0″][porto_interactive_banner_layer horizontal=”0″ vertical=”50″ el_class=”text-right” animation_type=”fadeInLeft”][vc_custom_heading text=”Find the Boundaries. Push Through!” font_container=”tag:h4|font_size:1.3125em|text_align:left|color:rgba(34%2C37%2C41%2C0.7)|line_height:1″ use_theme_fonts=”yes” font_weight=”500″ letter_spacing=”.125em” animation_delay=”200″ el_class=”mb-1″][vc_custom_heading text=”Sunglasses” font_container=”tag:h2|font_size:4.5em|text_align:left|line_height:1″ use_theme_fonts=”yes” text_transform=”text-uppercase” font_weight=”700″ letter_spacing=”0″ animation_delay=”200″ el_class=”mb-0″][vc_single_image image=”3161″ img_size=”full” animation_delay=”400″ el_class=”mw-55 ml-auto mb-0″][vc_btn title=”Shop Now!” style=”modern” size=”lg” skin=”dark” btn_fs=”1em” btn_fw=”700″ btn_ls=”-.025em” animation_delay=”600″ btn_px=”3em” btn_py=”1em” el_class=”pull-left mr-3 mb-0″][vc_custom_heading text=”Starting At” font_container=”tag:h6|font_size:.8125em|text_align:left|line_height:1″ use_theme_fonts=”yes” text_transform=”text-uppercase” font_weight=”700″ letter_spacing=”-.02em” animation_delay=”900″ el_class=”d-inline-block m-r-sm”][vc_custom_heading text=”$9999″ font_container=”tag:h5|font_size:.875em|text_align:left|line_height:1″ use_theme_fonts=”yes” skin=”light” letter_spacing=”-.02em” animation_delay=”1400″ el_class=”d-inline-block background-color-secondary mb-0 sale-text”][/porto_interactive_banner_layer][/porto_interactive_banner][porto_interactive_banner banner_image=”3158″ add_container=”yes” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#d8dce5″ min_height=”36rem” el_class=”mb-0″][porto_interactive_banner_layer horizontal=”91″ vertical=”50″ el_class=”text-right pr-xl-5″][vc_custom_heading text=”Take Your Chill Up a Level” font_container=”tag:h4|font_size:1.3125em|text_align:left|color:rgba(34%2C37%2C41%2C0.7)|line_height:1″ use_theme_fonts=”yes” font_weight=”500″ letter_spacing=”.125em” animation_delay=”200″ el_class=”mb-1″ animation_type=”fadeInUp”][vc_custom_heading text=”Casual Wear” font_container=”tag:h2|font_size:3.875em|text_align:left|line_height:1″ use_theme_fonts=”yes” text_transform=”text-uppercase” font_weight=”700″ letter_spacing=”0″ animation_delay=”200″ el_class=”mb-1″ animation_type=”fadeInRight”][vc_single_image image=”3162″ img_size=”full” animation_delay=”400″ el_class=”mw-55 ml-auto mb-2″ animation_type=”fadeInUp”][vc_btn title=”Shop Now!” style=”modern” size=”lg” skin=”dark” btn_fs=”1em” btn_fw=”700″ btn_ls=”-.025em” animation_delay=”1200″ btn_px=”3em” btn_py=”1em” el_class=”pull-left mr-3 mb-0″ animation_type=”fadeInLeft”][vc_custom_heading text=”Starting At” font_container=”tag:h6|font_size:.8125em|text_align:left|line_height:1″ use_theme_fonts=”yes” text_transform=”text-uppercase” font_weight=”700″ letter_spacing=”-.02em” animation_delay=”900″ el_class=”d-inline-block m-r-sm” animation_type=”fadeInLeft”][vc_custom_heading text=”$9999″ font_container=”tag:h5|font_size:.875em|text_align:left|line_height:1″ use_theme_fonts=”yes” skin=”light” letter_spacing=”-.02em” animation_delay=”600″ el_class=”d-inline-block background-color-secondary mb-0 sale-text” animation_type=”fadeIn”][/porto_interactive_banner_layer][/porto_interactive_banner][/porto_carousel][/vc_column][/vc_row][vc_row content_placement=”middle” wrap_container=”yes” css=”.vc_custom_1620693210912{padding-top: 120px !important;padding-bottom: 80px !important;background-color: #f7f7f7 !important;}”][vc_column width=”5/12″][porto_ultimate_heading main_heading=”Banner Features” alignment=”left” spacer=”line_only” spacer_position=”middle” line_height=”6″ line_color=”#0088cc” animation_delay=”300″ main_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“3rem“,“line_height“:“1“,“letter_spacing“:“-1.2px“,“text_transform“:“none“}” sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“16px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” line_width=”120″ main_heading_margin_bottom=”20″ spacer_margin_bottom=”30″ animation_type=”fadeInUp”][/porto_ultimate_heading][porto_ultimate_heading main_heading=”With the Porto, you can design stunning banner without any coding knowledge. Porto gives you ability to make better design than the other sites. Please try! More people will visit your site, because Porto is wonderful.” enable_typewriter=”yes” typewriter_delay=”600″ heading_tag=”div” alignment=”left” main_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“16px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” el_class=”m-b-lg”][/porto_ultimate_heading][vc_btn title=”Below Example” shape=”rounded” size=”xl” skin=”dark” animation_delay=”500″ link=”url:%23example” animation_type=”fadeInUp” el_class=”hash-scroll-wrap”][/vc_column][vc_column width=”7/12″][vc_single_image image=”3247″ img_size=”full” alignment=”center” style=”vc_box_rounded” floating_start_pos=”none” floating_speed=”9.8″ floating_duration=”1000″ el_class=”mb-0 custom-feature-shadow”][vc_single_image image=”3248″ img_size=”full” style=”vc_box_rounded” floating_start_pos=”bottom” floating_speed=”9.6″ el_class=”position-absolute custom-img-pos-1 mb-0 custom-feature-shadow” floating_duration=”1000″][/vc_column][/vc_row][vc_row no_padding=”yes” el_id=”example”][vc_column][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}” el_class=”p-t-xxl px-4″]Background KenBurns Effect[/porto_ultimate_heading][porto_ultimate_heading heading_tag=”div” animation_delay=”700″ sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“15.4px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” el_class=”mb-4 mw-750 mx-auto px-4″]Here, you can see Kenburns effect. It adds perspective effect to your banner.[/porto_ultimate_heading][porto_interactive_banner banner_image=”3169″ add_container=”yes” banner_effect=”kenBurnsToRight” image_opacity=”1″ image_opacity_on_hover=”1″ min_height=”400px” el_class=”mb-0 custom-banner-1″][porto_interactive_banner_layer horizontal=”0″ vertical=”” el_class=”custom-style-1″][vc_raw_html]JTNDc3ZnJTIwY2xhc3MlM0QlMjJjdXN0b20tc3ZnLTElMjBkLW5vbmUlMjBkLXNtLWJsb2NrJTIyJTIwdmVyc2lvbiUzRCUyMjEuMSUyMiUyMHhtbG5zJTNEJTIyaHR0cCUzQSUyRiUyRnd3dy53My5vcmclMkYyMDAwJTJGc3ZnJTIyJTIweG1sbnMlM0F4bGluayUzRCUyMmh0dHAlM0ElMkYlMkZ3d3cudzMub3JnJTJGMTk5OSUyRnhsaW5rJTIyJTIweCUzRCUyMjBweCUyMiUyMHklM0QlMjIwcHglMjIlMjB2aWV3Qm94JTNEJTIyMCUyMDAlMjA2NDklMjA1NzglMjIlM0UlMEElM0NwYXRoJTIwZmlsbCUzRCUyMiUyM0ZGRiUyMiUyMGQlM0QlMjJNLTIyNS41JTJDMTU0LjdsMzU4LjQ1JTJDNDU2Ljk2YzcuNzElMkM5LjgzJTJDMjEuOTIlMkMxMS41NCUyQzMxLjc1JTJDMy44NGw0NTYuOTYtMzU4LjQ1YzkuODMtNy43MSUyQzExLjU0LTIxLjkyJTJDMy44NC0zMS43NSUyMEwyNjcuMDUtMjMxLjY2Yy03LjcxLTkuODMtMjEuOTItMTEuNTQtMzEuNzUtMy44NGwtNDU2Ljk2JTJDMzU4LjQ1Qy0yMzEuNDklMkMxMzAuNjYtMjMzLjIlMkMxNDQuODctMjI1LjUlMkMxNTQuN3olMjIlM0UlM0MlMkZwYXRoJTNFJTBBJTNDcGF0aCUyMGNsYXNzJTNEJTIyYW5pbWF0ZWQlMjBjdXN0b21MaW5lQW5pbSUyMiUyMGZpbGwlM0QlMjJub25lJTIyJTIwc3Ryb2tlJTNEJTIyJTIzMUM1RkE4JTIyJTIwc3Ryb2tlLXdpZHRoJTNEJTIyMS41JTIyJTIwc3Ryb2tlLW1pdGVybGltaXQlM0QlMjIxMCUyMiUyMGQlM0QlMjJNNDE2LTIxbDIwMi4yNyUyQzI5Mi45MWM1LjQyJTJDNy44NSUyQzMuNjMlMkMxOC41OS00LjA1JTJDMjQuMjVMMTk4JTJDNjAzJTIyJTIwc3R5bGUlM0QlMjJhbmltYXRpb24tZGVsYXklM0ElMjAzMDBtcyUzQiUyMGFuaW1hdGlvbi1kdXJhdGlvbiUzQSUyMDVzJTNCJTIyJTNFJTNDJTJGcGF0aCUzRSUwQSUzQyUyRnN2ZyUzRQ==[/vc_raw_html][/porto_interactive_banner_layer][porto_interactive_banner_layer horizontal=”0″ vertical=”50″ el_class=”custom-style-2″][porto_ultimate_heading main_heading=”Mechanics Who Are Ready To Work For You” main_heading_color=”#969696″ heading_tag=”h4″ alignment=”left” animation_delay=”800″ main_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“1.35em“,“line_height“:“1.7“,“letter_spacing“:“-0.945px“,“text_transform“:“none“}” animation_type=”fadeInUp”][/porto_ultimate_heading][porto_ultimate_heading main_heading=”Reliable And Knowledgeable Mechanics Locate In Los Angeles, CA” heading_tag=”h3″ alignment=”left” animation_delay=”1100″ main_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“2.3em“,“line_height“:“44px“,“letter_spacing“:“-1.61px“,“text_transform“:“none“}” animation_type=”fadeInUp”][/porto_ultimate_heading][/porto_interactive_banner_layer][/porto_interactive_banner][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}” el_class=”p-t-xxl px-4″]A lot of Hover Effects[/porto_ultimate_heading][porto_ultimate_heading heading_tag=”div” animation_delay=”700″ sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“15.4px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” el_class=”mb-4 mw-750 mx-auto px-4″]There are many hover effects as you can see below. Please choose any effect to suit your need.[/porto_ultimate_heading][vc_row_inner wrap_container=”yes”][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”effect-1″ image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″][vc_custom_heading text=”Effect 1″ font_container=”tag:h3|text_align:left|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”zoom” image_opacity=”1″ image_opacity_on_hover=”0.8″ banner_color_bg=”#2b2b2b”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″ width=”80%” el_class=”text-center”][vc_custom_heading text=”Opacity and Zoom” font_container=”tag:h3|text_align:center|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”effect-3″ image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″][vc_custom_heading text=”Effect 3″ font_container=”tag:h3|text_align:left|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”zoom” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b” el_class=”custom-hover-1 custom-hover-feature”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″][vc_custom_heading text=”Zoom” font_container=”tag:h3|text_align:left|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”fadein” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b” el_class=”custom-hover-1 custom-hover-fadein”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″ width=”80%”][vc_custom_heading text=”Content Fade In” font_container=”tag:h3|text_align:center|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”overlay” overlay_opacity=”0.1″ image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b” overlay_color=”#fff”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″][vc_custom_heading text=”Overlay” font_container=”tag:h3|text_align:left|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”effect-2″ image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″][vc_custom_heading text=”Effect 2″ font_container=”tag:h3|text_align:left|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”fadeout” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b” el_class=”custom-hover-1 custom-hover-fadeout”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″ width=”80%”][vc_custom_heading text=”Content Fade Out” font_container=”tag:h3|text_align:center|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][vc_column_inner width=”1/3″ offset=”vc_col-xs-6″][porto_interactive_banner banner_image=”3218″ banner_style=”effect-4″ image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#2b2b2b”][porto_interactive_banner_layer horizontal=”50″ vertical=”50″][vc_custom_heading text=”Effect 4″ font_container=”tag:h3|text_align:left|color:%23ffffff” use_theme_fonts=”yes” font_weight=”700″][/porto_interactive_banner_layer][/porto_interactive_banner][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row no_padding=”yes” el_class=”home-banner-slider”][vc_column][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}” el_class=”p-t-xxl px-4″]Niche Particle Effects[/porto_ultimate_heading][porto_ultimate_heading heading_tag=”div” animation_delay=”700″ sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“15.4px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” el_class=”mb-4 mw-750 mx-auto px-4″]Snow and Sparkle effects, only you click once.[/porto_ultimate_heading][porto_carousel stage_padding=”0″ margin=”0″ show_nav=”yes” show_nav_hover=”yes” nav_pos=”nav-pos-inside” nav_type=”nav-style-4″ items=”1″ items_lg=”1″ items_md=”1″ items_sm=”1″ items_xs=”1″ el_class=”mb-0″][porto_interactive_banner banner_image=”3225″ particle_effect=”snowfall” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#f7e1e8″ min_height=”400″ el_class=”mb-0″][porto_interactive_banner_layer horizontal=”11.5″ vertical=”50″ animation_delay=”300″ animation_type=”fadeInRight”][vc_custom_heading text=”New Amazing Collection” font_container=”tag:h4|font_size:1.375em|text_align:left|line_height:1″ use_theme_fonts=”yes” font_weight=”600″ letter_spacing=”.2em” el_class=”mb-2″][vc_custom_heading text=”Summer Beauty Sale” font_container=”tag:h2|font_size:5.375em|text_align:left|line_height:1″ use_theme_fonts=”yes” font_weight=”700″ el_class=”mb-4 pr-3 custom-font font-italic”][vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ullamcorper quam lacus, et suscipit lectus porta efficitur.” font_container=”tag:p|font_size:1.375em|text_align:left|color:%23777777|line_height:1.5″ use_theme_fonts=”yes” font_weight=”300″ letter_spacing=”-.015em” el_class=”mb-4 pb-xl-1 mw-fit”][vc_custom_heading text=”STARTING AT $3999” font_container=”tag:h5|font_size:1.125em|text_align:left|line_height:1″ use_theme_fonts=”yes” letter_spacing=”-.02em” el_class=”pull-left mr-4 mr-xl-5 pr-lg-3″][vc_btn title=”Shop Now” style=”modern” size=”lg” skin=”light”][/porto_interactive_banner_layer][/porto_interactive_banner][porto_interactive_banner banner_image=”3226″ particle_effect=”sparkle” image_opacity=”1″ image_opacity_on_hover=”1″ banner_color_bg=”#f7e1e8″ min_height=”400″ el_class=”mb-0″][porto_interactive_banner_layer horizontal=”88.5″ vertical=”50″ animation_delay=”100″ el_class=”text-right” animation_type=”fadeInLeft”][vc_custom_heading text=”Back In Stock” font_container=”tag:h4|font_size:1.375em|text_align:right|line_height:1″ use_theme_fonts=”yes” font_weight=”600″ letter_spacing=”.2em” el_class=”mb-2″][vc_custom_heading text=”Ultimate SkinCare” font_container=”tag:h2|font_size:5.375em|text_align:right|line_height:1″ use_theme_fonts=”yes” font_weight=”700″ el_class=”mb-4 custom-font font-italic”][vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent lori ullamcorper quam lacus, et suscipit lectus porta efficitur.” font_container=”tag:p|font_size:1.375em|text_align:right|color:%23777777|line_height:1.5″ use_theme_fonts=”yes” font_weight=”300″ letter_spacing=”-.015em” el_class=”mb-4 pb-xl-1 mw-fit”][vc_custom_heading text=”STARTING AT $3999” font_container=”tag:h5|font_size:1.125em|text_align:left|line_height:1″ use_theme_fonts=”yes” letter_spacing=”-.02em” el_class=”d-inline-block mr-4 mr-xl-5 pr-lg-3″][vc_btn title=”Shop Now” style=”modern” size=”lg” skin=”light”][/porto_interactive_banner_layer][/porto_interactive_banner][/porto_carousel][/vc_column][/vc_row][vc_row content_placement=”middle” wrap_container=”yes” css=”.vc_custom_1620709960716{background-color: #f4f4f4 !important;}” el_class=”p-t-xxl p-b-xxl”][vc_column offset=”vc_col-md-8″ el_class=”mx-auto”][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}”]Use One layer Banner in Elementor[/porto_ultimate_heading][porto_ultimate_heading heading_tag=”div” animation_delay=”700″ sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“15.4px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” el_class=”mb-4 mw-750 mx-auto”]Easy to use. It reduces DOM nodes extremely. DOM optimization increases Google PageSpeed Insights of your site to 100. Please try.[/porto_ultimate_heading][/vc_column][vc_column offset=”vc_col-md-8″ el_class=”mb-4 mb-lg-0″][vc_single_image image=”3328″ img_size=”full” alignment=”center” animation_delay=”300″ el_class=”mb-0″ animation_type=”fadeIn”][/vc_column][vc_column offset=”vc_col-md-4″][porto_ultimate_heading main_heading=”Use it for optimization” heading_tag=”h3″ alignment=”left” animation_delay=”900″ main_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:““,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:““,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” main_heading_margin_bottom=”18″]Elementor is #1 WordPress page builder which is proved its 5,000,000+ people. But it has a important disadvantage. Lots of dom elements have influenced speed. One-Layer Banner solves this problem.[/porto_ultimate_heading][/vc_column][/vc_row][vc_row wrap_container=”yes” el_class=”m-b-xxl”][vc_column][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}” el_class=”p-t-xxl mb-4″]Video Banner[/porto_ultimate_heading][porto_interactive_banner image_opacity=”1″ image_opacity_on_hover=”1″ animation_delay=”400″ min_height=”400px” banner_video=”https://www.portotheme.com/wordpress/porto/wp-content/uploads/videos/landing.mp4″ parallax=”1.5″ animation_type=”fadeIn”][/porto_interactive_banner][/vc_column][vc_column][porto_ultimate_heading sub_heading_color=”#212529″ animation_delay=”500″ animation_type=”fadeInUp” sub_heading_porto_typography=”{“family“:“Poppins“,“variant“:“700“,“font_size“:“32px“,“line_height“:“1.2“,“letter_spacing“:“-1px“,“text_transform“:“none“}” el_class=”p-t-xxl”]Element Options Glossary[/porto_ultimate_heading][porto_ultimate_heading heading_tag=”div” animation_delay=”700″ sub_heading_porto_typography=”{“family“:“Lora“,“variant“:“Default“,“font_size“:“15.4px“,“line_height“:““,“letter_spacing“:““,“text_transform“:“none“}” animation_type=”fadeInUp” el_class=”mb-4 mw-750 mx-auto”]This element gives you style options and content options that are unique and will stand out from the rest of the site. Please try! Each option works smoothly, perfectly and well.[/porto_ultimate_heading][/vc_column][vc_column width=”1/2″ el_class=”mb-4 mb-md-0″][porto_ultimate_content_box box_shadow=”horizontal:px|vertical:px|blur:px|spread:px|style:none|” el_class=”p-lg-5 p-4 bg-grey” hover_box_shadow=”horizontal:px|vertical:px|blur:px|spread:px|style:inherit|”][vc_custom_heading text=”Banner Options” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” font_weight=”700″][porto_info_list icon_color=”#0088cc” el_class=”custom-option”][porto_info_list_item list_icon=”fas fa-check”]Banner Image – Choose an image from media library.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Video Banner Url – Url for the video banner.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Background Color – Placeholder background color instead of image.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Link – The destination link for the banner.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Min Height – Min height of this banner.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Add Container – If banner is full width, you can add container in banner.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Parallax – Set parallax property.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Banner Effect – You can give Kenburns Effect to banner. It gives perspective effect.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Banner Effect Duration – Kenburns Effect duration. Mostly gives 30s.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Particle Effect – Niche effect. It makes to feel actually. In here you can see snow and sparkle effect.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Hover Effect – There are many hover effects. E.g zoom, fade in, fade out and so on.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Extra class name – Add your custom class without the dot. e.g: my-class[/porto_info_list_item][/porto_info_list][/porto_ultimate_content_box][/vc_column][vc_column width=”1/2″][porto_ultimate_content_box box_shadow=”horizontal:px|vertical:px|blur:px|spread:px|style:none|” el_class=”p-lg-5 p-4 bg-grey” hover_box_shadow=”horizontal:px|vertical:px|blur:px|spread:px|style:inherit|”][vc_custom_heading text=”Banner Layer Options” font_container=”tag:h3|text_align:left” use_theme_fonts=”yes” font_weight=”700″][porto_info_list icon_color=”#0088cc” el_class=”custom-option”][porto_info_list_item list_icon=”fas fa-check”]Width – The Width of layer. e.g: 50%, 100px, 100rem, 50vw, etc.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Height – The height of layer. e.g: 50%, 100px, 100rem, 50vw, etc.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Horizontal Position – 50 is center, 0 is left and 100 is right.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Vertical Position – 50 is middle, 0 is top and 100 is bottom.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Animation Type – Give animation-name to banner layer.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Animation Duration – Duration of animation. numerical value (unit: milliseconds)[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Animation Delay – Delay of animation.[/porto_info_list_item][porto_info_list_item list_icon=”fas fa-check”]Extra class name – Add your custom class without the dot. e.g: my-class[/porto_info_list_item][/porto_info_list][/porto_ultimate_content_box][/vc_column][/vc_row]

×