index.html

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Instructify</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <header>
    <h1>Instructify</h1>
    <img src="assets/images/Instructify logo.png" alt="pencil png" class="image-style">
    <p>A Programming Language intended for Educators</p>
    <p  class="custom-paragraph">For Source Code and Run instructions click here:</p>
    <a href="https://github.com/dylanrambo26/Instructify-Project-CS-420" target="_blank" class="button">GitHub</a>
  </header>
  <h2>An Example Program for Grading a Test: </h2>
  <p>gradeTest.instruct</p>
  <img src="assets/images/gradeTest.png" alt="gradeTest.instruct source code" class="image-style">
  <!--<p>lessonTemplate.instruct</p>
  <img src="assets/images/lessonTemplate.png" alt="lessonTemplate.instruct source code" class="image-style">
  <p>gradeDistribution.instruct</p>
  <img src="assets/images/gradeDistribution.png" alt="gradeDistribution.instruct source code" class="image-style">-->
  <p> Output: </p>
  <img src="assets/images/textDoc.png" alt="gradeTest.instruct email" class="image-style">
  <img src="assets/images/emailOutput.png" alt="gradeTest.instruct text output" class="image-style">
  <script src="script.js"></script>
  <footer>
    <p>Created by <a href="https://github.com/dylanrambo26" target="_blank">@dylanrambo26</a>
  </footer>
</body>
</html>