{"id":6274,"date":"2024-02-10T17:33:21","date_gmt":"2024-02-10T17:33:21","guid":{"rendered":"https:\/\/preview.treethemes.com\/resonance\/gradient\/home-copy\/"},"modified":"2024-02-19T10:06:44","modified_gmt":"2024-02-19T10:06:44","slug":"image-parallax-1","status":"publish","type":"page","link":"https:\/\/preview.treethemes.com\/resonance\/gradient\/image-parallax-1\/","title":{"rendered":"Image Parallax 1"},"content":{"rendered":"

[vc_row full_width=”stretch_row” equal_height=”yes” content_placement=”middle” bg_type=”image” parallax_style=”vcpb-vz-jquery” bg_image_new=”id^6280|url^https:\/\/preview.treethemes.com\/resonance\/gradient\/wp-content\/uploads\/sites\/27\/2024\/02\/section-bg-4-g.jpeg|caption^null|alt^null|title^section-bg-4-g|description^null” bg_image_repeat=”no-repeat” bg_override=”browser_size” enable_overlay=”enable_overlay_value” overlay_color=”rgba(16,24,40,0.8)” ult_hide_row=”ult_hide_row_value” ult_hide_row_mobile=”mobile” ult_hide_row_mobile_large=”xl_mobile” el_class=”parallax-mousemove-scene min-height-mobile”][vc_column][vc_row_inner el_class=”higher_index2″][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″ css=”.vc_custom_1707734812903{padding-right: 0px !important;padding-left: 0px !important;}”][vc_custom_heading text=”Make your beautiful web” font_container=”tag:h1|text_align:center|color:%23ffffff” use_theme_fonts=”yes” el_class=”custom-size-ipad-landscape”][vc_custom_heading text=”presence” font_container=”tag:h1|text_align:center|color:%23ffffff” use_theme_fonts=”yes” el_class=”custom-size-ipad-landscape” text_animated_border=”easily”]

<\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=”higher_index2 disable-landscpae-orientation”][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_custom_heading text=”Resonance is a full-service studio creating beautiful digital experiences. We are an awards-winning team specializing in design and engineering.” font_container=”tag:h5|text_align:center|color:%23ffffff” use_theme_fonts=”yes”]
<\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=”higher_index2 align-center”][vc_column_inner width=”1\/4″][\/vc_column_inner][vc_column_inner width=”1\/2″]

Discover Works<\/h3><\/div> <\/div> <\/div> <\/a><\/div> [\/vc_column_inner][vc_column_inner width=”1\/4″][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=”absolute-element”][vc_column_inner][vc_icon type=”material” icon_material=”vc-material vc-material-keyboard_arrow_down” color=”custom” background_style=”rounded” background_color=”custom” size=”sm” align=”center” link=”url:%23reso-first-section” el_class=”scroll-down-icon nav-to with-shadow” custom_color=”#111111″ custom_background_color=”rgba(255,255,255,0.9)”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” content_placement=”middle” bg_type=”image” parallax_style=”vcpb-vz-jquery” bg_image_new=”id^6280|url^https:\/\/preview.treethemes.com\/resonance\/gradient\/wp-content\/uploads\/sites\/27\/2024\/02\/section-bg-4-g.jpeg|caption^null|alt^null|title^section-bg-4-g|description^null” bg_image_repeat=”no-repeat” bg_override=”browser_size” enable_overlay=”enable_overlay_value” overlay_color=”rgba(16,24,40,0.8)” ult_hide_row=”ult_hide_row_value” ult_hide_row_large_screen=”large_screen” ult_hide_row_desktop=”desktop” ult_hide_row_tablet=”tablet” ult_hide_row_tablet_small=”xs_tablet” el_class=”parallax-mousemove-scene min-height-mobile” el_id=”only-for-mobile”][vc_column][vc_row_inner el_class=”higher_index2″][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_custom_heading text=”Make your beautiful web” font_container=”tag:h2|text_align:center|color:%23ffffff” use_theme_fonts=”yes” el_class=”remove-heading-margin-mobile”][vc_custom_heading text=”presence” font_container=”tag:h2|text_align:center|color:%23ffffff” use_theme_fonts=”yes” el_class=”remove-heading-margin-mobile” text_animated_border=”easily”]
<\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=”higher_index2 disable-landscpae-orientation”][vc_column_inner width=”1\/6″][\/vc_column_inner][vc_column_inner width=”2\/3″][vc_custom_heading text=”Resonance is a full-service studio creating beautiful digital experiences. We are an awards-winning team specializing in design and engineering.” font_container=”tag:h5|text_align:center|color:%23ffffff” use_theme_fonts=”yes”]
<\/div>[\/vc_column_inner][vc_column_inner width=”1\/6″][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=”higher_index2 align-center”][vc_column_inner width=”1\/4″][\/vc_column_inner][vc_column_inner width=”1\/2″]

