sample_clickable_blocks.html

<div style="max-width: 922px;">
	<div style="margin: 0px 0px;">
		<div style="height: 60px; background-color: #053958; text-align: left;">
		<p style="padding: 12px;"><span style="color: #ffffff; font-size: 24px;"> Canvas Course Design: Beyond the Basics</span></p>
		</div>
        
		<p>Click the links below to navigate to each of the units in this course.</p>
        
		<div style="margin-bottom: 6px; overflow: hidden;"><a style="display: block; border: solid 1px; border-color: #053958; padding: 10px; text-decoration: none; margin-bottom: 10px; font-size: 1.25em; background-color: #f5f5f5;" href="https://cms.instructure.com/courses/335982/modules/354283" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354283" data-api-returntype="Module"> Unit 1: Design Structure <span style="display: block; font-size: 0.6em;"> In this unit, we will consider various ways of structuring our design, as well as ways of making our courses more mobile-friendly. </span></a></div>
		<div style="margin-bottom: 6px; overflow: hidden;"><a style="display: block; border: solid 1px; border-color: #053958; padding: 10px; text-decoration: none; margin-bottom: 10px; font-size: 1.25em; background-color: #f5f5f5;" href="https://cms.instructure.com/courses/335982/modules/354284" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354284" data-api-returntype="Module"> Unit 2: HTML Snippets <span style="display: block; font-size: 0.6em;"> In this unit, we explore how to use HTML to enhance our design elements. </span></a></div>
		<div style="margin-bottom: 6px; overflow: hidden;"><a style="display: block; border: solid 1px; border-color: #053958; padding: 10px; text-decoration: none; margin-bottom: 10px; font-size: 1.25em; background-color: #f5f5f5;" href="https://cms.instructure.com/courses/335982/modules/354285" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354285" data-api-returntype="Module"> Unit 3: Design Templates <span style="display: block; font-size: 0.6em;"> Using design templates saves time when creating content and ensures design continuity accross the site. </span></a></div>
		<div style="margin-bottom: 6px; overflow: hidden;"><a style="display: block; border: solid 1px; border-color: #053958; padding: 10px; text-decoration: none; margin-bottom: 10px; font-size: 1.25em; background-color: #f5f5f5;" href="https://cms.instructure.com/courses/335982/modules/354286" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354286" data-api-returntype="Module"> Unit 4: Google Apps <span style="display: block; font-size: 0.6em;"> Google apps integrate beautifully with Canvas and certain apps (Keep, Drawings) can aid in course design. </span></a></div>
		<div style="margin-bottom: 6px; overflow: hidden;"><a style="display: block; border: solid 1px; border-color: #053958; padding: 10px; text-decoration: none; margin-bottom: 10px; font-size: 1.25em; background-color: #f5f5f5;" href="https://cms.instructure.com/courses/335982/modules/354287" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/modules/354287" data-api-returntype="Module"> Unit 5: Tools and Resources <span style="display: block; font-size: 0.6em;"> Learn HTML, manage colors, and more. </span></a></div>

	</div>
</div>
<p>&nbsp;</p>