[vc_row row_height_percent=”0″ override_padding=”yes” h_padding=”2″ top_padding=”5″ bottom_padding=”7″ back_color=”color-xsdn” overlay_alpha=”0″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ bottom_divider=”gradient” changer_back_color=”yes” el_class=”demo-section demo-hero” uncode_shortcode_id=”214415″ back_color_type=”uncode-palette”][vc_column column_width_use_pixel=”yes” position_vertical=”middle” align_horizontal=”align_center” gutter_size=”3″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ zoom_width=”0″ zoom_height=”0″ width=”1/1″ column_width_pixel=”840″][vc_custom_heading text_color=”color-210407″ text_size=”fontsize-160000″ el_class=”demo-subtitle”]The new scroll effect[/vc_custom_heading][vc_custom_heading heading_semantic=”h1″ text_size=”fontsize-338686″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”128635″]Experience the new Color Changer[/vc_custom_heading][vc_column_text text_lead=”yes” el_class=”demo-lead-text”]With the Color Changer, it’s possible to smoothly fade your sections’ background color and Skins while scrolling the page and creating a brand-new dynamic experience.[/vc_column_text][vc_button button_color=”accent” size=”btn-lg” hover_fx=”full-colored” custom_typo=”yes” font_family=”font-377884″ font_weight=”700″ border_width=”0″ scale_mobile=”no” link=”url:https%3A%2F%2F1.envato.market%2FQ3bJP||target:%20_blank|” el_class=”demo-button” button_color_type=”uncode-palette” uncode_shortcode_id=”651234″]Buy Now · $59[/vc_button][/vc_column][/vc_row][vc_row row_height_percent=”100″ override_padding=”yes” h_padding=”2″ top_padding=”7″ bottom_padding=”7″ overlay_color=”color-jevc” overlay_alpha=”5″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ changer_back_color=”yes” uncode_shortcode_id=”734921″ back_color_type=”uncode-solid” overlay_color_type=”uncode-palette” el_class=”demo-section” row_name=”Demo 1″ back_color_solid=”#e53544″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ css_animation=”alpha-anim” animation_speed=”1000″ animation_delay=”200″ width=”1/1″ uncode_shortcode_id=”268537″][vc_row_inner row_inner_height_percent=”0″ overlay_alpha=”50″ gutter_size=”4″ shift_y=”0″ z_index=”0″ uncode_shortcode_id=”174410″ limit_content=””][vc_column_inner column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”4/12″ uncode_shortcode_id=”339524″][vc_custom_heading text_size=”fontsize-160000″ el_class=”demo-subtitle” uncode_shortcode_id=”662434″]Demo 1[/vc_custom_heading][vc_custom_heading text_size=”h1″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”175251″]Portfolio Freelance[/vc_custom_heading][vc_column_text el_class=”demo-lead-text” uncode_shortcode_id=”202851″]A clean, and minimal portfolio layout that focus on the works thanks to the Colour-Changer background effect.[/vc_column_text][vc_button size=”btn-link” custom_typo=”yes” font_family=”font-377884″ font_weight=”700″ scale_mobile=”no” el_class=”demo-button btn-lg additional” icon=”fa fa-chevron-right2″ uncode_shortcode_id=”529885″ link=”url:#|title:Portfolio%20Freelance”]View Demo[/vc_button][/vc_column_inner][vc_column_inner column_width_percent=”100″ gutter_size=”3″ style=”light” back_image=”99797″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”8/12″ uncode_shortcode_id=”200647″ back_size=”100%” el_class=”image-card image-card-inverted”][vc_single_image media=”11297″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-first” uncode_shortcode_id=”635095″][vc_single_image media=”153505″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”305614″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_height_percent=”100″ override_padding=”yes” h_padding=”2″ top_padding=”7″ bottom_padding=”7″ back_color=”color-rgdb” overlay_alpha=”50″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ changer_back_color=”yes” uncode_shortcode_id=”859553″ back_color_type=”uncode-palette” el_class=”demo-section” row_name=”Demo 2″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ css_animation=”alpha-anim” animation_speed=”1000″ animation_delay=”200″ width=”1/1″ uncode_shortcode_id=”138750″][vc_row_inner row_inner_height_percent=”0″ overlay_alpha=”50″ gutter_size=”4″ shift_y=”0″ z_index=”0″ uncode_shortcode_id=”174410″ limit_content=””][vc_column_inner column_width_percent=”100″ gutter_size=”3″ style=”light” back_image=”99798″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”8/12″ uncode_shortcode_id=”111126″ back_size=”100%” el_class=”image-card image-card-triple”][vc_single_image media=”11317″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”102588″][vc_single_image media=”11300″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-first” uncode_shortcode_id=”864890″][vc_single_image media=”130300″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”964156″][/vc_column_inner][vc_column_inner column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”4/12″ uncode_shortcode_id=”816600″][vc_custom_heading text_size=”fontsize-160000″ el_class=”demo-subtitle” uncode_shortcode_id=”197773″]Demo 2[/vc_custom_heading][vc_custom_heading text_size=”h1″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”214661″]Shop Landing[/vc_custom_heading][vc_column_text el_class=”demo-lead-text” uncode_shortcode_id=”167546″]A modern shop where the Color-Changer accompanies the transition between one section and another.[/vc_column_text][vc_button size=”btn-link” custom_typo=”yes” font_family=”font-377884″ font_weight=”700″ scale_mobile=”no” el_class=”demo-button btn-lg additional” icon=”fa fa-chevron-right2″ uncode_shortcode_id=”874809″ link=”url:#|title:Shop%20Landing”]View Demo[/vc_button][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row row_height_percent=”100″ override_padding=”yes” h_padding=”2″ top_padding=”7″ bottom_padding=”7″ overlay_color=”color-jevc” overlay_alpha=”5″ gutter_size=”3″ column_width_percent=”100″ shift_y=”0″ z_index=”0″ changer_back_color=”yes” uncode_shortcode_id=”184254″ back_color_type=”uncode-solid” overlay_color_type=”uncode-palette” el_class=”demo-section” row_name=”Demo 3″ back_color_solid=”#2e93f2″][vc_column column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ css_animation=”alpha-anim” animation_speed=”1000″ animation_delay=”200″ width=”1/1″ uncode_shortcode_id=”210887″][vc_row_inner row_inner_height_percent=”0″ overlay_alpha=”50″ gutter_size=”4″ shift_y=”0″ z_index=”0″ uncode_shortcode_id=”199817″ limit_content=””][vc_column_inner column_width_percent=”100″ position_vertical=”middle” gutter_size=”3″ style=”dark” overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”4/12″ uncode_shortcode_id=”210818″][vc_custom_heading text_size=”fontsize-160000″ el_class=”demo-subtitle” uncode_shortcode_id=”170335″]Demo 3[/vc_custom_heading][vc_custom_heading text_size=”h1″ sub_lead=”yes” sub_reduced=”yes” el_class=”demo-heading” uncode_shortcode_id=”183582″]Portfolio Studio[/vc_custom_heading][vc_column_text el_class=”demo-lead-text” uncode_shortcode_id=”557896″]A creative portfolio in which each work is enhanced by a specific color variation that makes the contrasts stand-out.[/vc_column_text][vc_button size=”btn-link” custom_typo=”yes” font_family=”font-377884″ font_weight=”700″ scale_mobile=”no” el_class=”demo-button btn-lg additional” icon=”fa fa-chevron-right2″ uncode_shortcode_id=”780440″ link=”url:#|title:Portfolio%20Studio”]View Demo[/vc_button][/vc_column_inner][vc_column_inner column_width_percent=”100″ gutter_size=”3″ style=”light” back_image=”99797″ overlay_alpha=”50″ shift_x=”0″ shift_y=”0″ shift_y_down=”0″ z_index=”0″ medium_width=”0″ mobile_width=”0″ width=”8/12″ uncode_shortcode_id=”143946″ back_size=”100%” el_class=”image-card image-card-triple”][vc_single_image media=”2440″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-secondary” uncode_shortcode_id=”779212″][vc_single_image media=”11317″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-first” uncode_shortcode_id=”337094″][vc_single_image media=”100675″ media_width_percent=”100″ media_ratio=”three-two” alignment=”right” shadow=”yes” shadow_weight=”std” el_class=”demo-image demo-image-group-first” uncode_shortcode_id=”191398″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]