UI Typography
Heading Size
h1 Heading 1
h2 Heading 2
h3 Heading 3
h4 Heading 4
h5 Heading 5
h6 Heading 6
h1 Heading 1
h2 Heading 2
h3 Heading 3
h4 Heading 4
h5 Heading 5
h6 Heading 6
List Style
List stlye angle
- List item
- List item
- List item
- List item
- List item
List stlye arrow
- List item
- List item
- List item
- List item
- List item
List stlye circle
- List item
- List item
- List item
- List item
- List item
List stlye check
- List item
- List item
- List item
- List item
- List item
pre Code
Html Code
<!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <title></title> <link rel="stylesheet" href="css/style.css"> </head> <body> <header></header> <div role="main"></div> <footer></footer> <script src="js/script.js"></script> </body> </html>
Css Code
body { margin: 0; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 13px; line-height: 18px; color: #333333; background-color: #ffffff; } a { color: #0088cc; text-decoration: none; } a:hover { color: #005580; text-decoration: underline; }
Java script Code
var Account; Account = function(customer, cart) { var _this = this; this.customer = customer; this.cart = cart; return $('.shopping_cart').bind('click', function(event) { return _this.customer.purchase(_this.cart); }); };
Number List rounded
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
- Cras tincidunt hendrerit pharetra. Etiam erat magna, egestas sed placerat at
- List item
- List item
- List item
Number List rectangle
Wells text
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
Wells Color
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
blockquote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
Zicedemo Include
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
Zicedemo Include