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

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque non leo convallis nibh tristique commodo.
  2. Cras tincidunt hendrerit pharetra. Etiam erat magna, egestas sed placerat at
  3. List item
  4. List item
  5. List item

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