Rows & Columns

[vc_row full_width=”stretch_row” css=”.vc_custom_1452682835720{margin-bottom: 40px !important;padding-top: 100px !important;padding-bottom: 80px !important;background-color: #f4f4f4 !important;}”][vc_column][vc_custom_heading text=”Rows & Columns” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal” font_container=”tag:h2|font_size:60|text_align:center|color:%23222222″ font_title_responsive=”true” css=”.vc_custom_1452865687843{padding-bottom: 60px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866635001{padding-top: 40px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Custom Gap” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”1,2,3,4,5,10,15,20,25,30,35,40,45,50,55,60″ google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal” font_container=”tag:h2|font_size:14|text_align:center|color:%23aaaaaa” css=”.vc_custom_1457353223229{padding-top: 5px !important;}”][/vc_column][/vc_row][vc_row gap=”35″][vc_column width=”1/3″ css=”.vc_custom_1452869327613{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869354360{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869363467{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1452866476733{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Hover Effects” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”Custom colors” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal” font_container=”tag:h2|font_size:14|text_align:center|color:%23aaaaaa” css=”.vc_custom_1457353256517{padding-top: 5px !important;}”][/vc_column][/vc_row][vc_row gap=”35″][vc_column text_hover_color=”#3381ff” width=”1/3″ css=”.vc_custom_1457352687565{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Text Color on hover

Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column hover_color=”#d8d82b” width=”1/3″ css=”.vc_custom_1452869388211{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Background Color

Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column text_hover_color=”#ffffff” hover_color=”#ff5b60″ width=”1/3″ css=”.vc_custom_1452869399214{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Background Color + Text Color

Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1452866476733{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Equal Heights” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row equal_height=”yes” gap=”35″][vc_column width=”1/3″ css=”.vc_custom_1452869779574{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.

Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869742576{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869736579{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1452866476733{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Equal Heights + Content Vertical Alignment” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row equal_height=”yes” gap=”35″][vc_column vertical_align=”bottom” width=”1/3″ css=”.vc_custom_1452869408610{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”center” width=”1/3″ css=”.vc_custom_1452869416644{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869539586{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 250px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1452866476733{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Shadow” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row equal_height=”yes” gap=”35″][vc_column vertical_align=”bottom” shadow=”shadow8″ width=”1/3″ css=”.vc_custom_1452870301343{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”center” shadow=”shadow8″ width=”1/3″ css=”.vc_custom_1452870294870{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column shadow=”shadow8″ width=”1/3″ css=”.vc_custom_1452870354405{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][rdy_button text=”See all pre-made shadows” size=”large” style=”outline” animation=”p_outside” border_size=”1″ border_radius=”0″ margin_top=”60″ margin_bottom=”” link=”url:http%3A%2F%2Fpuzzlerbox.com%2Flevelup%2Fpre-made-shadows%2F||target:%20_blank”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1452866476733{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Shadow on Hover” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row equal_height=”yes” gap=”35″][vc_column vertical_align=”bottom” shadow_on_hover=”true” shadow=”shadow8″ width=”1/3″ css=”.vc_custom_1452870441055{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”center” shadow_on_hover=”true” shadow=”shadow8″ width=”1/3″ css=”.vc_custom_1452870446662{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column shadow_on_hover=”true” shadow=”shadow8″ width=”1/3″ css=”.vc_custom_1452870452761{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][rdy_button text=”See all pre-made shadows” size=”large” style=”outline” animation=”p_outside” border_size=”1″ border_radius=”0″ margin_top=”30″ margin_bottom=”” link=”url:http%3A%2F%2Fpuzzlerbox.com%2Flevelup%2Fpre-made-shadows%2F||target:%20_blank”][/vc_column][/vc_row][vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1452866476733{padding-top: 100px !important;padding-bottom: 100px !important;}”][vc_column][vc_separator color=”#dddddd” width_in_percentages=”yes”][/vc_column][/vc_row][vc_row css=”.vc_custom_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Color Overlay in Row” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” gap=”35″ row_overlay=”color” row_overlay_color=”#f25f5c” css=”.vc_custom_1455550535387{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;background-image: url(http://puzzlerbox.com/levelup/wp-content/uploads/2016/01/30_portfolio_gallery.jpg?id=2858) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column vertical_align=”bottom” text_color=”#ffffff” width=”1/3″ css=”.vc_custom_1455883058122{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”center” text_color=”#ffffff” width=”1/3″ css=”.vc_custom_1455883041181{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column text_color=”#ffffff” width=”1/3″ css=”.vc_custom_1455883069364{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1452875419366{padding-top: 150px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Color Overlay + Live-Background in Row” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” gap=”35″ row_overlay=”color” row_overlay_color=”#000000″ live_background=”spiderweb” css=”.vc_custom_1455550804815{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;background-image: url(http://puzzlerbox.com/levelup/wp-content/uploads/2016/01/30_portfolio_gallery.jpg?id=2858) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column vertical_align=”bottom” text_color=”#aaaaaa” text_hover_color=”#ffffff” width=”1/3″ css=”.vc_custom_1452874069709{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”center” text_color=”#aaaaaa” text_hover_color=”#ffffff” width=”1/3″ css=”.vc_custom_1452874060497{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column text_color=”#aaaaaa” text_hover_color=”#ffffff” width=”1/3″ css=”.vc_custom_1452874050678{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1453203652306{padding-top: 150px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Parallax Background” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” gap=”35″ parallax=”content-moving-fade” parallax_image=”2836″ css=”.vc_custom_1452935156995{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;}”][vc_column vertical_align=”bottom” width=”1/3″ css=”.vc_custom_1455883139899{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”center” width=”1/3″ css=”.vc_custom_1455883149449{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1455883160497{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1452935311844{padding-top: 150px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Video Background + Color Overlay” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”YouTube & Hosted Video” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal” font_container=”tag:h2|font_size:14|text_align:center|color:%23999999″ css=”.vc_custom_1453283169395{padding-top: 15px !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” equal_height=”yes” gap=”35″ row_overlay=”color” row_overlay_opacity=”60″ row_overlay_color=”#000000″ video_bg=”yes” video_mp4=”http://www.puzzlerbox.com/levelup/files/d0/d0_column_video.mp4″ video_webm=”http://www.puzzlerbox.com/levelup/files/d0/d0_column_video.webm” video_ogv=”http://www.puzzlerbox.com/levelup/files/d0/d0_column_video.ogv” video=”show_video” css=”.vc_custom_1464277613983{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;}”][vc_column vertical_align=”bottom” width=”1/3″ css=”.vc_custom_1452935739301{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #ffffff !important;border-radius: 3px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”bottom” width=”1/3″ css=”.vc_custom_1452935803283{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #ffffff !important;border-radius: 3px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”bottom” width=”1/3″ css=”.vc_custom_1452935818641{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #ffffff !important;border-radius: 3px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1452935311844{padding-top: 150px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Animation of columns when you scroll page” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”Different directions, speed and distance” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:400%20regular%3A400%3Anormal” font_container=”tag:h2|font_size:14|text_align:center|color:%23999999″ css=”.vc_custom_1459935120314{padding-top: 15px !important;}”][/vc_column][/vc_row][vc_row gap=”35″ css=”.vc_custom_1459933666979{padding-top: 200px !important;padding-bottom: 100px !important;}”][vc_column scroll_animation=”up” scroll_animation_range=”100″ scroll_animation_speed=”30″ width=”1/2″ css=”.vc_custom_1459933301884{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column scroll_animation=”down” scroll_animation_range=”150″ scroll_animation_speed=”10″ width=”1/2″ css=”.vc_custom_1459933409838{margin-top: -100px !important;padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1459933630092{margin-bottom: 100px !important;}”][vc_column][rdy_button text=”More about Floating Сolumns” size=”large” style=”outline” animation=”p_outside” border_size=”1″ border_radius=”0″ margin_top=”60″ margin_bottom=”” link=”url:http%3A%2F%2Fpuzzlerbox.com%2Flevelup%2Ffloating-columns%2F|||”][/vc_column][/vc_row]