.ui-w-140
.ui-w-120
.ui-w-100
.ui-w-80
.ui-w-60
.ui-w-50
.ui-w-40
.ui-w-30
.ui-w-20
Hoverable:
min-height: 100vh
Square and rect blocks are keep their height relative to the parent's width.
.ui-square
.ui-rect-75
.ui-rect-67
.ui-rect-60
.ui-rect
.ui-rect-30
With content:
.ui-square
.ui-rect-75
.ui-rect-67
.ui-rect-60
.ui-rect
.ui-rect-30
Small:
Hoverable:
Custom icon:
Custom colors:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sed sollicitudin metus. Pellentesque ut ultrices metus. Nam rutrum vehicula odio, sed auctor libero lacinia vitae. Nullam volutpat pretium suscipit. Nunc eget lectus mauris. Vestibulum laoreet euismod nisl non tristique. Etiam mollis ex sed nibh feugiat dictum. Nullam ornare diam sed arcu interdum condimentum. Maecenas pharetra nibh interdum, laoreet ex et, dapibus lorem. Pellentesque a justo eu dolor tempus luctus.
Suspendisse nec nisl quis ligula volutpat scelerisque vel a mi. Vivamus et velit elit.
Aliquam consequat orci id arcu venenatis tempus. Donec varius convallis enim, ac auctor libero euismod eu. Nam rutrum molestie diam et sagittis. Integer consequat vestibulum interdum. Integer consequat scelerisque lectus, et viverra massa aliquam at. Phasellus consequat faucibus justo eu pulvinar. Maecenas tincidunt non urna in luctus. Vivamus et tellus tortor. In eleifend euismod imperdiet.
.ui-bg-cover
.ui-bg-fixed
With overlay:
.ui-bg-cover
.ui-bg-fixed
With overlay:
Macbook:
Available macbook images:
iPhone:
Browser window:
Small: