{"id":398,"date":"2015-09-07T08:40:26","date_gmt":"2015-09-07T08:40:26","guid":{"rendered":"https:\/\/puzzlerbox.com\/vim\/?page_id=398"},"modified":"2019-04-06T12:53:23","modified_gmt":"2019-04-06T12:53:23","slug":"rows-columns","status":"publish","type":"page","link":"https:\/\/puzzlerbox.com\/vim\/features\/rows-columns\/","title":{"rendered":"Rows & Columns"},"content":{"rendered":"

[vc_row css=”.vc_custom_1452866635001{padding-top: 40px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Custom Gap (in px)” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”0,1,2,3,4,5,10,15,20,25,30,35,40,45,50,55,60″ font_container=”tag:h2|font_size:14|text_align:center|color:%23aaaaaa” css=”.vc_custom_1535361430036{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” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”Custom colors” 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
\n<\/strong><\/p>\n

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<\/strong><\/p>\n

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<\/strong><\/p>\n

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 gap=”35″][vc_column border_animation=”slide_left” border_animation_width=”3″ border_animation_color=”accent” border_animation_color2=”extra1″ width=”1\/3″ css=”.vc_custom_1535383358294{padding-bottom: 30px !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 border_animation=”slide_up” border_animation_width=”3″ border_animation_color=”#dbdbdb” border_animation_color2=”accent” width=”1\/3″ css=”.vc_custom_1535383302763{padding-top: 30px !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 border_animation=”slide_down” border_animation_width=”3″ border_animation_color=”#dbdbdb” border_animation_color2=”accent” width=”1\/3″ css=”.vc_custom_1535383311333{padding-bottom: 30px !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 gap=”35″][vc_column text_hover_color=”#ffffff” hover_color=”rgba(33,117,215,0.68)” hover_color2=”rgba(246,81,29,0.85)” overlay_gradient_direction=”bl” width=”1\/3″ css=”.vc_custom_1535383602150{border-top-width: 1px !important;border-right-width: 1px !important;border-bottom-width: 1px !important;border-left-width: 1px !important;padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;border-left-color: #e8e8e8 !important;border-left-style: solid !important;border-right-color: #e8e8e8 !important;border-right-style: solid !important;border-top-color: #e8e8e8 !important;border-top-style: solid !important;border-bottom-color: #e8e8e8 !important;border-bottom-style: solid !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_hover_color=”rgba(0,0,0,0.01)” hover_color=”#f2f2f2″ hover_color_opacity_from=”100″ hover_color_opacity_to=”0″ width=”1\/3″ css=”.vc_custom_1535383695771{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background: #f2f2f2 url(https:\/\/puzzlerbox.com\/copilot\/wp-content\/uploads\/revslider\/demo_delete\/slider_01.jpg?id=13677) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !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=”rgba(0,0,0,0.01)” text_hover_color=”#000000″ hover_color=”#f2f2f2″ width=”1\/3″ css=”.vc_custom_1535383784348{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background: #f2f2f2 url(https:\/\/puzzlerbox.com\/copilot\/wp-content\/uploads\/revslider\/demo_delete\/slider_01.jpg?id=13677) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !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” 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.<\/p>\n

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” 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” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][\/vc_column][\/vc_row][vc_row equal_height=”yes” gap=”55″][vc_column vertical_align=”bottom” shadow=”shadow5″ width=”1\/3″ css=”.vc_custom_1535361543046{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=”shadow5″ width=”1\/3″ css=”.vc_custom_1535361551365{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=”shadow5″ width=”1\/3″ css=”.vc_custom_1535361564231{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_1452866931854{padding-bottom: 40px !important;}”][vc_column][vc_empty_space height=”50″][vc_custom_heading text=”Columns Shadow on Hover” 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=”shadow7″ shadow_color=”rgba(0,0,0,0.15)” shadow_on_hover=”true” width=”1\/3″ css=”.vc_custom_1535373636051{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Shadow on Hover<\/strong><\/p>\n

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.<\/p>\n

\n
<\/div>\n
<\/div>\n
<\/div>\n<\/div>\n

[\/vc_column_text][\/vc_column][vc_column vertical_align=”center” shadow=”shadow7″ shadow_color=”rgba(0,0,0,0.15)” shadow_on_hover=”true” move_top=”true” width=”1\/3″ css=”.vc_custom_1535373732813{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Slightly Lifted Up on Hover<\/strong><\/p>\n

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.<\/p>\n

\n
<\/div>\n
<\/div>\n
<\/div>\n<\/div>\n

[\/vc_column_text][\/vc_column][vc_column shadow=”shadow7″ shadow_color=”rgba(33,117,215,0.25)” shadow_on_hover=”true” move_top=”true” width=”1\/3″ css=”.vc_custom_1535373754265{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Slightly Lifted Up on Hover + Shadow Color<\/strong><\/p>\n

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 text_align=”center”][vc_empty_space height=”50″][vc_custom_heading text=”Examples of Ready-made Shadows” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_empty_space height=”50″][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_01.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_02.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_03.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_04.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_05.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_06.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_07.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_08.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_09.png”][vc_single_image source=”external_link” alignment=”inline” css_tabs=”” custom_src=”https:\/\/puzzlerbox.com\/vim\/wp-content\/themes\/theme04\/admin\/assets\/images\/vc\/presets\/vc_row_column\/shadow\/shadow_10.png”][\/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” 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=”gradient” row_overlay_opacity=”70″ row_overlay_color=”#f6511d” row_overlay_color2=”#2320d6″ row_overlay_gradient_direction=”bl” css=”.vc_custom_1550226933357{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;background-image: url(https:\/\/puzzlerbox.com\/vim\/wp-content\/uploads\/2018\/08\/portfolio_011.jpg?id=13614) !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” 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_opacity=”20″ row_overlay_color=”#2175d7″ parallax=”live_bg” live_background=”waves” css=”.vc_custom_1550226968773{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;background-image: url(https:\/\/puzzlerbox.com\/copilot\/wp-content\/uploads\/2018\/08\/portfolio_011.jpg?id=13614) !important;background-position: center;background-repeat: no-repeat !important;background-size: cover !important;}”][vc_column vertical_align=”bottom” text_color=”#2175d7″ text_hover_color=”#ffffff” width=”1\/3″ css=”.vc_custom_1550227028828{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=”#2175d7″ text_hover_color=”#ffffff” width=”1\/3″ css=”.vc_custom_1550227039241{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=”#2175d7″ text_hover_color=”#ffffff” width=”1\/3″ css=”.vc_custom_1550227051345{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” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][\/vc_column][\/vc_row][vc_row full_width=”stretch_row” row_height=”dynamic” row_dynamic_height=”80″ row_min_height=”500″ equal_height=”yes” gap=”35″ parallax=”content-moving-fade” parallax_image=”13611″ css=”.vc_custom_1535370071128{margin-top: 20px !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” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”YouTube & Hosted Video” 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=”gradient” row_overlay_opacity=”40″ row_overlay_color=”#2175d7″ row_overlay_color2=”#020000″ row_overlay_gradient_direction=”bl” parallax=”video_bg” video_mp4=”https:\/\/puzzlerbox.com\/vim\/files\/project_video_001.mp4″ video_bg=”yes” video=”show_video” css=”.vc_custom_1535384302712{margin-top: 20px !important;padding-top: 120px !important;padding-bottom: 120px !important;}”][vc_column vertical_align=”bottom” width=”1\/3″ css=”.vc_custom_1535365336541{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: rgba(255,255,255,0.95) !important;*background-color: rgb(255,255,255) !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]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row css=”.vc_custom_1452866635001{padding-top: 40px !important;padding-bottom: 40px !important;}”][vc_column][vc_custom_heading text=”Columns Custom Gap (in px)” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”0,1,2,3,4,5,10,15,20,25,30,35,40,45,50,55,60″ font_container=”tag:h2|font_size:14|text_align:center|color:%23aaaaaa” css=”.vc_custom_1535361430036{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 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":10726,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/pages\/398"}],"collection":[{"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/comments?post=398"}],"version-history":[{"count":2,"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/pages\/398\/revisions"}],"predecessor-version":[{"id":22501,"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/pages\/398\/revisions\/22501"}],"up":[{"embeddable":true,"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/pages\/10726"}],"wp:attachment":[{"href":"https:\/\/puzzlerbox.com\/vim\/wp-json\/wp\/v2\/media?parent=398"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}