Interactive Elements - One Marina Waterside Living

[vc_row css=”.vc_custom_1407968194990{margin: 0px !important;padding: 0px !important;background: #000000 url(https://one-marina.com/wp-content/uploads/2014/08/181457846.jpg?id=1038) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}” row_fullwidth=”1″ bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ row_zero_column_space=”1″][vc_column width=”1/1″][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”][/vc_column][/vc_row][vc_row font_color=”#ffffff” css=”.vc_custom_1407538279182{margin: 0px !important;padding: 0px !important;background-color: #000000 !important;}” row_fullwidth=”1″ bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ row_zero_column_space=”1″][vc_column width=”1/3″][ozy_vc_fancyimagebox image=”1088″ caption=”The Way We Work” fn_color=”#ffffff” tag=”BUSINESS” link_target=”_self” excerpt=”DON JUAN”][/vc_column][vc_column width=”1/3″][ozy_vc_fancyimagebox image=”1089″ caption=”The Vermout Restaurant 2014″ fn_color=”#ffffff” tag=”FOOD” link_target=”_self” excerpt=”CHRIS BROWN”][/vc_column][vc_column width=”1/3″][ozy_vc_fancyimagebox image=”1090″ caption=”WorkShop Venice” fn_color=”#ffffff” tag=”WORKSHOP EVENT” link_target=”_self” excerpt=”VLAD KOSTYUK” bg_color=”#000000″][/vc_column][/vc_row][vc_row css=”.vc_custom_1408130077458{padding-top: 70px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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”][vc_column_text]

Default web elements come together to create perfect design

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1407523735359{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;padding: 0px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ row_fullwidth=”1″][vc_column width=”1/1″][ozy_vc_postlistwithtitle_feed data_source=”blog” posts_per_page=”3″][/vc_column][/vc_row][vc_row css=”.vc_custom_1408137941117{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 70px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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”][vc_column_text]

Default web elements come together to create perfect design

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1409517570384{margin-top: 0px !important;margin-bottom: 0px !important;margin-left: 0px !important;padding: 0px 0px 70px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ row_fullwidth=”1″][vc_column width=”1/1″][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″][/vc_column][/vc_row][vc_row css=”.vc_custom_1408137972286{margin: 0px !important;padding: 200px 0px 0px !important;background-image: url(https://one-marina.com/wp-content/uploads/2014/07/parallax_img6.jpg?id=270) !important;}” bg_parallax=”on” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ font_color=”#ffffff”][vc_column width=”1/1″][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”][vc_column_text]

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

[/vc_column_text][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][/vc_column][/vc_row][vc_row css=”.vc_custom_1407504622522{margin: 0px !important;padding: 70px 0px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ row_fullwidth=”1″][vc_column width=”1/1″][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”][vc_column_text]

Default web elements come together to create perfect design

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1407523959982{margin-top: 0px !important;margin-bottom: 0px !important;padding-bottom: 70px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/3″][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=”#”][/vc_column][vc_column width=”1/3″][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=”#”][/vc_column][vc_column width=”1/3″][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=”#”][/vc_column][/vc_row][vc_row css=”.vc_custom_1408138019342{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 35px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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”][vc_column_text]

Default web elements come together to create perfect design

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1407526273496{margin-top: 0px !important;margin-bottom: 0px !important;padding-bottom: 70px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/3″][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=” “][/vc_column][vc_column width=”1/3″][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″][/vc_column][vc_column width=”1/3″][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″][/vc_column][/vc_row][vc_row css=”.vc_custom_1407541322647{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 70px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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”][vc_column_text]

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

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1408138037557{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 35px !important;padding-bottom: 70px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″ el_class=”textaligncenter” css=”.vc_custom_1407540626700{padding-right: 15% !important;padding-left: 15% !important;}”][ozy_vc_before_after before=”1640″ after=”1639″][/vc_column][/vc_row][vc_row css=”.vc_custom_1408138106006{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 70px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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”][vc_column_text]

Default web elements come together to create perfect design

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1407541899771{margin: 0px !important;padding: 0px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″ row_fullwidth=”1″ row_zero_column_space=”1″][vc_column width=”1/1″][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][/vc_column][/vc_row][vc_row css=”.vc_custom_1408138087659{margin-top: 0px !important;margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 35px !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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”][vc_column_text]

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

Default web elements come together to create perfect design

[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1407543596847{margin-top: 0px !important;margin-bottom: 0px !important;padding-bottom: 70px !important;background-color: #f2f5f7 !important;}” bg_parallax=”off” bg_video=”off” bottom_button=”off” bottom_button_color=”#222222″][vc_column width=”1/1″][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][/vc_column][/vc_row]