Sam's Debug Paradise/Hell

this boi is to debug almost all components in this framework in your own risk because shit's about to get dirrty, some helpers are not present. it's kinda laggy now because i shat on it too much

TEMPLATE ACCORDIO BOI

Module grid

shit
shit
shit
shit
shit

data-toggle switch-on and switch-off

Click to edit me

switch but it on first

switch but it on first n idlidldidle

switch but idle

Modal with a bitch ass table

test
Rank Absolute Rank Group Result Type Search Result Note
31 31 organic
Richard Schulte, A Product Liability Attorney With Wright ...
Richard Schulte, founding partner of Wright & Schulte LLC and a product liability attorney, will appear on Cincinnati, Ohio Fox 19, “Moore Law” show to answer ...

sidebar module template

sidebar module template
TITLE
atin cu pung singsing

Ratio

1 by 1
16 by 9
4 by 3

Border Radius

ellipse
oHOHO
top
bottom
left
right
top-left
top-right
bottom-left

smol

oHOHO
top
bottom
left
right
top-left
top-right
bottom-left
bottom-right

lorg

oHOHO
top
bottom
left
right
top-left
top-right
bottom-left
bottom-right

reset

oHOHO
top
bottom
left
right
top-left
top-right
bottom-left
bottom-right

Toolbar

|
Eat Shit



|
Eat Shit



|
Eat Shit



|
Eat Shit

input-toggle

Test this fucker. do not use horizontal and vertical input classes with this shit or you dIE
Test this fucker. do not use horizontal and vertical input classes with this shit or you dIE
Test this fucker. do not use horizontal and vertical input classes with this shit or you dIE

colors

Test this fucker primary
Test this fucker secondary
Test this fucker accent
Test this fucker success
Test this fucker caution
Test this fucker error
Test this fucker
Test this fucker this one should have toggle on the other side of the text

highlight for #hashtags and @tagging profiles and shit

Oooh… that’s hard.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

I know what I'd be... I'd be a #whale. I love whales. I've loved @whales since I was a little girl.

I think I would be a #bird, because they can fly. Not only can they fly, but they can travel all over the world. You know what I’m saying?

I would like to be a black panther. So I can creep. Through the wilderness. And I like when they walk, their backs go like... that, and when they step, they step better than I do, they step with a stride. And they’re graceful. So when I walk out of here, I’m going to step like a #black panther.

ASSETS

bitch-ass.probablyavirus

69kb

bitch-ass.mp3

69kb

bitch-ass.json

69kb

bitch-ass.docx

69kb

bitch-ass.txt

69kb

bitch-ass.otf

69kb

bitch-ass.jpg

69kb

bitch-ass-portrait.jpg

69kb

bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.tiff

69kb

bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.ps

69kb

bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.ai

69kb

bitch-ass-obscure-or-nonweb-image-type-or-vector-shit-that-dont-like-fit-cover.xd

69kb

Well Shit.pdf

69kb

Well Shit.indb

69kb

bitch-ass.csv

69kb

bitch-ass.mp4

69kb

Zone

with input fiweld

Drag and drop attachments here
Drag and drop attachments here
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi also i cant be fucked with
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi
click me boi

board

form: tags field

external plugin support/throttle/yea boi

other basic bitches







Cristian's code 06-09 ayyyyy

modddddaaaal

Nadia's code but fucked up by me

Nadia's code

cristian's code

modddddaaaal













ini may dupli

ini mayo pang nakalaag

Well

theme
theme polar
theme outline
theme polar outline

Tabs

bititichhc

bitchacho

form: Date module

The div is somewhere here... suck a dick ALSO FUCK SKIP YEARSSS

bitch but no value

				data-calendar-start-day="0"
					data-calendar-disabled-dates="past"
					data-calendar-year-span="0"
					min="2019-01-20"
					data-calendar-max="2021-02-20"
					value="2020-03-05"
				

use cases

different size

in fieldset

fuck wad

sizes

color classes

in input-group-vertical

in input-group-horizontal

Alerts

Close em all
.alert.alert-default but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default.alert-small with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default.alert-large with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-primary but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy

Alert titty

.alert.alert-default with headers and footers and shit but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-secondary but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-accent but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-neutral but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-success but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-caution but then also There's a fucking link hooheehoo that shit sexy
.alert.alert-error but then also There's a fucking link hooheehoo that shit sexy
I have a close button suck my dick
.alert.alert-default but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-primary but then also There's a fucking link hooheehoo that shit sexy

TABLES BIIIIIITXCCCCHHHTHTHCVHCHTYHVHTH^

Column heading Column heading Column heading Total
Primary Column content Column content 0
secondary Column content Column content 0
accent Column content Column content 0
Success Column content Column content 666
Error Column content Column content 0
Caution Column content Column content 0
neutral Column content Column content 0
Intensity 1 Column content Column content 0
Intensity 2 Column content Column content 0
Intensity 3 Column content Column content 0
Intensity 4 Column content Column content 0
Intensity 5 Column content Column content 0
Disabled Column content Column content 0

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-secondary but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-accent but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-neutral but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-success but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-caution but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

.alert.alert-error but then also There's a fucking link hooheehoo that shit sexy

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

Modal

Bitch ass Modal boi
Modal boi with max width and no close butt but overlay can close the boi
Modal boi Modal boi with a callback

Tooltips

Nav

Progress Bar

Basic














custom background colors with special fx woooo

Animated

Stacked

Dropdowns

Basic offset classes





  • Drop DOWN
  • Drop DOWN
  • Drop DOWN
  • Drop DOWN




Dropdown flush





  • Drop DOWN
  • Drop DOWN
  • Drop DOWN
  • Drop DOWN




Combination of dem classes





  • Drop DOWN
  • Drop DOWN
  • Drop DOWN
  • Drop DOWN




Form

sizes

colors

types

A longer block of help text that breaks onto a new line and may extend beyond one line.

wrapper

inline horizontal

block horizontal

inline vertical

block vertical

Responsive

inline horizontal

block horizontal

inline vertical

block vertical

group (all have a .input-group-responsive so they kwan... break to a column layout for mobile and tablet devices)

group horizontal

small

large

group vertical

small

large

ye DOES NOT WORK ON MULTIPLE LINE JUST ON SELECT AND SINGLE LINE BITCH

Fieldset / special-form

butt
A longer block of help text that breaks onto a new line and may extend beyond one line.

Form: Accordion + extreme testing for input fields because fuck input fields

form field types without classes just to say no conflicty bois

This is a basic accordion setup with just data-toggle, and a sibling .accordion element

with the basic input class to normalize the bitch

This is a a dom weridness ready accordion setup with data-toggle and data-href setup to the id of this accordi boi, and a sibling .accordion element

prepare for fuckhole

This is a a dom weridness ready accordion setup with data-toggle and href setup to the id of this accordi boi, and a sibling .accordion element

color


bitch in a nav

This is a a dom weridness ready accordion setup with data-toggle and href setup to the id of this accordi boi, and a sibling .accordion element

dumbfuck in an input-group

color




Btn

Basic

outline

Small

Large

Block

Disabled

Default Primary secondary accent neutral Success caution error Link

In nav

groups

Basic

Block

group but hover effects are triggered together btn-group-unite

another group but one is disabled and one has interactive animations disabled

group it's all disabled interaction enabled

a vertical btn group

toggle group

note: all have btn-group-responsive on them because the buttons are a LOT and in context should wrap into a column on mobile

toggle group but multiple allowed and theres a resetter

symbols with toggle classes on them to react during .open and or .active (has to be child of whatever is active or open tho)

list group

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus

interactive

toggle feature

allow multiople

SPECIAL TEXT

Yo I'm jumbo. don't talk to me or my sons ever again

Yo I'm second jumbo. Fight me weewooweewoo. shit shit shit shit shit shit shit shit it stinks

Yo I'm second jumbo. but i have a background-gradient that has been clipped

I'm lead, how about you shit yourself. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Thumbnail

Thumbnail clooster

Mike Perez
Mike Perez
Mike Perez
Mike Perez
Mike Perez
Mike Perez
2+
Mike Perez
eh

Thumbnail but inline

Mike Perez
MF

Ugly image size

Shronk

bedge

Mike Perez
MF
Mike Perez
MF

tags

69 Mike Perez
1242334534512 MF
69 Mike Perez
pucha MF

Symbols fucker

Good Morning McFly

groups and symbols

Symbol 1p21 Symbol pencil Symbol edit Symbol delete Symbol play Symbol pause Symbol stop Symbol Square Symbol Search Symbol time Symbol timer Symbol + Symbol - Symbol check Symbol close Symbol map Symbol file Symbol star Symbol star-half Symbol star-stroke Symbol download Symbol hyperlink Symbol Burger Symbol fries Symbol kebab vertical Symbol kebab horizontal Symbol arrow down Symbol arrow up Symbol arrow left Symbol arrow right Symbol arrow double down Symbol arrow double up Symbol arrow double left Symbol arrow double right Symbol arrow tail down Symbol arrow tail up Symbol arrow tail left Symbol arrow tail right Symbol caret up Symbol caret down Symbol caret right Symbol caret left Symbol text right Symbol text center Symbol text left Symbol text justify

Font support only

Symbol square-outline Symbol checkbox Symbol checkbox-inverse Symbol grid Symbol list Symbol thumbs-up Symbol thumbs-down Symbol thumbs-up-inverse Symbol thumbs-down-inverse Symbol upload Symbol calendar Symbol bell Symbol bell-active Symbol dash Symbol caution Symbol error Symbol info Symbol success Symbol stack Symbol clap Symbol copy Symbol share Symbol filter Symbol chart Symbol segment Symbol user Symbol user-add Symbol user-remove Symbol expand Symbol collapse Symbol expand-alt Symbol collapse-alt Symbol waffle Symbol robot Symbol clipboard

1p21

play

pause

stop

square

square-outline

checkbox

checkbox-inverse

addbox

addbox-inverse

grid

list

search

plus

minus

check

close

thumbs-up

thumbs-up-inverse

thumbs-down

thumbs-down-inverse

star

star-half

star-stroke

kebab-vertical

kebab-horizontal

arrow-up

arrow-down

arrow-left

arrow-right

arrow-double-up

arrow-double-down

arrow-double-left

arrow-double-right

upload

download

arrow-tail-up

arrow-tail-down

arrow-tail-left

arrow-tail-right

caret-up

caret-down

caret-left

caret-right

text-center

text-left

text-right

text-justify

map

pin

bell

bell-active

hyperlink

dash

caution

error

info

success

stack

clap

copy

share

filter

chart

segment

user

user-add

user-remove

expand

collapse

expand-alt

collapse-alt

burger

fries

waffle

pencil

edit

delete

robot

file

clipboard

paperplane

timer

time

caution-inverse

error-inverse

info-inverse

success-inverse

phone

calendar

calendar-alt

paperclip

Badges

Primary

secondary

accent

Neutral

Success

Caution

Error

Small

Large

Custom color

Legends

Primary

secondary

accent

Neutral

Success

Caution

Error

Intensity 1

Intensity 2

Intensity 3

Intensity 4

Intensity 5

Custom color

Custom

Tags

Default Primary secondary accent Neutral Success Caution Error Intensity 1 Intensity 2 Intensity 3 Intensity 4 Intensity 5

Custom color

Custom

Table

# Column heading Column heading Column heading Total
Column content Column content Column content 69
Column content Column content Column content 420
Column content Column content Column content 420
Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more 666
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0

Table small and with wrapper so you can scroll through the bullshit

# Column heading Column heading Column heading Total
Column content Column content Column content 69
Column content Column content Column content 420
Column content Column content Column content 420
Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more 666
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0
Column content Column content Column content 0

Table but large spacing + color scheme

Column heading Column heading Column heading Total
Primary Column content Column content 0
secondary Column content Column content 0
accent Column content Column content 0
Success Column content Column content 666
Error Column content Column content 0
Caution Column content Column content 0
neutral Column content Column content 0
Intensity 1 Column content Column content 0
Intensity 2 Column content Column content 0
Intensity 3 Column content Column content 0
Intensity 4 Column content Column content 0
Intensity 5 Column content Column content 0
Disabled Column content Column content 0

Table but just generated with dem classes

#

Column heading

Column heading

Column heading

Total

Column content

Column content

Column content

69

Column content

Column content

Column content

420

Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more

Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more

Column contentColumn contentColumn contentColumn contentColumn contentColumn contentColumn content more more more

666

Column content

Column content

Column content

0

Column content

Column content

Column content

0

Column content

Column content

Column content

0

Column content

Column content

Column content

0

Column content

Column content

Column content

0

Helpers

Helper classes: font family

Primary

Accent

Helper classes: font size

normalize. inherits set body font size

large. is chonky

smal. is smol

Helper classes: font style

italic

oblique

normal

Helper classes: disple

block

inline block

inline

Helper classes: text leading or line-height for u nerds

Expanded Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Compact Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Normalize Compact Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Helper classes: text align

Center Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Left Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Right Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Justify Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

Helper classes: font weight (note: only works properly if loaded font actually has that font weight. installing all font-weights is not recommended)

100: go crazy with them font-weights the fuck do i care about performance boohoohoo

200: go crazy with them font-weights the fuck do i care about performance boohoohoo

300: go crazy with them font-weights the fuck do i care about performance boohoohoo

400: go crazy with them font-weights the fuck do i care about performance boohoohoo

500: go crazy with them font-weights the fuck do i care about performance boohoohoo

600: go crazy with them font-weights the fuck do i care about performance boohoohoo

700: go crazy with them font-weights the fuck do i care about performance boohoohoo

800: go crazy with them font-weights the fuck do i care about performance boohoohoo

900: go crazy with them font-weights the fuck do i care about performance boohoohoo

Helper classes: text transform

Uppercase

Lowercase

Capitalize

Helper classes: vertical-align

Helper classes: Colors... there's a text shadow so you can see it shit itself

color theme

color theme polar

color theme contrast

color theme polar contrast

Color Base

Color Background

Color Primary

Color secondary

Color accent

Color Neutral

Color Success

Color Caution

Color Error

Color Intensity 1

Color Intensity 2

Color Intensity 3

Color Intensity 4

Color Intensity 5

Helper classes: backgrounds

background theme

background theme polar

background theme contrast

background theme polar contrast

background Base

background Background

Background Primary

Background secondary

Background accent

Background Neutral

Background Success

Background Caution

Background Error

Background Intensity 1

Background Intensity 2

Background Intensity 3

Background Intensity 4

Background Intensity 5

Background Gradient

Background Gradient 45

Background Gradient 90

Background Gradient 135

Background Gradient 180

Background Gradient 225

Background Gradient 270

Background Gradient 315

borders

border theme

border theme polar

border theme contrast

border theme polar contrast

Border Base

Border Background

Border Primary

Border secondary

Border accent

Border Neutral

Border Success

Border Caution

Border Error

Border Intensity 1

Border Intensity 2

Border Intensity 3

Border Intensity 4

Border Intensity 5

Advanced shit: wrap

text-wrap Text wrap... it just wraps break it down yo

text-nowrap Text wrap... it never wraps. it's like your friend who doesnt know how to wrap what a piece of shit Justify Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

text-wrap-ellipsis put an ellipsis on this shit, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

text-wrap-ellipsis put an ellipsis on this shit but allow multiple lines but that depends on how many lines you set up that one sass var, consectetur adipiscing elit. Praesent finibus lacus eu ante malesuada, eu consectetur nulla imperdiet. Nam ultricies, risus finibus ultrices molestie, felis magna convallis sem, at blandit massa diam eget sapien. Fusce auctor ut eros id auctor. Fusce tempor blandit neque, ac ultricies tellus tristique vitae. Curabitur tincidunt malesuada libero sit amet lobortis. Pellentesque eu lorem nec est viverra laoreet. Suspendisse id odio malesuada, lobortis lacus eu, feugiat justo.

text-clip-background feat ya boi secondary. i have a background-image and other bullshit classes so u see what the fuck is happening to this child. it's on drugs. look how high the child is. don't do drugs kids. i'm trying to gill up more text so you can see shrek's bitch ass face. do you see it yet? layers motherfucker. if shrek was a graphic designer he'd be photoshop. personally i like illustrator myself because di becters are my life. We're no strangers to love You know the rules and so do I A full commitment's what I'm thinking of You wouldn't get this from any other guy I just wanna tell you how I'm feeling Gotta make you understand Never gonna give you up Never gonna let you down Never gonna run around and desert you Never gonna make you cry Never gonna say goodbye Never gonna tell a lie and hurt you

Advanced shit: no margin

no-margin
no-margin-x
no-margin-y
no-margin-top
no-margin-bottom
no-margin-left
no-margin-right

Advanced shit: no padding

no-padding
no-padding-x
no-padding-y
no-padding-top
no-padding-bottom
no-padding-left
no-padding-right

Advanced shit: overflow all

Overflow visible

fuck no, test it out urself

Overflow hidden

Shronk

Overflow scroll

Shronk

Overflow overlay

Shronk

Overflow auto

Shronk

Advanced shit: overflow x

Overflow x visible

fuck no, test it out urself

Overflow x hidden

Shronk

Overflow x scroll

Shronk

Overflow x overlay

Shronk

Overflow x auto

Shronk

Advanced shit: overflow y

Overflow y visible

fuck no, test it out urself

Overflow y hidden

Shronk

Overflow y scroll

Shronk

Overflow y overlay

Shronk

Overflow y auto

Shronk

Advanced shit: position

position-relative
position-absolute
position-static

Fuck no test out position-sticky and position-fixed yourself

Advanced shit: float and clear and clearfix

float left
float right
clear left
float left
float right
clear right
float left
float right
clear both

Theres also align classes for flex and grid and display none and block but i won't put it here because you suck jk

Typographeee

Page Markup And Formatting

Hello. This is what html looks like. A couple more rules: if you ever watch a sad movie, you have to wear mascara so we can see whether or not you’ve been crying. There’s no noise allowed on Mondays. And no TV after breakfast.

Header one

Header two

Header three

Header four

Header five
Header six

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things. Steve Jobs – Apple Worldwide Developers’ Conference, 1997

Basic Bitch Table

Employee Salary
Jane $1 Because that’s all Steve Job’ needed for a salary.
John $100K For all the blogging he does.
Jane $100M Pictures are worth a thousand words, right? So Tom x 1,000.
Jane $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered Lists (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List (Nested)

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag

The acronym ftw stands for “for the win”.

Big Tag

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarcely known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.

SVG

butt hole 9 10 11 12 13 14 15 16 17 18 19 Tony Jessica Andrew Emily Richard Tonyboy mop thot fuckhole bitch dumbass

Grid

Typical grid

A column boi
A column boi
A column boi
A column boi
A column boi
A column boi

Compact grid

A column boi but compact
A column boi but compact
A column boi but compact
A column boi but compact
A column boi but compact
A column boi but compact

Expanded grid

A column boi but expanded
A column boi but expanded
A column boi but expanded
A column boi but expanded
A column boi but expanded
A column boi but expanded

no gutter grid

A column boi but no gutter
A column boi but no gutter
A column boi but no gutter
A column boi but no gutter
A column boi but no gutter
A column boi but no gutter

no gutter x grid

A column boi but no gutter x
A column boi but no gutter x
A column boi but no gutter x
A column boi but no gutter x
A column boi but no gutter x
A column boi but no gutter x

no gutter y grid

A column boi but no gutter y
A column boi but no gutter y
A column boi but no gutter y
A column boi but no gutter y
A column boi but no gutter y
A column boi but no gutter y

fixed grid

A column boi but fixed
A column boi but fixed
A column boi but fixed
A column boi but fixed
A column boi but fixed
A column boi but fixed

grid but not necessarily columnized children

A column boi but not really column
A column boi but not really column
A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit A column boi but not really column, just has the margin setup and shit
A column boi but not really column
A column boi but not really column, just has the margin setup and shit
A column boi but not really column, just has the margin setup and shit
A column boi but not really column, just has the margin setup and shit
A column boi but not really column, just has the margin setup and shit

Would toolt tip work for dynamic shit? Idk let's see