Overview Basics

Provide an easily-digestible snippet of the week's topic and relevant figures from the text, and follow up with a brief summary and task list for students to take actionable steps.

Template Preview

Featured Widgets

Horizontal Display

Display any content in an inline fashion with the flexibility to make one column wider than the other.

Blockquote

Separate any block of text along with supportive quotes. Call out phrases from the text or just relevant inspiration.

Border Yellow

Another means to call out a main idea with an extra pop of color.

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>Module One: Topic</title>
</head>
<body>
<header class="header"> <img src="https://via.placeholder.com/1920X600" alt="">
  <div class="text-container">
    <h1>Module One: Topic</h1>
    <p>In this module, we will explore foundational writing principles that...</p>
  </div>
</header>
<div id="content-wrapper">
  <div class="content-body">
    <h2 class="icon-bolt">Topic Overview</h2>
    <p>Effective writing begins with understanding your purpose and audience. Whether you're writing a narrative, expository, or argumentative essay, knowing why...</p>
    <div class="card-horizontal">
      <div class="card-body">
        <p>The writing process involves brainstorming, organizing ideas into a cohesive outline, and creating a first draft. Each stage of the process requires reflection and...</p>
        <p> As you write, consider the importance of transitions and how they help guide your reader through your argument. Smooth transitions create flow and ensure that...</p>
      </div>
      <div class="card-img"> <img src="https://via.placeholder.com/300" alt="" />
        <figcaption class="caption">Figure 1.1: An example of a well-organized outline for an academic essay.</figcaption>
      </div>
    </div>
    <p>Organization is key in any form of writing. Start by identifying the main points you want to convey, then arrange these points logically. Using a clear structure helps...</p>
    <hr>
    <blockquote class="text-center">"Writing is an exploration. You start from nothing and learn as you go..." — E.L. Doctorow</blockquote>
    <hr>
  </div>
  <div class="content-body">
    <h2 class="icon-list">Learning Activities</h2>
    <div class="border border-yellow">
      <p class="icon-lightbulb">As you work through the activities below, focus on practicing the writing strategies we discussed:
      <ul>
        <li>Create an outline for your...</li>
        <li>Write the first draft of your...</li>
        <li>Practice transitioning between...</li>
        <li>Revise your draft for clarity and...</li>
      </ul>
      </p>
    </div>
    <table class="display-lg" cellpadding="5" cellspacing="0" width="100%">
      <thead>
        <tr>
          <th scope="col">Activity</th>
          <th scope="col">Where</th>
          <th scope="col">Estimated Time</th>
        </tr>
      </thead>
      <tbody>
        <tr>
          <td><a href="">Lecture</a></td>
          <td>D2L</td>
          <td>10 min</td>
        </tr>
        <tr>
          <td><a href="">Reading</a></td>
          <td>Textbook</td>
          <td>30 min</td>
        </tr>
        <tr>
          <td><a href="">Discussion Topic</a></td>
          <td>D2L Discussion Board</td>
          <td>30 min</td>
        </tr>
        <tr>
          <td><a href="">Lab</a></td>
          <td>Lab Interactive</td>
          <td>30 min</td>
        </tr>
        <tr>
          <td><a href="">Assignment</a></td>
          <td>D2L</td>
          <td>30 min</td>
        </tr>
        <tr>
          <th>Total time</th>
          <th></th>
          <th>~3 hours</th>
        </tr>
      </tbody>
    </table>
  </div>
</div>
<footer>
  <div id="footer">
    <p class="text-center toggle-footnotes">[Show Footnotes]</p>
    <div class="footnotes">
      <p>In academic writing, always ensure that you properly cite your...</p>
      <ul>
        <li>Smith, J. (2020). *Writing Fundamentals*. University Press...</li>
        <li>Jones, L. (2019). *Academic Writing for Beginners*. Academic Publishing...</li>
      </ul>
    </div>
  </div>
</footer>
</body>
</html>