Skip to content

Instantly share code, notes, and snippets.

@0xgdr
Created January 19, 2013 08:36
Show Gist options
  • Select an option

  • Save 0xgdr/4571455 to your computer and use it in GitHub Desktop.

Select an option

Save 0xgdr/4571455 to your computer and use it in GitHub Desktop.
This is the kitchen sink, all the common html elements laid out for you to add styling, really helpful to make sure you don't miss any styles, just copy and paste into a page in your _content folder.

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5
Heading Level 6

A Paragraph

This is a paragraph of text which has all the most common html elements in it such as the strong element which is used to give text strong importance. You could of course use the b element which represents a span of text stylistically different from normal text, without conveying any special importance or relevance. The mark element which represents highlighted text, i.e., a run of text marked for reference purposes. The HTML em element marks text that has stress emphasis. You could of course use the i element which represents a range of text that is set off from the normal text for some reason, for example, technical terms, foreign language phrases, or fictional character thoughts. It is typically displayed in italic type. The next piece of text is marked up using the code element function() and finally links will be styled like this.

An Ordered list

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

A Definition List

Firefox
A free, open source, cross-platform, graphical web browser developed by the Mozilla Corporation and hundreds of volunteer

A Blockquote

Design is the fundamental soul of a human-made creation that ends up expressing itself in successive outer layers of the product or service.

An Unordered list

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

A Code Block

header h1 a { 
  display: block; 
  width: 300px; 
  height: 80px; 
}

This wraps your code in a pre tags and code tags.

A Table

Heading (th) Heading (th) Heading (th) Heading (th)
data data data data
data data data data
data data data data
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment