Interactive Elements

[ozy_vc_bigtitle height=”400″ title=” We are a friendly creative agency.” sub_title=” We work flexibly with clients to fulfill their design needs.” title_size=”60px” sub_title_size=”25px” font_color=”#ffffff” link=”#” link_target=”_self”]
[ozy_vc_fancyimagebox image=”1088″ caption=”The Way We Work” fn_color=”#ffffff” tag=”BUSINESS” link_target=”_self” excerpt=”DON JUAN”]
[ozy_vc_fancyimagebox image=”1089″ caption=”The Vermout Restaurant 2014″ fn_color=”#ffffff” tag=”FOOD” link_target=”_self” excerpt=”CHRIS BROWN”]
[ozy_vc_fancyimagebox image=”1090″ caption=”WorkShop Venice” fn_color=”#ffffff” tag=”WORKSHOP EVENT” link_target=”_self” excerpt=”VLAD KOSTYUK” bg_color=”#000000″]
[ozy_vc_divider caption_size=”h3″ caption=”LATEST POST LIST WITH TITLE” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Default web elements come together to create perfect design

[ozy_vc_postlistwithtitle_feed data_source=”blog” posts_per_page=”3″]
[ozy_vc_divider caption_size=”h3″ caption=”FANCY BLOG LIST ACCORDION STYLE” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Default web elements come together to create perfect design

[ozy_vc_fancypostaccordion_feed data_source=”blog” default_overlay=”off” link_caption=”Continue Reading →” link_target=”_self” autoplay=”true” items=”4″ singleitem=”false” slidespeed=”200″ autoheight=”false” posts_per_page=”4″]
[ozy_vc_divider caption_size=”h3″ caption=”MULTI-LAYER PARALLAX BOX” border_style=”solid” border_size=”2″ border_color=”#ffffff” caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Super awesome multi layered parallax section. Move your mouse around.
It even works on modern mobile devices by tilting

[ozy_vc_parallaxbox3 height=”300″ relativeinput=”true” calibrate_x=”true” calibrate_y=”true” invert_x=”true” invert_y=”true” limit_x=”false” limit_y=”false” scalar_x=”7″ scalar_y=”0.01″ friction_x=”0″ friction_y=”0″][ozy_vc_parallaxbox3_layer src=”309″ depth=”1.00″ opacity=”1″][ozy_vc_parallaxbox3_layer src=”318″ depth=”1.70″ opacity=”1″][ozy_vc_parallaxbox3_layer src=”315″ depth=”1.40″ opacity=”1″][ozy_vc_parallaxbox3_layer src=”300″ depth=”1.10″ opacity=”1″][ozy_vc_parallaxbox3_layer src=”272″ depth=”1.50″ opacity=”1″][/ozy_vc_parallaxbox3]
[ozy_vc_divider caption_size=”h3″ caption=”TEAM MEMBERS” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Default web elements come together to create perfect design

[ozy_vc_team_member image=”441″ title=”Michael Kudrov” sub_title=”FOUNDER” excerpt=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque erat, ultricies porttitor nisl.” twitter=”#” facebook=”#” link=”#”]
[ozy_vc_team_member image=”438″ title=”Isabela Lean” sub_title=”SENIOR DESIGNER” excerpt=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque erat, ultricies porttitor nisl.” twitter=”#” facebook=”#” link=”#”]
[ozy_vc_team_member image=”439″ title=”Adam Kean” sub_title=”DEVELOPER” excerpt=”Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam neque erat, ultricies porttitor nisl.” twitter=”#” facebook=”#” link=”#”]
[ozy_vc_divider caption_size=”h3″ caption=”COOL 3D FLIP CONTENT BOXES” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Default web elements come together to create perfect design

[ozy_vc_flipbox front_icon=”oic-outlined-iconset-24″ front_title=”Blue Bottle butcher Helvetica plaid” front_bg_color=”#ffffff” front_fg_color=”#00c1cf” back_title=”Blue Bottle butcher Helvetica plaid” back_excerpt=”Shoreditch, High Life typewriter Truffaut normcore Bushwick asymmetrical kale chips Vice YOLO” back_bg_color=”#ffffff” back_fg_color=”#00c1cf” direction=”horizontal” height=”240″ link_target=”_self” front_excerpt=” “]
[ozy_vc_flipbox front_bg_color=”#ffffff” front_fg_color=”#00c1cf” back_title=”Blue Bottle butcher Helvetica plaid” back_excerpt=”Shoreditch, High Life typewriter Truffaut normcore Bushwick asymmetrical kale chips Vice YOLO” back_bg_color=”#ffffff” back_fg_color=”#00c1cf” direction=”horizontal” height=”240″ link_target=”_self” front_bg_image=”80″]
[ozy_vc_flipbox front_title=”Blue Bottle butcher Helvetica plaid” front_bg_color=”#ffffff” front_fg_color=”#00c1cf” back_bg_color=”#ffffff” back_fg_color=”#00c1cf” direction=”horizontal” height=”240″ link_target=”_self” front_excerpt=” Shoreditch, High Life typewriter Truffaut normcore Bushwick asymmetrical kale chips Vice YOLO” back_bg_image=”1089″]
[ozy_vc_divider caption_size=”h3″ caption=”BEFORE / AFTER IMAGE VIEWER” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Simply drag a slider over the images and see the difference. Cool ehh?

[ozy_vc_before_after before=”1640″ after=”1639″]
[ozy_vc_divider caption_size=”h3″ caption=”INTERACTIVE HORIZONTAL CONTENT BOXES” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Default web elements come together to create perfect design

[ozy_vc_iaboxes width=”Title”][ozy_vc_iabox box_size=”3″ title_size=”h3″ title=”WHAT WE DO” excerpt=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” title_color=”#ffffff” excerpt_color=”#ffffff” use_hover=”on” title_hover=”WHAT WE DO” excerpt_hover=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” bg_hover_color=”rgba(30,115,190,0.82)” title_hover_color=”#ffffff” excerpt_hover_color=”#ffffff” bg_video=”off” icon=”oic-outlined-iconset-88″ link_target=”_self” min_height=”480″ bg_image=”389″ bg_color=”#222222″][ozy_vc_iabox box_size=”3″ title_size=”h3″ title=”HOW WE DO IT” excerpt=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” title_color=”#1a273c” excerpt_color=”#1a273c” use_hover=”on” title_hover=”HOW WE DO IT” excerpt_hover=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” bg_hover_color=”rgba(221,153,51,0.82)” title_hover_color=”#ffffff” excerpt_hover_color=”#ffffff” bg_video=”off” icon=”oic-outlined-iconset-105″ link_target=”_self” min_height=”480″ bg_image=”64″ bg_color=”#222222″][ozy_vc_iabox box_size=”3″ title_size=”h3″ title=”WHY WE DO IT” excerpt=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” title_color=”#ffffff” excerpt_color=”#ffffff” use_hover=”on” title_hover=”WHY WE DO IT” excerpt_hover=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” bg_hover_color=”rgba(244,39,56,0.82)” title_hover_color=”#ffffff” excerpt_hover_color=”#ffffff” bg_video=”off” icon=”oic-simple-line-icons-7″ link_target=”_self” min_height=”480″ bg_image=”390″ bg_color=”#222222″][ozy_vc_iabox box_size=”3″ title_size=”h3″ title=”YOUR BENEFITS” excerpt=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” title_color=”#ffffff” excerpt_color=”#ffffff” use_hover=”on” title_hover=”YOUR BENEFITS” excerpt_hover=”Cardigan kitsch Austin, Shoreditch lomo paleo small batch artisan fingerstache Odd Future Tumblr bicycle rights meggings selvage. ” bg_hover_color=”rgba(238,238,34,0.82)” title_hover_color=”#1a273c” excerpt_hover_color=”#1a273c” bg_video=”off” icon=”oic-simple-line-icons-20″ link_target=”_self” min_height=”480″ bg_image=”385″ bg_color=”#222222″][/ozy_vc_iaboxes]
[ozy_vc_divider caption_size=”h3″ caption=”PORTFOLIO / BLOG ITEMS” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

A beautiful touch-friendly carousel slider feed from portfolio or blog posts

[ozy_vc_owlcarousel_feed data_source=”portfolio” default_overlay=”on” link_caption=”Find out more →” link_target=”_self” autoplay=”false” items=”4″ singleitem=”false” slidespeed=”200″ autoheight=”false”]
[ozy_vc_divider caption_size=”h3″ caption=”CLIENTS CAROUSEL” border_style=”solid” border_size=”2″ border_color=”#506a85″ caption_align=”center” caption_position=”top” more_custom=”on” width=”40px” align=”center”]

Default web elements come together to create perfect design

[ozy_vc_owlcarousel_wrapper autoplay=”5000″ items=”6″ singleitem=”false” slidespeed=”200″ autoheight=”false” bullet_nav=”off”][ozy_vc_owlcarousel src=”216″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”214″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”215″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”213″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”212″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”211″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”216″ img_size=”full” link_target=”_self”][ozy_vc_owlcarousel src=”210″ img_size=”full” link_target=”_self”][/ozy_vc_owlcarousel_wrapper]

Leave Your Comment