Tiles

List of tiles with different features.

loading... $24 Purchase

Basic Tiles

List of simple tiles with different features.

Clean & Minimal Design

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Text Center

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Subtitle

mar 22, 2017

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

22.05.2017 - 5 comments

Another Placement

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

Title Underlined

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Tile With Shadow

Awesome subtitle

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

Shadow On Hover

22.05.2017 / 5 comments

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

Bordered Tile

Sport

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

Tiles With Icon

Use .tile-icon to wrap your icon. Add class .tile-icon-dashed to make it dashed. Also you can change design of container using styles .tile-basic-icon-top,.tile-icon-bg

With Icon

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Tile Icon Dashed

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Icon Top

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Continue

Background

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat. Curabitur et dictum elit, quis congue lacus.

Continue

Tile With Image

Use .tile-image to add hero image for your tile.

Clean & Minimal Design

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

Subtitle Feature

22/05/2017 - 08 comments - John Doe

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt.

Business

Another Direction

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt.

Read More

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt.

Read more
Default Image Title
Default Image Title

Example of subtitle that goes right here

Top Direction Title

You can use top direction of title

Business
Image Container

Use this container for custom elements

Hovered Image Title

It's easy to show your title only on hover

Hovered Layer

You can use special tile hover layer

Hide Title On Hover

Add special class to hide title on hover

Light Hover Layer

Add special class to get tile hover light

Simple Design Of Title
22/05/2017 - 08 comments - John Doe
Hot
22/05/2017 - 08 comments - John Doe
Some awesome title goes here
Video
Some awesome title goes here
May 05, 2017 - 25,521 views
15 Things You Should Have

Very helpfull information to know...

Cras mattis tortor vitae pulvinar sollicitudin, aliquam suscipit sed. Read more...

Other Examples

Combine all elements to create awesome tile desing.

Creative Web-Studio

Web-Studio Awesome

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

 

Discover More

New Event

22.05.2017

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt. Suspendisse ut massa id odio tristique placerat.

Get More Info

Information

3 latest notifications

1. Cras mattis tortor vitae pulvinar sollicitudin.
2. Aliquam suscipit sed arcu at tincidunt.
3. Suspendisse ut massa id odio.

All Notification
Pellentesque habitant morbi tristique

Your Emotions

Cras mattis tortor vitae pulvinar sollicitudin. Aliquam suscipit sed arcu at tincidunt.
Suspendisse ut massa id odio tristique placerat.

Smile

Cras mattis tortor vitae pulvinar sollicitudin aliquam suscipit sed arcu at tincidunt.

Sad

Cras mattis tortor vitae pulvinar sollicitudin aliquam suscipit sed arcu at tincidunt.

Neutral

Cras mattis tortor vitae pulvinar sollicitudin aliquam suscipit sed arcu at tincidunt.

Mustache

Cras mattis tortor vitae pulvinar sollicitudin aliquam suscipit sed arcu at tincidunt.

Notifications

7 new, latest: July 19, 2016 at 10:14:32.

Product Delivered delivered

#SPW-955-18 to st. StreetName SA, USA.

19/07/2016 10:14:32 AM

Successful Payment success

Payment for order #SPW-955-17: $145.44.

19/07/2016 09:55:12 AM

New Order #SPW-955-17 waiting

Added new order, waiting for payment. Order details.

19/07/2016 09:51:55 AM

Money Back Request return

#SPW-955-17 return requested. Request details.

19/07/2016 08:44:51 AM

The critical amount of product important

Product: Extra Awesome Product (amount: 2). Storehouse.

19/07/2016 08:30:00 AM

Product Delivery Start delivering

#SPW-955-18 to st. StreetName SA, USA.

18/07/2016 06:14:32 PM

Critical Server Load server

Disk space: 248.1Gb/250Gb. Control panel.

18/07/2016 06:14:32 PM

Settings

Notification Settings