bricked

Time to Build

Get your hands building with bricks. Here's a few basic instructions to build your webpage, grid, and typopgraphy.

Features

Structure


<!doctype html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    
    <!-- VIEWPORT FOR MOBILE -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <!-- MAIN CSS -->
    <link href="css/style.css" rel="stylesheet" type="text/css">
    
</head>
<body>

    <header></header> 

    <section>
    </section> 

    <footer></footer> 
    
</body>
</html>

Grid


<div class="row">
    <div class="one-half column">
    </div>
    <div class="one-half column">
    </div>
</div>
<div class="row">
    <div class="one-third column">
    </div>
    <div class="one-third column">
    </div>
    <div class="one-third column">
    </div>
</div>

Typography


<h1>This is a Heading 1</h1>
<h2>This is a Heading 2</h2>
<h3>This is a Heading 3</h3>
<h4>This is a Heading 4</h4>
<h5>This is a Heading 5</h5>
<h6>This is a Heading 6</h6>