Columns Custom Gap (in px)
0,1,2,3,4,5,10,15,20,25,30,35,40,45,50,55,60
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.
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.
Columns Hover Effects
Custom colors
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.
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.
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.
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.
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.
Columns Equal Heights
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.
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.
Columns Equal Heights + Content Vertical Alignment
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.
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.
Columns Shadow
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.
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.
Columns Shadow on Hover
Shadow 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.
Slightly Lifted Up 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.
Slightly Lifted Up on Hover + Shadow 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.
Examples of Ready-made Shadows
Color Overlay in Row
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.
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.
Color Overlay + Live-Background in Row
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.
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.
Parallax Background
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.
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.
Video Background + Color Overlay
YouTube & Hosted Video
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.