Heading Styles

Course Title (H2)

<h2 style="background: #173c72; color: #ffffff; border-radius: 5px; text-align: center; padding: 15px; margin-bottom: 30px; font-size: 24pt;"><strong>Course Title (H2)</strong></h2>

Heading (H2)

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72; font-size: 24pt; padding: 10px;"><strong>Heading (H2)</strong></h2>

Heading (H3)

<h3 style="border-left: solid 10px #173c72; padding: 10px; background: #f5f5f5; color: #173c72; margin: 15px 0px 15px 0px;"><strong>Heading (H3)</strong></h3>

Heading (H4)

<h4 style="margin: 15px 0px 15px 0px; padding: 10px 0px 10px 0px; color: #173c72; background: #ffffff;"><strong>Heading (H4)</strong></h4>

About Me

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="209619718" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/209619718/preview?verifier=Nt7dvuubkKDwBqlFcSBUSPv5T3MRBp9OmRDsT3xp" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/209619718" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>About Me</strong></span></h2>

Objectives

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011414" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011414/preview?verifier=T4UAc7Bu2xy6rZXeY12u50YUTiq1unvYWmz13qX4" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011414" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Objectives</strong></span></h2>

Materials

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011404" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011404/preview?verifier=KLAvZ4S1wTQVbvRjE8tdDTKmVQzvvjfMVu7g52m4" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011404" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Materials</strong></span></h2>

Purpose

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011460" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011460/preview?verifier=SbqQnXGF7eshyzBIjaWdzMH9WM2wUkaZIp2ZhcEB" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011460" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Purpose</strong></span></h2>

Task

Criteria for Success

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011401" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011401/preview?verifier=yRz5Z5BGNTsuMFrXBshhDfAkh8fEdLFKyQdb7gPq" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011401" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Criteria for Success</strong></span></h2>

Discussion

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011439" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011439/preview?verifier=sHrBH4H2Aru8Xvr37SqAg0SRD5Z6hPLvCRxMnmmq" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011439" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Discussion</strong></span></h2>

Reflection

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011408" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011408/preview?verifier=thhIV3mPJQc7vJkdD6CfbY63j0Sz7s3i9Ym6QzsM" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011408" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Reflection</strong></span></h2>

Tools

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011456" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011456/preview?verifier=7wHwCwlx8SNTQmcgzEsd97aNTZ46QxIHBHNZ0vvc" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011456" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Tools</strong></span></h2>

Grading

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011425" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011425/preview?verifier=mSar0RlmIrypliaWGRiFy0hlEzHeU1V99ChCGwap" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011425" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Grading</strong></span></h2>

Important Dates

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011418" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/208011418/preview?verifier=0ZChmHYviBLcNJzaQ9KT0TvSJFZcxSoTq2O8jY5w" alt="" width="60" height="60" data-api-endpoint="https://ccs.instructure.com/api/v1/courses/2253278/files/208011418" data-api-returntype="File" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Important Dates</strong></span></h2>

Example

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="208011418" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/261519357/preview?verifier=4Y6GHuijucDtuSRqVkEJFkBuL00nXAWTZX7lf5Gh" alt="" width="60" height="60" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Example</strong></span></h2>

Example

<h2 style="background: #f5f5f5; margin: 15px 0px 15px 0px; color: #173c72; border-bottom: 2px solid #173c72;"><img id="261519387" style="background: #173c72; padding: 5px; margin: 0px 20px 0px 0px; vertical-align: middle;" role="presentation" src="/courses/2253278/files/261519387/preview?verifier=9MbJXscjZIDwc0QaBDPxYpEGoHhdkugbNMwJFpHT" alt="" width="60" height="60" /><span style="vertical-align: middle; font-size: 24pt;"><strong>Example</strong></span></h2>

Icon List

This is a full list of the different image icons you can use in your course when copying this template. These can be switched out in any of the heading stylings.

Icon Licensing

Course icons are Creative Commons from The Noun Project, thenounproject.com. Magnifying Glass by Jean-Philippe Cabaroc; bullseye by Adrien Coquet; Calendar by Hrbon; notification bell by Danil Polshin; Checkbox by Rflor; Phone by Aulia; Lock by Andy Fuchs; dialog by Alice Design; clock by António Ascensão; Book by Adrien Coquet; messages by iconsphere; Document by Creative Stall; Video by kitzsingmaniiz; map by Santri Icon; Badge by Creative Stall; Brain by Cédric Villain; Info by Gregor Cresnar; Gear by David Khai; Profile by Alice Design