index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <link href='http://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic' rel='stylesheet' type='text/css'>
  <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  <meta charset="UTF-8">
  <title>Typography and Grid Practice</title>
  <link rel="stylesheet" href="css/main.css">
</head>

<body>
<div class="main">
<div class="wrapper">

<div class="flex-full-col">
  <h1>Blocks & Stuff</h1>
  <strong>&mdash;</strong>
  <br><p>Let's see what I can make these boxes do.</p>
</div>
<div class="top-block"></div>
<div class="flex-container">
 <div class="left-block"></div>
 <div class="right-block"></div>
</div>
<div class="bottom-block"></div>
  
 </div>
 </div>


  <script src="js/j.js"></script>
</body>

</html>