Components & Styles
Headings
h1. Kedavra heading
h2. Kedavra heading
h3. Kedavra heading
h4. Kedavra heading
h5. Kedavra heading
h6. Kedavra heading
Paragraphs
Large paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Perspiciatis, fugiat, dolor omnis perferendis suscipit exercitationem dolores numquam?
Normal paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Small paragraph. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora, adipisci, odit voluptatum obcaecati officia corrupti qui nobis provident delectus animi possimus excepturi maiores dignissimos eum sint.
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Featured List
- Lorem ipsum dolor sit amet, consectetur
- Sit numquam quod molestiae eum
- Fuga impedit magnam veritatis id autem
- Labore facilis ut quae natus voluptatem
Unordered List
- Lorem ipsum dolor sit amet, consectetur
- Sit numquam quod molestiae eum
- Fuga impedit magnam veritatis id autem
- Labore facilis ut quae natus voluptatem
Ordered List
- Lorem ipsum dolor sit amet, consectetur
- Sit numquam quod molestiae eum
- Fuga impedit magnam veritatis id autem
- Labore facilis ut quae natus voluptatem
Unstyled List
- Lorem ipsum dolor sit amet, consectetur
- Sit numquam quod molestiae eum
- Fuga impedit magnam veritatis id autem
- Labore facilis ut quae natus voluptatem
Large Blockquote
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Nullam dictum felis eu pede mollis pretium.
Page Headings
Page Heading Left
Page Subheading Left
Page Heading Center
Page Subheading Center
Color Contextual Classes
Primary Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Danger Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Warning Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Info Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Success Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Muted Text. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, et, deleniti molestias labore nulla accusantium saepe dolores modi perspiciatis impedit. Pariatur aut voluptas est.
Button Colors
Stnandard Buttons
Outlined Buttons
Transparent Buttons
Button Sizes
Block Level Buttons
Basic Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | |
| 2 | Jacob | Thornton | |
| 3 | Larry | the Bird |
Striped Rows
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | |
| 2 | Jacob | Thornton | |
| 3 | Larry | the Bird |
Bordered Table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | |
| 2 | Jacob | Thornton | |
| 3 | Larry | the Bird |
Hover Rows
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | |
| 2 | Jacob | Thornton | |
| 3 | Larry | the Bird |
Stnandard Form / Validation
Login Form Example
Checkboxes and Radios
Sizes
Colors
Form Inputs
Exclusive Two-color Font Icons
Font Awesome Primary Rounded
Font Awesome Dark Rounded
Font Awesome Primary Circle
Font Awesome Dark Circle
Info Boxes / Call to Action
Create the site you will be proud of with Kedavra HTML!
Create the site you will be proud of with Kedavra HTML!
Create the site you will be proud of with Kedavra HTML!
Create the site you will be proud of with Kedavra HTML!
Create the site you will be proud of with Kedavra HTML!
Create the site you will be proud of with Kedavra HTML!
Create the site you will be proud of with Kedavra HTML!
Thumbnail
Thumbnail 3D
Round Thumbnail
Reverse 3D
Media List
Media heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, ut maiores, officia explicabo in id quis nam natus dolor.
Media heading
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Similique, ut maiores, officia explicabo in id quis nam natus dolor.
Google Map
Calendar Widget
Youtube Video
Soundcloud Widget
Static Panels
Panel heading
Primary panel content
Panel heading
Default panel content
Panel heading
Success panel content
Panel heading
Info panel content
Panel heading
Danger panel content
Panel heading
Warning panel content
Collapsible Panels
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, necessitatibus incidunt aperiam nesciunt officia et repellat cum ducimus excepturi dignissimos! Est, veniam, vero adipisci excepturi cum dignissimos dicta ab nesciunt.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, necessitatibus incidunt aperiam nesciunt officia et repellat cum ducimus excepturi dignissimos! Est, veniam, vero adipisci excepturi cum dignissimos dicta ab nesciunt.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, necessitatibus incidunt aperiam nesciunt officia et repellat cum ducimus excepturi dignissimos! Est, veniam, vero adipisci excepturi cum dignissimos dicta ab nesciunt.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, necessitatibus incidunt aperiam nesciunt officia et repellat cum ducimus excepturi dignissimos! Est, veniam, vero adipisci excepturi cum dignissimos dicta ab nesciunt.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, necessitatibus incidunt aperiam nesciunt officia et repellat cum ducimus excepturi dignissimos! Est, veniam, vero adipisci excepturi cum dignissimos dicta ab nesciunt.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, necessitatibus incidunt aperiam nesciunt officia et repellat cum ducimus excepturi dignissimos! Est, veniam, vero adipisci excepturi cum dignissimos dicta ab nesciunt.
Tabs
Tab Link 01
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Curabitur quis rhoncus tellus.
Tab Link 02
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Curabitur quis rhoncus tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus.
Tab Link 03
Lorem ipsum dolor
Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Curabitur quis rhoncus tellus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Maecenas enim velit. Maecenas eu metus vel leo placerat cursus. Curabitur quis rhoncus tellus.
Tooltips
Pricing Plans
Starter
Free
- Lorem ipsum 25 ducimus
- 5 Sed ut perspiciatis
- 3 Enim ad minima veniam
- Excepteur sint FREE occaecat
- Nemo enim ipsam volup
- 11 Neque porro quisquam est
Premium
29.99 $
- Lorem ipsum 25 ducimus
- 5 Sed ut perspiciatis
- 3 Enim ad minima veniam
- Excepteur sint 29.99 $ occaecat
- Nemo enim ipsam volup
- 11 Neque porro quisquam est
Corporate
129.99 $
- Lorem ipsum 25 ducimus
- 5 Sed ut perspiciatis
- 3 Enim ad minima veniam
- Excepteur sint 129.99 $ occaecat
- Nemo enim ipsam volup
- 11 Neque porro quisquam est
Basic
Your current plan
An qui propriae offendit mediocrem. Noluisse delectus quaerendum an vim. Mea labitur moderatius an, ex sed eam.
Family
From 9.99 $ / hour
Mea labitur moderatius an, ex sed animal ullamcorper, et quaeque nonumes detraxit per. Ne ius probo zril mnesarchum, vix fugit. Noluisse delectus quaerendum.
Upgrade to CompanyCompany
From 19.99 $ / hour
An qui propriae offendit mediocrem. Noluisse delectus quaerendum an vim. Mea labitur moderatius an, ex sed animal ullamcorper, et quaeque nonumes detraxit per. Ne ius propriae offendit mediocrem.
Upgrade to Premium