Column

Peenapo Layouts includes powerful column system with tons of customization options like text alignments, colors, backgrounds, video, animations ..

33%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat.

33%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat.

33%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat.

70%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat. Etiam eleifend risus augue, ac condimentum mauris pulvinar sit amet.

30%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin.

50%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat. Etiam eleifend risus augue, ac condimentum mauris pulvinar sit amet.

50%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat. Etiam eleifend risus augue, ac condimentum mauris pulvinar sit amet.

20%

Vestibulum ante ipsum primis in faucibus orci.

20%

Vestibulum ante ipsum primis in faucibus orci.

60%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin. Nulla ultricies mi eget lacus euismod, volutpat sagittis enim consequat. Etiam eleifend risus augue, ac condimentum mauris pulvinar sit amet. luctus et ultrices posuere cubilia Curae; Cras facilisis sem vitae ligula aliquet sollicitudin.

25%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.

25%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.

25%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.

25%

Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere.

Animations

Fade In Scale

Fade In from Top

Fade In from Right

Fade In from Top

Fade In from Bottom

Fade In from Left

Animation sequence

Scale

Scale after 100

Scale after 200

Fade In from Bottom

Fade In from Bottom after 100

Fade In from Bottom after 200

Custom borders

4 pixels solid color

4 pixels dashed border

4 pixels from top

4 pixels from right

4 pixels from bottom

4 pixels from left

Column shadow

Column with shadow

No shadow

Vertical alignment

You can align the content of the columns to the top, middle and bottom.

Pellentesque iaculis egestas auctor. Nam at neque diam. Nunc aliquet sem leo, quis scelerisque ex elementum porttitor. 

Nulla sollicitudin mi at purus posuere maximus. Curabitur malesuada, libero a facilisis cursus, arcu nunc ultrices quam, a consectetur mi tellus non lacus. Fusce in condimentum velit. Maecenas vestibulum mattis augue, aliquam maximus orci semper sed. Quisque semper, mauris in pretium condimentum, nisl sapien mattis tortor, eu porta lacus mauris in erat.

Quisque congue risus vel quam porta tristique. Suspendisse sed bibendum neque, sed malesuada leo. Nunc eleifend felis ac feugiat viverra. Vestibulum condimentum, arcu sed luctus efficitur, lorem eros vestibulum sem, sit amet eleifend massa erat sed quam. Proin pellentesque ligula vel quam malesuada, vel aliquet augue viverra. Aliquam erat volutpat. Vestibulum id fringilla sem. Nam odio dui, pellentesque eget eros fringilla, tristique iaculis dolor.

Pellentesque iaculis egestas auctor. Nam at neque diam. Nunc aliquet sem leo, quis scelerisque ex elementum porttitor. Morbi vel ornare lectus. Morbi dapibus euismod neque, et sagittis magna euismod sit amet. Etiam ac quam ac sem vulputate elementum in sed est. Duis purus nulla, faucibus in elementum a, tempor in elit. Nullam at tempus massa, vitae posuere dolor.

Backgrounds

You can choose the background type of each column: parallax, image, solid color, video. Use an overlay with gradient colors for best fit.

Parallax Background Image
Gradient Background Image
Solid Color Background
Video Background
Gradient from Bottom Left