Skip to content

Instantly share code, notes, and snippets.

@mkrummel

mkrummel/sample_unit_overview.html

Last active October 6, 2019 14:30
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save mkrummel/13a28d00a6d5d63c6829d6c3345cd0e2 to your computer and use it in GitHub Desktop.
Save mkrummel/13a28d00a6d5d63c6829d6c3345cd0e2 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sample_unit_overview.html
<div class="content-box;">
<div style="height: 110px; background-color: #053958; text-align: center;">
<div style="display: flex;">
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #ffffff;"></div>
<div style="position: relative; top: 24px; color: #ffffff;"><a class="icon-instructure" style="color: #ffffff;"></a></div>
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #ffffff;"></div>
</div>
<p><span style="color: #ffffff; font-size: 24px;"> UNIT OVERVIEW</span></p>
</div>
<div style="background-color: #ffffff; text-align: center; padding-bottom:12px;">
<div style="display: flex;">
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #053958;"></div>
<div style="position: relative; top: 24px; color: #ff0000;"><a class="icon-user"></a></div>
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #053958;"></div>
</div>
<h4>ESSENTIAL UNDERSTANDINGS</h4>
<p style="text-align: left; margin: 15px;">This unit will focus on...</p>
</div>
<div style="background-color: #f5f5f5; text-align: center; padding-bottom:12px;">
<div style="display: flex;">
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #053958;"></div>
<div style="position: relative; top: 24px; color: #ff0000;"><a class="icon-outcomes"></a></div>
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #053958;"></div>
</div>
<h4>LEARNING OBJECTIVES</h4>
<p style="text-align: left; margin: 15px;">After completing this unit, students will be able to:</p>
</div>
<div style="background-color: #ffffff; text-align: center; padding-bottom:12px;">
<div style="display: flex;">
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #053958;"></div>
<div style="position: relative; top: 24px; color: #ff0000;"><a class="icon-annotate"></a></div>
<div style="width: 100%; position: relative; margin: 15px; border-bottom: 1px solid #053958;"></div>
</div>
<h4>UNIT MATERIALS</h4>
<p style="text-align: left; margin: 15px;">For this unit, you must complete the following material:</p>
</div>
<p>&nbsp;</p>
</div>
<p>&nbsp;</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment