+ 
-
-
-
- - Index -
+ + + + + + + + + + + +
- All pages
+
+
+
+
+
+
+
+
+ Index
-
-
- -
-
- redirect.html
-
-
- -
-
- tmp.html
-
-
- -
-
- layouts.html
-
-
- -
-
- redirects.json
-
-
- -
-
-
- Blank page
-
-
- -
-
- Blog
-
-
- -
-
-
- Buttons
-
-
- -
-
- Calendar
-
-
- -
-
- Cards
-
-
- -
-
-
- Carousel
-
-
- -
-
-
- Changelog
-
-
- -
-
- Charts
-
-
- -
-
-
- Crypto currencies
-
-
- -
-
- Dark header
-
-
- -
-
- Dark mode
-
-
- -
-
-
- Documentation
-
-
- -
-
- Dropdowns
-
-
- -
-
- Email
-
-
- -
-
-
- Empty page
-
-
- -
-
-
- Flags
-
-
- -
-
- Folded sidebar
-
-
- -
-
- Forgot password
-
-
- -
-
- Form elements
-
-
- -
-
-
- Gallery
-
-
- -
-
-
- Heatmap Charts
-
-
- -
-
- Homepage
-
-
- -
-
- Icons
-
-
- -
-
- Index
-
-
- -
-
- Invoice
-
-
- -
-
- Layout test
-
-
- -
-
- Login
-
-
- -
-
- Lookup company
-
-
- -
-
-
- Maintenance mode
-
-
- -
-
- Maps
-
-
- -
-
- Navbar top
-
-
- -
-
-
- Page 404
-
-
- -
-
- Pagination
-
-
- -
-
-
- Pricing cards
-
-
- -
-
- Profile
-
-
- -
-
- RTL mode
-
-
- -
-
- Register
-
-
- -
-
-
- Ribbons
-
-
- -
-
- Sidebar left
-
-
- -
-
- Sidebar right
-
-
- -
-
- Sidebar white
-
-
- -
-
- Snippets
-
-
- -
-
-
- Social elements
-
-
- -
-
- Sticky header
-
-
- -
-
- Store
-
-
- -
-
- Table UI components
-
-
- -
-
-
- Tabs
-
-
- -
-
-
- Typography
-
-
- -
-
-
- Users list
-
-
-
+
+
+
+
+
+
+
+ All pages
+
+
+
+
+ -
+
+ redirects.json
+
+
+ -
+
+ redirect.html
+
+
+ -
+
+ layouts.html
+
+
+ -
+
+
+ Blank page
+
+
+ -
+
+ Blog
+
+
+ -
+
+
+ Buttons
+
+
+ -
+
+ Calendar
+
+
+ -
+
+ Cards
+
+
+ -
+
+
+ Carousel
+
+
+ -
+
+
+ Changelog
+
+
+ -
+
+ Charts
+
+
+ -
+
+
+ Crypto currencies
+
+
+ -
+
+
+ Documentation
+
+
+ -
+
+ Dropdowns
+
+
+ -
+
+ Email
+
+
+ -
+
+
+ Empty page
+
+
+ -
+
+
+ Flags
+
+
+ -
+
+ Forgot password
+
+
+ -
+
+ Form elements
+
+
+ -
+
+
+ Gallery
+
+
+ -
+
+
+ Heatmap Charts
+
+
+ -
+
+ Homepage
+
+
+ -
+
+ Icons
+
+
+ -
+
+ Index
+
+
+ -
+
+ Invoice
+
+
+ -
+
+ Layout test
+
+
+ -
+
+ Login
+
+
+ -
+
+ Lookup company
+
+
+ -
+
+
+ Maintenance mode
+
+
+ -
+
+ Maps
+
+
+ -
+
+ Markdown
+
+
+ -
+
+
+ Page 400
+
+
+ -
+
+
+ Page 401
+
+
+ -
+
+
+ Page 403
+
+
+ -
+
+
+ Page 404
+
+
+ -
+
+
+ Page 500
+
+
+ -
+
+
+ Page 503
+
+
+ -
+
+ Pagination
+
+
+ -
+
+
+ Pricing cards
+
+
+ -
+
+ Profile
+
+
+ -
+
+ RTL mode
+
+
+ -
+
+ Register
+
+
+ -
+
+
+ Ribbons
+
+
+ -
+
+ Snippets
+
+
+ -
+
+
+ Social elements
+
+
+ -
+
+ Store
+
+
+ -
+
+ Table UI components
+
+
+ -
+
+
+ Tabs
+
+
+ -
+
+
+ Typography
+
+
+ -
+
+
+ Users list
+
+
+
+
-
-
+
+
+ Index
-
-
- - - redirect.html - - -
- - - tmp.html - - -
- - - layouts.html - - -
- - - redirects.json - - -
- - - - Blank page - - -
- - - Blog - - -
- - - - Buttons - - -
- - - Calendar - - -
- - - Cards - - -
- - - - Carousel - - -
- - - - Changelog - - -
- - - Charts - - -
- - - - Crypto currencies - - -
- - - Dark header - - -
- - - Dark mode - - -
- - - - Documentation - - -
- - - Dropdowns - - -
- - - Email - - -
- - - - Empty page - - -
- - - - Flags - - -
- - - Folded sidebar - - -
- - - Forgot password - - -
- - - Form elements - - -
- - - - Gallery - - -
- - - - Heatmap Charts - - -
- - - Homepage - - -
- - - Icons - - -
- - - Index - - -
- - - Invoice - - -
- - - Layout test - - -
- - - Login - - -
- - - Lookup company - - -
- - - - Maintenance mode - - -
- - - Maps - - -
- - - Navbar top - - -
- - - - Page 404 - - -
- - - Pagination - - -
- - - - Pricing cards - - -
- - - Profile - - -
- - - RTL mode - - -
- - - Register - - -
- - - - Ribbons - - -
- - - Sidebar left - - -
- - - Sidebar right - - -
- - - Sidebar white - - -
- - - Snippets - - -
- - - - Social elements - - -
- - - Sticky header - - -
- - - Store - - -
- - - Table UI components - - -
- - - - Tabs - - -
- - - - Typography - - -
- - - - Users list - - -
+ All pages +
+-
+
- + + redirects.json + + +
- + + redirect.html + + +
- + + layouts.html + + +
- + + + Blank page + + +
- + + Blog + + +
- + + + Buttons + + +
- + + Calendar + + +
- + + Cards + + +
- + + + Carousel + + +
- + + + Changelog + + +
- + + Charts + + +
- + + + Crypto currencies + + +
- + + + Documentation + + +
- + + Dropdowns + + +
- + + Email + + +
- + + + Empty page + + +
- + + + Flags + + +
- + + Forgot password + + +
- + + Form elements + + +
- + + + Gallery + + +
- + + + Heatmap Charts + + +
- + + Homepage + + +
- + + Icons + + +
- + + Index + + +
- + + Invoice + + +
- + + Layout test + + +
- + + Login + + +
- + + Lookup company + + +
- + + + Maintenance mode + + +
- + + Maps + + +
- + + Markdown + + +
- + + + Page 400 + + +
- + + + Page 401 + + +
- + + + Page 403 + + +
- + + + Page 404 + + +
- + + + Page 500 + + +
- + + + Page 503 + + +
- + + Pagination + + +
- + + + Pricing cards + + +
- + + Profile + + +
- + + RTL mode + + +
- + + Register + + +
- + + + Ribbons + + +
- + + Snippets + + +
- + + + Social elements + + +
- + + Store + + +
- + + Table UI components + + +
- + + + Tabs + + +
- + + + Typography + + +
- + + + Users list + + +
- 
-
- -
-
-
-
-
- 4
+
+ ++
+ +- - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/blog.html b/demo/blog.html index 0a07ea7a3..d0a8a501d 100644 --- a/demo/blog.html +++ b/demo/blog.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -+ +- - - -
+
-
-
-
- -- + +----
- No results found
-- Try adjusting your search or filter to find what you're looking for. -
-- - - Add your first client - + + + Leesa Beaty + Administrator + + + + ++ + +++ +++++
+ No results found
++ Try adjusting your search or filter to find what you're looking for. +
+ +-- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ +- - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/buttons.html b/demo/buttons.html index 9218fa34b..bbb3f2950 100644 --- a/demo/buttons.html +++ b/demo/buttons.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -+ +- - + +
+
-
-
-
- + +- -++ +++ + +++++++ Blog +
++++++ ++
+
+ ++And this isn't my nose. This is a false one.
+Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...++ +++ Dunn Slane + 3 days ago +++ + + +++++ ++
+
+ ++Well, I didn't vote for you.
+Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...++ +++ Emmy Levet + 3 days ago +++ + + +++++ ++
+
+ ++How do you know she is a witch?
+Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...++ +++ Maryjo Lebarree + 3 days ago +++ + + ++++++++Weaseling out of things is important to learn.
+Please do not offer my god a peanut. That's why I love elementary school, Edna. The children beli...++ +++ Perren Keemar + 3 days ago +++ + + ++++++++You don't like your job, you don't strike.
+But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've ...++ +++ Sunny Airey + 3 days ago +++ + + ++++++++I hope I didn't brain my damage.
+I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneline...+ ++++++++ ++
+
+ ++++And this isn't my nose. This is a false one.
+Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...++ +++ Dunn Slane + 3 days ago +++ + + +++++++++ ++
+
+ ++++Well, I didn't vote for you.
+Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...++ +++ Emmy Levet + 3 days ago +++ + + +++++++++ ++
+
+ ++++Weaseling out of things is important to learn.
+Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secr...++ +++ Perren Keemar + 3 days ago +++ + + +++++++++ ++
+
+ ++++You don't like your job, you don't strike.
+But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's...++ +++ Sunny Airey + 3 days ago +++ + + ++-- - -------- Blog -
------ --
-
- --And this isn't my nose. This is a false one.
-Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...-- --- Dunn Slane - 3 days ago --- - - ----- --
-
- --Well, I didn't vote for you.
-Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...-- --- Emmy Levet - 3 days ago --- - - ----- --
-
- --How do you know she is a witch?
-Are you suggesting that coconuts migrate? No, no, no! Yes, yes. A bit. But she's got a wart. You ...-- --- Maryjo Lebarree - 3 days ago --- - - --------Weaseling out of things is important to learn.
-Please do not offer my god a peanut. That's why I love elementary school, Edna. The children beli...-- --- Perren Keemar - 3 days ago --- - - --------You don't like your job, you don't strike.
-But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've ...-- --- Sunny Airey - 3 days ago --- - - --------I hope I didn't brain my damage.
-I don't like being outdoors, Smithers. For one thing, there's too many fat children. Oh, loneline...- -------- --
-
- ----And this isn't my nose. This is a false one.
-Look, my liege! The Knights Who Say Ni demand a sacrifice! …Are you suggesting that coconuts migr...-- --- Dunn Slane - 3 days ago --- - - --------- --
-
- ----Well, I didn't vote for you.
-Well, we did do the nose. Why? Shut up! Will you shut up?! You don't frighten us, English pig-dog...-- --- Emmy Levet - 3 days ago --- - - --------- --
-
- ----Weaseling out of things is important to learn.
-Please do not offer my god a peanut. That's why I love elementary school, Edna. The children believe anything you tell them. Brace yourselves gentlemen. According to the gas chromatograph, the secr...-- --- Perren Keemar - 3 days ago --- - - --------- --
-
- ----You don't like your job, you don't strike.
-But, Aquaman, you cannot marry a woman without gills. You're from two different worlds… Oh, I've wasted my life. Son, when you participate in sporting events, it's not whether you win or lose: it's...-- --- Sunny Airey - 3 days ago --- - - ---- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ ++ +- - + +
+
-
-
-
- + ++- --- -----Standard Buttons
--+ +-+Normal-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - --- - Link - -+++ ++++-Standard Buttons
-Active state-- - Primary - ++-+-Normal++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +++ + Link + +- - Secondary - +-+-Active state++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +++ + Link + +- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - --- - Link - ----Disabled-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - --- - Link - ++Disabled++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +++ + Link + +---Outline Buttons
--Use
-.btn-outline-*class for outline buttons. --Normal-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - -+++-Outline Buttons
-Active state-- - Primary - ++-Use
+.btn-outline-*class for outline buttons. ++-Normal++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +- - Secondary - +-+-Active state++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - ----Disabled-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - ++Disabled++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +---Ghost Buttons
--Use
-.btn-ghost-*class for ghost buttons. --Normal-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - -+++-Ghost Buttons
-Active state-- - Primary - ++-Use
+.btn-ghost-*class for ghost buttons. ++-Normal++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +- - Secondary - +-+-Active state++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - ----Disabled-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - ++Disabled++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +---Square Buttons
--Use
-.btn-squareclass for square buttons. --Normal-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - +-+-++Square Buttons
++Use
+.btn-squareclass for square buttons. ++Normal++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +---Pill Buttons
--Use
-.btn-pillclass for pill buttons. --Normal-- - Primary - --- - Secondary - --- - Success - --- - Warning - --- - Danger - --- - Info - --- - Light - --- - Dark - +-+-++Pill Buttons
++Use
+.btn-pillclass for pill buttons. ++Normal++ + Primary + +++ + Secondary + +++ + Success + +++ + Warning + +++ + Danger + +++ + Info + +++ + Light + +++ + Dark + +---Extra colors
--- - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/calendar.html b/demo/calendar.html index 359db671d..59557834c 100644 --- a/demo/calendar.html +++ b/demo/calendar.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - --- - Blue - --- - Azure - --- - Indigo - --- - Purple - --- - Pink - --- - Red - --- - Orange - --- - Yellow - --- - Lime - --- - Green - --- - Teal - --- - Cyan - --- - Gray - +-+-++Extra colors
++++ + Blue + +++ + Azure + +++ + Indigo + +++ + Purple + +++ + Pink + +++ + Red + +++ + Orange + +++ + Yellow + +++ + Lime + +++ + Green + +++ + Teal + +++ + Cyan + +++ + Gray + +---Social colors
--- + +--- - - Facebook - --- - - Twitter - --- - - Google - --- - - Youtube - --- - - Vimeo - --- - - Dribbble - --- - - Github - --- - - Instagram - --- - - Pinterest - --- - - VK - --- - - RSS - --- - - Flickr - --- - - Bitbucker - --- - - Tabler - ++++Social colors
++++ + + Facebook + +++ + + Twitter + +++ + + Google + +++ + + Youtube + +++ + + Vimeo + +++ + + Dribbble + +++ + + Github + +++ + + Instagram + +++ + + Pinterest + +++ + + VK + +++ + + RSS + +++ + + Flickr + +++ + + Bitbucker + +++ + + Tabler + +-- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ ++ +- - - -
+
-
-
-
- -- - -- - - - - - - - - - - - - - - - - - + + - + - + - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/carousel.html b/demo/carousel.html index 079abd6c1..afd7cf77d 100644 --- a/demo/carousel.html +++ b/demo/carousel.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - ---- -- Calendar -
-- ++ ++ + ++-+ + +-+++ ++ Calendar +
+++ + + Add event + +-- +- + ++-+ +-- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ +- - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/changelog.html b/demo/changelog.html index be4b1dd27..2a2c9ad09 100644 --- a/demo/changelog.html +++ b/demo/changelog.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -+ +- - + +
+
-
-
-
- + +- -++ +++ + +++++++ Carousel +
+++++++++Carousel
+++++++++
+ ++
+ ++
+ ++
+ ++
+ ++++++Carousel with indicators
+++++-
+
+
+
+
+
+
++++
+ ++
+ ++
+ ++
+ ++
+ ++++++Carousel with controls
++ ++++++++Carousel with captions
+++++++ + + Previous + + + + Next + +++
+
+ ++Slide label
+Nulla vitae elit libero, a pharetra augue mollis interdum.
+++
+
+ ++Slide label
+Nulla vitae elit libero, a pharetra augue mollis interdum.
+++
+
+ ++Slide label
+Nulla vitae elit libero, a pharetra augue mollis interdum.
+++
+
+ ++Slide label
+Nulla vitae elit libero, a pharetra augue mollis interdum.
+++
+
+ ++Slide label
+Nulla vitae elit libero, a pharetra augue mollis interdum.
+-- - -------- Carousel -
---------Carousel
---------
- --
- --
- --
- --
- ------Carousel with indicators
------
-
-
-
-
-
-
----
- --
- --
- --
- --
- ------Carousel with controls
-- --------Carousel with captions
------- - - Previous - - - - Next - ---
-
- --Slide label
-Nulla vitae elit libero, a pharetra augue mollis interdum.
---
-
- --Slide label
-Nulla vitae elit libero, a pharetra augue mollis interdum.
---
-
- --Slide label
-Nulla vitae elit libero, a pharetra augue mollis interdum.
---
-
- --Slide label
-Nulla vitae elit libero, a pharetra augue mollis interdum.
---
-
- --Slide label
-Nulla vitae elit libero, a pharetra augue mollis interdum.
--- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ +- - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/charts-heatmap.html b/demo/charts-heatmap.html index 43fb52fe3..44722aa7b 100644 --- a/demo/charts-heatmap.html +++ b/demo/charts-heatmap.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -+ +- - + +
+
-
-
-
- + - - -- - -------- Changelog -
-------- 1.0.0 — - December 15, 2019 ----Coming soon
--- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ +- - - - - - - - - - - - - - - - - - + + - + - + diff --git a/demo/charts.html b/demo/charts.html index 6f2e86084..c1b3df40d 100644 --- a/demo/charts.html +++ b/demo/charts.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -+ +- - + +
+
-
-
-
- + - - -- - -------- Heatmap Charts -
------- ---Basic Heatmap - Single Series
- ----- ---Heatmap - Multiple series
- ----- ---Heatmap - Labels included
- ----- ---Heatmap - Color range
- --- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ +- - - - - - - - - - - - - - - - - - + + + - + - + - - - - - - - - - - - - - - - - - - - - - - - + - + diff --git a/demo/components/card-comments.html b/demo/components/card-comments.html index 149fb7de6..3aa41af32 100644 --- a/demo/components/card-comments.html +++ b/demo/components/card-comments.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -+ +- - + +
+
-
-
-
- + - - -- - -------- Charts -
---------Total sales
-- --------Campaigns
-- --------Tasks
-- --------Employment Growth
-- --------Line chart
-- --------Stepline
-- --------Monthly Average Temperature
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Wind speed during two days
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Lorem ipsum
-- --------Combination chart
-- ---- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ ++ +- - + +
+
-
-
-
- + - - -- - ----- Tabler components -
+ + + + + + + + + + + +--- Card with bottom tabs - Card with footer buttons - Card with ribbon - Card with side image - Color input - Comments card - Empty state - Image input - Progress bar - Revenue chart - Sales widget - Simple avatar - Simple box + +++ + +-+++ Tabler components +
+---Comments card-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
-------Comments---- - - ---+--- Paweł Kuna -
-1 week ago-- This is PERFECT -
- -++ +++++Comments card+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
++++- - - - - - - - - - - - - - - - - - - - + - + diff --git a/demo/components/card-ribbon.html b/demo/components/card-ribbon.html index 596024840..dd9db1528 100644 --- a/demo/components/card-ribbon.html +++ b/demo/components/card-ribbon.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - -++-Comments-- - - JL ---- + +--- Jeffie Lewzey -
-1 week and 4 days ago++-+- -+ + +-- She is so damn beautiful OMG i love her!!! does somebody knows what kind of music is this? sorry xD -
- --<div class="card"> ++-
-<div class="card"> <div class="card-header"> <div class="card-title">Comments</div> </div> @@ -478,126 +660,92 @@ </div> </div> </div>- -- ++ ++ +-- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ ++ +- - + +
+
-
-
-
- + - - -- - ----- Tabler components -
+ + + + + + + + + + + +--- Card with bottom tabs - Card with footer buttons - Card with ribbon - Card with side image - Color input - Comments card - Empty state - Image input - Progress bar - Revenue chart - Sales widget - Simple avatar - Simple box + +++ + +-+++ Tabler components +
+---Card with ribbon-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
------ - - - - - - - - - - - - - - - - - - - + - + diff --git a/demo/components/card-tabs-bottom.html b/demo/components/card-tabs-bottom.html index 2a17c0c02..658daf989 100644 --- a/demo/components/card-tabs-bottom.html +++ b/demo/components/card-tabs-bottom.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - --Card with ribbon
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.
+++ +++- + ++-+-Card with ribbon+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
++-+++-++Card with ribbon
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.
+-10%-10%-<div class="card"> ++-
-<div class="card"> <div class="card-body"> <h3 class="card-title">Card with ribbon</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda consectetur consequuntur culpa cum dolorum eveniet.</p> </div> <div class="ribbon ribbon-bookmark bg-orange">-10%</div> </div>- -- ++ ++ +-- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ ++ +- - + +
+
-
-
-
- + - - -- - ----- Tabler components -
+ + + + + + + + + + + +--- Card with bottom tabs - Card with footer buttons - Card with ribbon - Card with side image - Color input - Comments card - Empty state - Image input - Progress bar - Revenue chart - Sales widget - Simple avatar - Simple box + +++ + +-+++ Tabler components +
+---Card with bottom tabs-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
---- --- --- ---Content of tab #1-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -
--- ---Content of tab #2-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -
--- ---Content of tab #3-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -
--- - - - - - - - - - - - - - - - - - - - + - + diff --git a/demo/components/card-with-image.html b/demo/components/card-with-image.html index 6ccd985e4..0a281b230 100644 --- a/demo/components/card-with-image.html +++ b/demo/components/card-with-image.html @@ -1,7 +1,7 @@ - - - - - - + + + + + + - + - - + + - --Content of tab #4-- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. -
+++ +++- + ++-+-Card with bottom tabs+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
++-++ ++- -+ ++ +++ +++Content of tab #1++ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +
+++ +++Content of tab #2++ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +
+++ +++Content of tab #3++ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +
+++Content of tab #4++ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci, alias aliquid distinctio dolorem expedita, fugiat hic magni molestiae molestias odit. +
+-<!-- Cards with tabs component --> ++-
-<!-- Cards with tabs component --> <div class="card-tabs"> <div class="tab-content"> <!-- Content of card #1 --> @@ -380,116 +562,82 @@ <li class="nav-item"><a href="#tab-bottom-4" class="nav-link" data-toggle="tab">Tab 4</a></li> </ul> </div>- -- ++ ++ +-- - - - - -
-
-
- -
-
-
-
-
- 4
+
+ ++
+ ++ +- - + +
+
-
-
-
- + - - -- - ----- Tabler components -
+ + + + + + + + + + + +--- Card with bottom tabs - Card with footer buttons - Card with ribbon - Card with side image - Color input - Comments card - Empty state - Image input - Progress bar - Revenue chart - Sales widget - Simple avatar - Simple box + +++ + +-+++ Tabler components +
+---Card with side image-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
--------
- --Card with side image
-Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima - neque pariatur perferendis sed suscipit velit vitae voluptatem.
+++ +++++-Card with side image+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Animi autem dignissimos doloribus, fuga iste omnis reprehenderit ullam veritatis. Ab aut blanditiis dolore eos exercitationem iste quis rerum, tempore unde voluptatem!
++-++++++
+ ++Card with side image
+Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit incidunt, iste, itaque minima + neque pariatur perferendis sed suscipit velit vitae voluptatem.
+-<div class="card"> ++-
-<div class="card"> <div class="row row-0"> <div class="col-md-3"> <img src="./img/photos/2854fd67ddbd6217.jpg" class="w-100 h-100 object-cover" alt="Card side image"> @@ -312,84 +494,50 @@ </div> </div> </div>- -- ++
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
-
-
-
- 4
+
+
+ 
+ 
+ 
+ 
+