Discover Works<\/h3><\/div> <\/div> <\/div> <\/a><\/div> [\/vc_column_inner][vc_column_inner width=”1\/4″][\/vc_column_inner][\/vc_row_inner][vc_row_inner el_class=”absolute-element”][vc_column_inner][vc_icon type=”material” icon_material=”vc-material vc-material-keyboard_arrow_down” color=”custom” background_style=”rounded” background_color=”custom” size=”sm” align=”center” link=”url:%23reso-first-section” el_class=”scroll-down-icon nav-to with-shadow” custom_color=”#111111″ custom_background_color=”rgba(255,255,255,0.9)”][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row equal_height=”yes” content_placement=”middle” css_animation=”none” bg_type=”grad” bg_override=”ex-full” el_class=”wide-ipad” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F9FC), color-stop(99%, #FFFFFF));background: -moz-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: -webkit-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: -o-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: -ms-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);” el_id=”reso-first-section”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″]
<\/div>
[vc_custom_heading text=”About Studio” font_container=”tag:h4|text_align:center” use_theme_fonts=”yes” el_class=”gradient center”][vc_separator el_width=”10″ el_class=”gradient”]<\/div>
<\/div>[vc_row_inner splitting_lines=”yes”][vc_column_inner][vc_custom_heading text=”The best way to create stanning layouts for your website.” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” css_animation=”linesAnimIn”][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row bg_type=”image” parallax_style=”vcpb-default” bg_image_new=”id^5778|url^https:\/\/preview.treethemes.com\/resonance\/gradient\/wp-content\/uploads\/sites\/27\/2024\/01\/decoration-2.png|caption^null|alt^null|title^decoration-2|description^null” bg_image_repeat=”repeat-x” bg_image_posiiton=”0 0″ bg_override=”ex-full” css=”.vc_custom_1705491764634{padding-bottom: 40px !important;}”][vc_column]
<\/div>
\t\t
[vc_row_inner splitting_lines=”yes”][vc_column_inner width=”1\/2″][vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. In maximus ligula semper metus pellentesque mattis. Maecenas volutpat, diam enim sagittis quam, id porta quam. Sed id dolor consectetur fermentum nibh volutpat.” font_container=”tag:p|text_align:left” use_theme_fonts=”yes” css_animation=”linesAnimIn”][\/vc_column_inner][vc_column_inner width=”1\/2″]
<\/div>[vc_custom_heading text=”Etiam sit amet fringilla lacus. Pellentesque suscipit ante ullamcorper pulvinar neque porttitor integer lectus. Praesent sed nisi eleifend, fermentum orcilorem amet, iaculis libero lorem. Donec vel ultricies purus lorem ipsum sit amet.” font_container=”tag:p|text_align:left” use_theme_fonts=”yes” css_animation=”linesAnimIn”][\/vc_column_inner][\/vc_row_inner]\t\t<\/div><\/div>
<\/div>
\t\t
[vc_row_inner el_class=”composition-7″][vc_column_inner el_class=”half_column” width=”1\/4″][vc_single_image image=”5828″ img_size=”full” alignment=”center” style=”vc_box_rounded” el_class=”composition-7-image-1″][\/vc_column_inner][vc_column_inner el_class=”half_column” width=”1\/4″][vc_single_image image=”5829″ img_size=”full” alignment=”center” style=”vc_box_rounded” el_class=”composition-7-image-2″][\/vc_column_inner][vc_column_inner el_class=”half_column” width=”1\/4″][vc_single_image image=”5830″ img_size=”full” alignment=”center” style=”vc_box_rounded” el_class=”composition-7-image-3″][\/vc_column_inner][vc_column_inner el_class=”half_column” width=”1\/4″][vc_single_image image=”5831″ img_size=”full” alignment=”center” style=”vc_box_rounded” el_class=”composition-7-image-4″][\/vc_column_inner][\/vc_row_inner]\t\t<\/div><\/div>
<\/div>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces” el_class=”wide-ipad wide-ipad-lanscape”][vc_column css_animation=”none”][vc_empty_space height=”48px” el_class=”decoration-18″]
\t\t
<\/div>[vc_row_inner][vc_column_inner el_class=”wide-single-col” width=”1\/3″ css=”.vc_custom_1706813701928{padding-right: 40px !important;}”]
[vc_custom_heading text=”Check recent achievements.” font_container=”tag:h2|text_align:left|color:%23ffffff” use_theme_fonts=”yes”][vc_empty_space height=”20px”][vc_custom_heading text=”We provide the effective ideas that grow businesses of our clients.” font_container=”tag:p|font_size:1.2em|text_align:left|color:%23ffffff|line_height:1.5em” use_theme_fonts=”yes”]
<\/div>

