HTML Code of the Samples in Student View
Code for Example 1 - Tabbed interface
-------------------------------------------------------------
<div class="enhanceable_content tabs">
<ul>
<li><a href="#fragment-1"><span>TEXT for First Tab</span></a></li>
<li><a href="#fragment-2"><span>TEXT for Second Tab</span></a></li>
<li><a href="#fragment-3"><span>TEXT for Third Tab</span></a></li>
</ul>
<div id="fragment-1">
<h3><strong>Text for first tab</strong></h3>
<p>Please select this text and replace with your own content. </p>
</div>
<div id="fragment-2">
<h3><strong>Text for second tab</strong></h3>
<p>Please select this text and replace with your own content. </p>
</div>
<div id="fragment-3">
<h3><strong>Text for third tab</strong></h3>
<p>Please select this text and replace with your own content. </p>
</div>
</div>
-----------------------------------------------------------------
Code for Example 2 - Call Out or Shadow Boxes
-----------------------------------------------------------------
<div style="width: 85%; margin: 20px 15% 20px 10%; background-color: #30759b;">
<div style="position: relative; top: -20px; left: -20px; padding: 15px; background: #ffffff; border: 2px solid #30759b;">
<p><span>TEXT GOES HERE</span></p>
</div>
</div>
------------------------------------------------------------------
Code for Example 3 - Floating Text around and image
------------------------------------------------------------------
<p><img style="padding: 0 15px; float: left;" src="/courses/1096523/files/64393255/preview?verifier=cqz81CSFaKUrYM7LAOHHNQjsg4xk68ylVYL8uY3N" alt="Fiji landscape" width="200" height="113" data-api-endpoint="https://canvas.pasadena.edu/api/v1/courses/1096523/files/64393255" data-api-returntype="File" />This text should be floating around this beautiful image of Fiji. The crystal clear water is unbelievable. It looks like that everywhere over there. The dark color of the water indicates deeper water and the edge of the amazing critter filled reef.</p>
<p style="margin-top: 20px;"> </p>
-----------------------------------------------------------------