Example: 3 Column with Buttons
<h2>Design & Develop Accessible Courses </h2>
<p>To begin, please select "Web Usability Basics" to learn the foundation of course design and development. </p>
<div style="float: left; width: 33%;">
<p>
<a title="Course Page Design Basics" href="$CANVAS_OBJECT_REFERENCE$/modules/i966822536bbd648e3939d11a08025863" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/modules/32096" data-api-returntype="Module">
<img style="display: block; margin-left: auto; margin-right: auto;" src="$IMS-CC-FILEBASE$/1.jpg?canvas_download=1&canvas_qs_wrap=1" alt="Web Usability Basics" width="182" height="182" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/files/509345" data-api-returntype="File" />
</a>
</p>
<p> </p>
<p>
<a href="$WIKI_REFERENCE$/pages/workshop-presentations" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/pages/workshop-presentations" data-api-returntype="Page">
<img style="display: block; margin-left: auto; margin-right: auto;" src="$IMS-CC-FILEBASE$/2.jpg?canvas_download=1&canvas_qs_wrap=1" alt="Free Adaptable Course Layouta" width="182" height="182" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/files/509348" data-api-returntype="File" />
</a>
</p>
<p> </p>
</div>
<div style="float: left; width: 33%;">
<p>
<a title="Bedazzling Your Course Overview" href="$WIKI_REFERENCE$/pages/bedazzling-your-course-overview" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/pages/bedazzling-your-course-overview" data-api-returntype="Page">
<img style="display: block; margin-left: auto; margin-right: auto;" src="$IMS-CC-FILEBASE$/4.jpg?canvas_download=1&canvas_qs_wrap=1" alt="Coding Basics" width="182" height="182" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/files/509346" data-api-returntype="File" />
</a>
</p>
<p> </p>
<p>
<a href="$WIKI_REFERENCE$/pages/bedazzling-your-course-overview" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/pages/bedazzling-your-course-overview" data-api-returntype="Page">
<img style="display: block; margin-left: auto; margin-right: auto;" src="$IMS-CC-FILEBASE$/3.jpg?canvas_download=1&canvas_qs_wrap=1" alt="Customizing Your Layout" width="182" height="182" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/files/509349" data-api-returntype="File" />
</a>
</p>
</div>
<div style="float: right; width: 33%;">
<p style="text-align: center;">
<a title="Accessible Canvas Codes Overview " href="$WIKI_REFERENCE$/pages/accessible-canvas-codes-overview" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/pages/accessible-canvas-codes-overview" data-api-returntype="Page">
<img style="display: block; margin-left: auto; margin-right: auto;" src="$IMS-CC-FILEBASE$/5.jpg?canvas_download=1&canvas_qs_wrap=1" alt="Accessible Canvas Codes" width="182" height="182" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/files/509347" data-api-returntype="File" />
</a>
</p>
<p style="text-align: center;"> </p>
<p style="text-align: center;">
<a href="$WIKI_REFERENCE$/pages/easily-create-fun-banners" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/pages/easily-create-fun-banners" data-api-returntype="Page">
<img style="display: block; margin-left: auto; margin-right: auto;" src="$IMS-CC-FILEBASE$/6.jpg?canvas_download=1&canvas_qs_wrap=1" alt="Digital Goodies" width="182" height="182" data-api-endpoint="https://ccconlineed.instructure.com/api/v1/courses/3794/files/509350" data-api-returntype="File" />
</a>
</p>
</div>
Design & Develop Accessible Courses
To begin, please select "Web Usability Basics" to learn the foundation of course design and development.