sample_blocks.html

<div style="text-align: center;">
<div style="max-width: 700px; display: inline-block;">
<h2 style="text-align: center;">Your Page Title Goes Here</h2>
<p style="text-align: left;">Some introductory text here...</p>
  <div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;">&nbsp;</div>
  <div style="background-color: #00afd7; width: 120px; height: 180px; display: inline-block; margin: 6px; vertical-align: top; text-align: center;">
    <div style="padding: 0 0;">
      <div style="padding: 50% 0;"><a style="text-decoration: none;" title="Design Structure" 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"><span style="color: #ffffff; text-decoration: none;"><strong>DESIGN</strong><br /><strong>STRUCTURE</strong></span></a></div>
    </div>
  </div>
  <div style="display: inline-block; width: 120px; height: 180px; margin: 6px; vertical-align: top;"><img src="https://cms.instructure.com/courses/335982/files/23612661/preview" width="120" height="180" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/files/23612661" data-api-returntype="File" /></div>
  <div style="background-color: #84bd00; width: 120px; height: 180px; display: inline-block; margin: 6px; vertical-align: top; text-align: center;">
    <div style="padding: 0 0;">
      <div style="padding: 50% 0;"><a style="text-decoration: none;" title="HTML Snippets" 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"><span style="color: #ffffff; text-decoration: none;"><strong>HTML</strong><br /><strong>SNIPPETS</strong></span></a></div>
   </div>
  </div>
  <div style="display: inline-block; width: 120px; height: 180px; margin: 6px; vertical-align: top;"><img src="https://cms.instructure.com/courses/335982/files/23612662/preview" width="120" height="180" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/files/23612662" data-api-returntype="File" /></div>
  <div style="background-color: #f2a900; width: 120px; height: 180px; display: inline-block; margin: 6px; vertical-align: top; text-align: center;">
    <div style="padding: 0 0;">
      <div style="padding: 50% 0;"><a style="text-decoration: none;" title="Design Templates" 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"><span style="color: #ffffff; text-decoration: none;"><strong>DESIGN</strong><br /><strong>TEMPLATES</strong></span></a></div>
    </div>
  </div>
  <div style="display: inline-block; width: 120px; height: 180px; margin: 6px; vertical-align: top;"><img src="https://cms.instructure.com/courses/335982/files/23612665/preview" width="120" height="180" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/files/23612665" data-api-returntype="File" /></div>
  <div style="background-color: #702f8a; width: 120px; height: 180px; display: inline-block; margin: 6px; vertical-align: top; text-align: center;">
    <div style="padding: 0 0;">
      <div style="padding: 50% 0;"><strong><a style="text-decoration: none;" title="Google Apps" 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"><span style="color: #ffffff;">GOOGLE<br />APPS</span></a></strong></div>
    </div>
  </div>
  <div style="display: inline-block; width: 120px; height: 180px; margin: 6px; vertical-align: top;"><img src="https://cms.instructure.com/courses/335982/files/23612666/preview" width="120" height="180" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/files/23612666" data-api-returntype="File" /></div>
  <div style="background-color: #f5698e; width: 120px; height: 180px; display: inline-block; margin: 6px; vertical-align: top; text-align: center;">
    <div style="padding: 0 0;">
      <div style="padding: 50% 0;"><a style="text-decoration: none;" title="Tools &amp; Resources" 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"><span style="color: #ffffff;"><strong>TOOLS &amp;</strong><br /><strong>RESOURCES</strong></span></a></div>
    </div>
  </div>
  <div style="display: inline-block; width: 120px; height: 180px; margin: 6px; vertical-align: top;"><img src="https://cms.instructure.com/courses/335982/files/23612663/preview" width="120" height="180" data-api-endpoint="https://cms.instructure.com/api/v1/courses/335982/files/23612663" data-api-returntype="File" /></div>
  <div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;">&nbsp;</div>
  <span style="text-align: left;">Presented by Michelle Krummel: <a href="mailto:michelle1.krummel@cms.k12.nc.us">michelle1.krummel@cms.k12.nc.us</a></span>
</div>
</div>