overlay.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
   <link rel="stylesheet" href="css/styles.css" type="text/css">
   <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
   <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
  <title>Document</title>
</head>
<body>
  <div class="overlayContainer">
    <h1>Code Snip <img src="img/snip.png" alt=""></h1>
    <p>A code snipper for everyday development.</p>
    <h3>To use:</h3>
    <ol>
    <li>Click on the 'Copy' button next to the desired code you would like to copy to your clipboard.</li>
    <li>Paste this code into your text editor or terminal for speedier debugging.</li>
    </ol>
    <br />
  </div>
</body>
</html>