<!DOCTYPE html>
<html>
  <head>
    <title>Links to Engineering Graphics Resources</title>
    <link
      href="https://fonts.googleapis.com/css?family=Open+Sans&display=swap"
      rel="stylesheet"
    />
    <style>
      body {
        text-align: center;
        background-color: #222;
        color: #ddd;
        font-family: "Open Sans", sans-serif;
      }
      h1 {
        font-size: 24px;
        font-weight: bold;
        color: #e600008c;
      }
      a {
        font-size: 18px;
        margin: 10px;
        text-decoration: none;
        color: #ddd;
      }
      a:hover {
        color: #e60000;
        text-decoration: underline;
      }
    </style>
  </head>
  <body>
    <h1>Hi! This website is under construction</h1>
    <h2>In the meantime, you can visit these resources:</h2>
    <div style="display: flex; flex-direction: column">
      <a href="/introduction-to-drafting-design"
        >Introduction to Drafting & Design</a
      >
      <a href="/survey-of-engineering-graphics"
        >Survey of Engineering Graphics</a
      >
      <a href="/3d-modeling-analysis">3-D Modeling & Analysis</a>
      <a href="/safety-docs">Safety Docs</a>
    </div>
  </body>
</html>