Quiz Template

Updated 4/2020, adjusted for mobile support, and 5/2020 with 14-point font. Copy and paste the code for this below.

Quiz

Purpose

Outcomes

Instructions

COPY AND PASTE THIS INTO YOUR OWN QUIZ: 

<h2 id="Navigation" style="margin: 20px 0 20px 0; border-bottom: 5px solid #999; width: 100%; height: 48px; text-align: center; line-height: 200%; font-size: x-large; font-weight: bold; background-color: #98002e; color: #ffffff;">Quiz</h2>
<div id="Navigation_Container" style="padding: 0px 10px 10px 10px; text-align: center;"><span style="font-size: 14pt;"><a id="Purpose_button" style="width: 125px; margin: 5px 5px 0px 0px; color: #2d3b45; border: 1px solid #c7cdd1; display: inline-block; position: relative; padding: 8px 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; overflow: auto;" href="#Purpose">Purpose</a> <a id="Outcomes_button" style="width: 125px; margin: 5px 5px 0px 0px; color: #2d3b45; border: 1px solid #c7cdd1; display: inline-block; position: relative; padding: 8px 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; overflow: auto;" href="#Outcomes">Outcomes</a> <a id="Instructions_button" style="width: 130px; margin: 5px 5px 0px 0px; background: #f5f5f5; color: #2d3b45; border: 1px solid #c7cdd1; display: inline-block; position: relative; padding: 8px 14px; line-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; text-decoration: none; overflow: auto;" href="#Instructions">Instructions</a> </span></div>
<h2 id="Purpose" style="margin: 20px 0 20px 0; border-bottom: 5px solid #999; width: 100%; height: 48px; text-align: center; line-height: 200%; font-size: x-large; font-weight: bold; background-color: #98002e; color: #ffffff;"><span style="font-size: 18pt;">Purpose</span></h2>
<div id="Outcomes_Container" style="padding: 0px 10px 10px 10px; border: solid #ccc 1px; overflow: auto;">
<div>
<div><span style="font-size: 14pt;">Purpose&nbsp;of&nbsp;assignment&nbsp;goes&nbsp;here</span></div>
</div>
</div>
<h2 id="Outcomes" style="margin: 20px 0 20px 0; border-bottom: 5px solid #999; width: 100%; height: 48px; text-align: center; line-height: 200%; font-size: x-large; font-weight: bold; background-color: #98002e; color: #ffffff;">Outcomes</h2>
<div id="Outcomes_Container" style="padding: 0px 10px 10px 10px; border: solid #ccc 1px; overflow: auto;">
<p><span style="font-size: 14pt;">By completing this, you will be able to...</span></p>
</div>
<h2 id="Instructions" style="margin: 20px 0 20px 0; border-bottom: 5px solid #999; width: 100%; height: 48px; text-align: center; line-height: 200%; font-size: x-large; font-weight: bold; background-color: #98002e; color: #ffffff;">Instructions</h2>
<div id="Instructions_Container" style="padding: 0px 10px 10px 10px; border: solid #ccc 1px; overflow: auto;">
<p><strong><span style="font-size: 14pt;">To complete this quiz:</span></strong></p>
</div>
<p>&nbsp;</p>