Skip to content

Instantly share code, notes, and snippets.

@mkrummel

mkrummel/sample_gridrow.html

Last active August 13, 2019 17:28
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/4c019c6041264b62dc5d6dbff7726fad to your computer and use it in GitHub Desktop.
Save mkrummel/4c019c6041264b62dc5d6dbff7726fad to your computer and use it in GitHub Desktop.
Download ZIP
Raw
sample_gridrow.html
<h4 style="text-align: left;">Some introductory text here...</h4>
<div style="text-align: center;">
<div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;">&nbsp;</div>
<div class="content-box">
<div class="grid-row">
<div class="col-xs" style="display: inline-block;">
<div style="margin-right: 6px; margin-bottom: 8px; height: 180px; background-color: #00afd7; width: 120px; display: inline-block; 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="margin-right: 6px; margin-bottom: 8px; height: 180px; width: 120px; display: inline-block; vertical-align: top;"><img src="/courses/335982/files/23612661/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="margin-right: 6px; margin-bottom: 8px; height: 180px; background-color: #84bd00; width: 120px; display: inline-block; 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="margin-right: 6px; margin-bottom: 8px; height: 180px; width: 120px; display: inline-block; vertical-align: top;"><img src="/courses/335982/files/23612662/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="margin-right: 6px; margin-bottom: 8px; height: 180px; background-color: #f2a900; width: 120px; display: inline-block; 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="margin-right: 6px; margin-bottom: 8px; height: 180px; width: 120px; display: inline-block; vertical-align: top;"><img src="/courses/335982/files/23612663/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="margin-right: 6px; margin-bottom: 8px; height: 180px; background-color: #702f8a; width: 120px; display: inline-block; vertical-align: top; text-align: center;">
<div style="padding: 0 0;">
<div style="padding: 50% 0;"><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; text-decoration: none;"><strong>GOOGLE</strong><br /><strong>APPS</strong></span></a></div>
</div>
</div>
<div style="margin-right: 6px; margin-bottom: 8px; height: 180px; width: 120px; display: inline-block; vertical-align: top;"><img src="/courses/335982/files/23612664/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="margin-right: 6px; margin-bottom: 8px; height: 180px; background-color: #f5698e; width: 120px; display: inline-block; 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; text-decoration: none;"><strong>TOOLS &amp;</strong><br /><strong>RESOURCES</strong></span></a></div>
</div>
</div>
<div style="margin-right: 6px; margin-bottom: 6px; height: 180px; width: 120px; display: inline-block; vertical-align: top;"><img src="/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>
</div>
</div>
<div style="background-color: #a2aaad; width: 100%; height: 6px; margin: 10px 0px;">&nbsp;</div>
<span style="text-align: left;">Presented by Your Name: <a href="youremail@cms.k12.nc.us">youremail@cms.k12.nc.us</a></span></div>
<p>&nbsp;</p>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment