Browse Course Templates

Premade templates to browse and inspire your course content layouts. Ready to grab and go!

Module-By-Module

Break down the course schedule into module-by-module chunks, detailing exactly what's due and when. Students can have both an overview of the courseload, while still taking each week a section at a time.

Template Preview

Featured Widgets

Table

Display tasks, due dates, and more in an organized and clear manner.



<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/css/themes/cards/styles.css">
<link rel="stylesheet" type="text/css" href="../css/custom.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js" defer></script> 
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@pimaonline/pimaonline-themepack/dist/js/scripts2.js" defer></script>
<title>Course Introduction</title>
</head>
  <body>
    <header class="header"><img src="https://via.placeholder.com/1920X600" alt="decorative image of a woman's hand typing on a computer">
      <div class="text-container">
        <h1>Course Introduction</h1>
        <p>This course will introduce you to essential concepts in...</p>
      </div>
    </header>
    <div id="content-wrapper">
      <div class="content-body">
        <h2>Module 1: Understanding the Writing Process</h2>
        <table class="display-lg">
          <thead>
            <tr>
              <th scope="col">Assignment</th>
              <th scope="col">Points</th>
              <th scope="col">Due Date</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Reflection Essay</td>
              <td>50</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Peer Review 1</td>
              <td>20</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Research Proposal</td>
              <td>30</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Outline of Argument</td>
              <td>20</td>
              <td>[Insert Due Date]</td>
            </tr>
          </tbody>
        </table>
        <h2>Module 2: Developing an Argument</h2>
        <table class="display-lg">
          <thead>
            <tr>
              <th scope="col">Assignment</th>
              <th scope="col">Points</th>
              <th scope="col">Due Date</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Argumentative Essay</td>
              <td>100</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Peer Review 2</td>
              <td>20</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Final Draft</td>
              <td>50</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>In-Class Discussion</td>
              <td>20</td>
              <td>[Insert Due Date]</td>
            </tr>
          </tbody>
        </table>
        <h2>Module 3: Integrating Research</h2>
        <table class="display-lg">
          <thead>
            <tr>
              <th scope="col">Assignment</th>
              <th scope="col">Points</th>
              <th scope="col">Due Date</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Annotated Bibliography</td>
              <td>50</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Research Essay Draft</td>
              <td>80</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Final Research Essay</td>
              <td>100</td>
              <td>[Insert Due Date]</td>
            </tr>
            <tr>
              <td>Oral Presentation</td>
              <td>40</td>
              <td>[Insert Due Date]</td>
            </tr>
          </tbody>
        </table>
        <h2>Total Requirements</h2>
        <table class="display-lg">
          <thead>
            <tr>
              <th scope="col">Graded Work</th>
              <th scope="col">Quantity</th>
              <th scope="col">Points Each</th>
              <th scope="col">Total</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>Essays</td>
              <td>4</td>
              <td>100</td>
              <td>400</td>
            </tr>
            <tr>
              <td>Peer Reviews</td>
              <td>2</td>
              <td>20</td>
              <td>40</td>
            </tr>
            <tr>
              <td>Discussions</td>
              <td>3</td>
              <td>20</td>
              <td>60</td>
            </tr>
            <tr>
              <td>Final Exam</td>
              <td>1</td>
              <td>100</td>
              <td>100</td>
            </tr>
          </tbody>
        </table>
        <h2>Grade Determination</h2>
        <table class="display-lg">
          <thead>
            <tr>
              <th scope="col">Letter Grade</th>
              <th scope="col">Percentage</th>
              <th scope="col">Total Points</th>
            </tr>
          </thead>
          <tbody>
            <tr>
              <td>A</td>
              <td>90.00% and above</td>
              <td>540 and above</td>
            </tr>
            <tr>
              <td>B</td>
              <td>80.00 - 89.99%</td>
              <td>480 - 539</td>
            </tr>
            <tr>
              <td>C</td>
              <td>70.00 - 79.99%</td>
              <td>420 - 479</td>
            </tr>
            <tr>
              <td>D</td>
              <td>60.00 - 69.99%</td>
              <td>360 - 419</td>
            </tr>
            <tr>
              <td>F</td>
              <td>59% and below</td>
              <td>359 and below</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <footer>
      <div id="footer">
        <p class="text-center toggle-footnotes" tabindex="0">[Show Footnotes]</p>
        <div class="footnotes">
          <p>Writing is a process that requires careful planning, revision, and...</p>
          <ul>
            <li>Writing allows us to...</li>
            <li>Revising drafts is key to...</li>
            <li>Proper citations avoid...</li>
          </ul>
        </div>
      </div>
    </footer>
  </body>
</html>