View Services<\/h3><\/div> <\/div> <\/div> <\/a><\/div> <\/div>
<\/div>[\/vc_column_inner][vc_column_inner el_class=”wide-2col add-padding” width=”1\/3″]
<\/div>

28%<\/h2><\/div>
Resent tincidunt lacus sedenim posuere posuere nulla acusan.<\/div><\/div><\/div>
<\/div>
<\/div>

30+<\/h2><\/div>
Pellentesque pharetra libero eget vestibulum ullamcorper.<\/div><\/div><\/div>[\/vc_column_inner][vc_column_inner el_class=”wide-2col add-padding” width=”1\/3″]
<\/div>
<\/div>

1.5k<\/h2><\/div>
Curabitur eu quam auctor nuca convallis metus nec feugia.<\/div><\/div><\/div>
<\/div>
<\/div>

2x<\/h2><\/div>
Suspendisse a scelerisque vitae rutrum posuere sec lacus.<\/div><\/div><\/div>[\/vc_column_inner][\/vc_row_inner]
<\/div>\t\t<\/div><\/div>[vc_empty_space height=”48px” el_class=”decoration-19″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column css_animation=”fadeIn”]
<\/div>[\/vc_column][\/vc_row][vc_row equal_height=”yes” content_placement=”middle” css_animation=”none” bg_type=”grad” bg_override=”ex-full” el_class=”wide-ipad” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #F7F9FC), color-stop(99%, #FFFFFF));background: -moz-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: -webkit-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: -o-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: -ms-linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);background: linear-gradient(top,#F7F9FC 0%,#FFFFFF 99%);”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″]
<\/div>
[vc_custom_heading text=”Our Services” font_container=”tag:h4|text_align:center” use_theme_fonts=”yes” el_class=”gradient center”][vc_separator el_width=”10″ el_class=”gradient”]<\/div>
<\/div>[vc_row_inner splitting_lines=”yes”][vc_column_inner][vc_custom_heading text=”We provide the best design solutions for our clients.” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” css_animation=”linesAnimIn”][\/vc_column_inner][\/vc_row_inner]
<\/div>[vc_row_inner splitting_lines=”yes”][vc_column_inner][vc_custom_heading text=”Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Quis ipsum suspendisse ultrices gravida phasellus vitae pharetra ligula.” font_container=”tag:p|text_align:center” use_theme_fonts=”yes” css_animation=”linesAnimIn”][\/vc_column_inner][\/vc_row_inner][\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>[\/vc_column][\/vc_row][vc_row][vc_column]
<\/div>
<\/div>
<\/i><\/div>
Branding<\/a>

Mauris porttitor ante ut cursus proin purus, semper et risus at dignissi.<\/p>

<\/i><\/div><\/div>
<\/div><\/div>

[vc_row_inner][vc_column_inner][vc_single_image image=”5903″ img_size=”full” alignment=”center” style=”vc_box_rounded”][vc_empty_space height=”20px”][vc_column_text]<\/p>\n

Illustration by\u00a0Olha Khomich<\/a>\u00a0from\u00a0Ouch<\/a>!<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div>

<\/i><\/div>
UI\/UX Design<\/a>

Sell ut lacus a sem varius dictum sed eget augue. Nullam vitae tristique libero.<\/p>

<\/i><\/div><\/div>
<\/div><\/div>

[vc_row_inner][vc_column_inner][vc_single_image image=”5921″ img_size=”full” alignment=”center” style=”vc_box_rounded”][vc_empty_space height=”20px”][vc_column_text]<\/p>\n

Illustration by\u00a0Olha Khomich<\/a>\u00a0from\u00a0Ouch<\/a>!<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div>

<\/i><\/div>
Web Development<\/a>

Pellentesque enim nisi, porta quis orci eu, vulputate lorem ipsum eleifend tortor.<\/p>

<\/i><\/div><\/div>
<\/div><\/div>

[vc_row_inner][vc_column_inner][vc_single_image image=”5922″ img_size=”full” alignment=”center” style=”vc_box_rounded”][vc_empty_space height=”20px”][vc_column_text]<\/p>\n

Illustration by\u00a0Olha Khomich<\/a>\u00a0from\u00a0Ouch<\/a>!<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div>

<\/i><\/div>
Marketing<\/a>

Orsi varius natoque penatibus et magnis dis parturient montes, ridiculus mus.<\/p>

<\/i><\/div><\/div>
<\/div><\/div>

[vc_row_inner][vc_column_inner][vc_single_image image=”5923″ img_size=”full” alignment=”center” style=”vc_box_rounded”][vc_empty_space height=”20px”][vc_column_text]<\/p>\n

Illustration by\u00a0Olha Khomich<\/a>\u00a0from\u00a0Ouch<\/a>!<\/p>\n

[\/vc_column_text][\/vc_column_inner][\/vc_row_inner]<\/p>\n<\/div>\n<\/section>[\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column css_animation=”fadeIn”]

<\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner parallax_container=”yes” parallax_container_speed=”0.5″ parallax_container_percentage=”0.5″ el_class=”absolute-element”][vc_column_inner][vc_single_image image=”5798″ img_size=”full” style=”vc_box_rounded” el_class=”decoration-image-1″][\/vc_column_inner][\/vc_row_inner][vc_empty_space height=”20px”][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content” el_class=”unset-overflow wide-ipad col4-ipad align-center”][vc_column]
\t\t
<\/div>[vc_row_inner][vc_column_inner width=”1\/3″][\/vc_column_inner][vc_column_inner el_class=”col4-60″ width=”1\/3″][vc_single_image image=”5799″ img_size=”100×100″ alignment=”center”][vc_empty_space height=”40px”][vc_custom_heading text=”Looking for exclusive creative services? Contact us and get free online consultation for your brand or your client’s brand.” font_container=”tag:h5|text_align:center” use_theme_fonts=”yes”][vc_empty_space height=”40px”]

See all Services<\/h3><\/div> <\/div> <\/div> <\/a><\/div> [\/vc_column_inner][vc_column_inner width=”1\/3″][\/vc_column_inner][\/vc_row_inner]
<\/div>\t\t<\/div><\/div>[\/vc_column][\/vc_row][vc_row][vc_column][vc_row_inner parallax_container=”yes” parallax_container_speed=”-0.5″ parallax_container_percentage=”0.4″ el_class=”absolute-element”][vc_column_inner][vc_single_image image=”5797″ img_size=”full” alignment=”right” style=”vc_box_rounded” el_class=”decoration-image-2″][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces”][vc_column]
<\/div>[\/vc_column][\/vc_row][vc_row equal_height=”yes” content_placement=”middle” css_animation=”none” el_class=”wide-ipad”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″]
<\/div>
[vc_custom_heading text=”Our Portfolio” font_container=”tag:h4|text_align:center” use_theme_fonts=”yes” el_class=”gradient center”][vc_separator el_width=”10″ el_class=”gradient”]<\/div>
<\/div>[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css_animation=”none” el_class=”wide-ipad align-center”][vc_column el_class=”section-title-repeat”][vc_row_inner splitting_chars=”yes” el_class=”section-title-repeat”][vc_column_inner][vc_custom_heading text=”Made with love” use_theme_fonts=”yes” el_class=”section-title-repeat-left”][vc_custom_heading text=”Made with love” use_theme_fonts=”yes” el_class=”section-title-repeat-right”][vc_custom_heading text=”Made with love” font_container=”tag:h2|text_align:center” use_theme_fonts=”yes” css_animation=”charsAnimInLong-1″][\/vc_column_inner][\/vc_row_inner][\/vc_column][\/vc_row][vc_row css_animation=”none” el_class=”wide-ipad”][vc_column width=”1\/6″][\/vc_column][vc_column width=”2\/3″]
<\/div>[vc_row_inner splitting_lines=”yes”][vc_column_inner][vc_custom_heading text=”In auctor ex id urna faucibus porttitor. In feugiat maximus nibh, id sodales mauris interdum at. Etiam eget lorem odio. Duis scelerisque metus ac velit mattis, nec ultricies turpis posuere.” font_container=”tag:p|text_align:center” use_theme_fonts=”yes” css_animation=”linesAnimIn”][\/vc_column_inner][\/vc_row_inner]
<\/div>[\/vc_column][vc_column width=”1\/6″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row_content_no_spaces” el_class=”custom-side-padding”][vc_column css_animation=”fadeIn”]