</div>
<!--End Navbar-->
<div id="component-container"></div>
<div id="body-container">
<div id="two-thirds">
<div id="two-thirds-content">
<div id="two-thirds-content-nav"><h1>Component Title</h1>
</div>
<blockquote>Content goes here</blockquote>
</div>
</div>
<div id="one-third">
<div id="one-third-content">
<div id="one-thirds-content-nav"><h1>Source</h1>
<div id="controls">
<button onclick="togglePause()">Pause</button>
<button onclick="copyContent()">Copy Content</button>
</div>
</div>
<div id="slide-container">
<div class="slide" id="slide1">
<xmp>
HTML Content
<!-- index.html -->
</div>
<!--End Navbar-->
<div id="body-container">
<div id="two-thirds">
<div id="two-thirds-content">
<div id="two-thirds-content-nav"><h1>Component Title</h1>
</div>
<blockquote>Content goes here</blockquote>
</div>
</div>
<div id="one-third">
<div id="one-third-content">
<div id="one-thirds-content-nav"><h1>Source</h1>
<div id="controls">
<button onclick="togglePause()">Pause</button>
<button onclick="copyContent()">Copy Content</button>
</div>
</div>
<div id="slide-container">
<div class="slide" id="slide1">
<xmp>
HTML Content
</xmp>
</div>
<div class="slide" id="slide2">
<xmp>
CSS Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac lacus
a est pharetra vehicula. Ut bibendum, dui in auctor convallis, eros nisl varius nisi, id congue odio dui nec libero. Vivamus sed congue ipsum. Mauris feugiat tellus nec nunc facilisis, at scelerisque sapien fermentum. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum cursus lectus sit amet justo ultricies, non fermentum odio vulputate. Curabitur sit amet libero ut metus tincidunt euismod. Vivamus scelerisque urna ut est tincidunt, vel laoreet velit tristique. Quisque ultrices euismod dui, vitae malesuada elit imperdiet non. Integer venenatis ligula eu lectus fermentum, ut pellentesque leo ultrices. Sed vel leo fermentum, auctor metus in, eleifend neque. Nunc at metus nec risus suscipit fermentum. Integer id metus ac dolor iaculis tempor. Donec consequat justo vitae nibh varius, ac auctor eros dignissim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a c lacus a est pharetra vehicula. Ut bibendum, dui in auctor convallis, eros nisl varius nisi, id congue odio dui nec libero. Vivamus sed congue ipsum. Mauris feugiat tellus nec nunc facilisis, at scelerisque sapien fermentum. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum cursus lectus sit amet justo ultricies, non fermentum odio vulputate. Curabitur sit amet libero ut metus tincidunt euismod. Vivamus scelerisque urna ut est tincidunt, vel laoreet velit tristique. Quisque ultrices euismod dui, vitae malesuada elit imperdiet non. Integer venenatis ligula eu lectus fermentum, ut pellentesque leo ultrices. Sed vel leo fermentum, auctor metus in, eleifend neque. Nunc at metus nec risus suscipit fermentum. Integer id metus ac dolor iaculis tempor. Donec consequat justo vitae nibh varius, ac auctor eros dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac lacus a est pharetra vehicula. Ut bibendum, dui in auctor convallis, eros nisl varius nisi, id congue odio dui nec libero. Vivamus sed congue ipsum. Mauris feugiat tellus nec nunc facilisis, at scelerisque sapien fermentum. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum cursus lectus sit amet justo ultricies, non fermentum odio vulputate. Curabitur sit amet libero ut metus tincidunt euismod. Vivamus scelerisque urna ut est tincidunt, vel laoreet velit tristique. Quisque ultrices euismod dui, vitae malesuada elit imperdiet non. Integer venenatis ligula eu lectus fermentum, ut pellentesque leo ultrices. Sed vel leo fermentum, auctor metus in, eleifend neque. Nunc at metus nec risus suscipit fermentum. Integer id metus ac dolor iaculis tempor. Donec consequat justo vitae nibh varius, ac auctor eros dignissim. </xmp>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac lacus a est pharetra vehicula. Ut bibendum, dui in auctor convallis, eros nisl varius nisi, id congue odio dui nec libero. Vivamus sed congue ipsum. Mauris feugiat tellus nec nunc facilisis, at scelerisque sapien fermentum. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum cursus lectus sit amet justo ultricies, non fermentum odio vulputate. Curabitur sit amet libero ut metus tincidunt euismod. Vivamus scelerisque urna ut est tincidunt, vel laoreet velit tristique. Quisque ultrices euismod dui, vitae malesuada elit imperdiet non. Integer venenatis ligula eu lectus fermentum, ut pellentesque leo ultrices. Sed vel leo fermentum, auctor metus in, eleifend neque. Nunc at metus nec risus suscipit fermentum. Integer id metus ac dolor iaculis tempor. Donec consequat justo vitae nibh varius, ac auctor eros dignissim.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed a c lacus a est pharetra vehicula. Ut bibendum, dui in auctor convallis, eros nisl varius nisi, id congue odio dui nec libero. Vivamus sed congue ipsum. Mauris feugiat tellus nec nunc facilisis, at scelerisque sapien fermentum. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum cursus lectus sit amet justo ultricies, non fermentum odio vulputate. Curabitur sit amet libero ut metus tincidunt euismod. Vivamus scelerisque urna ut est tincidunt, vel laoreet velit tristique. Quisque ultrices euismod dui, vitae malesuada elit imperdiet non. Integer venenatis ligula eu lectus fermentum, ut pellentesque leo ultrices. Sed vel leo fermentum, auctor metus in, eleifend neque. Nunc at metus nec risus suscipit fermentum. Integer id metus ac dolor iaculis tempor. Donec consequat justo vitae nibh varius, ac auctor eros dignissim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac lacus a est pharetra vehicula. Ut bibendum, dui in auctor convallis, eros nisl varius nisi, id congue odio dui nec libero. Vivamus sed congue ipsum. Mauris feugiat tellus nec nunc facilisis, at scelerisque sapien fermentum. Suspendisse potenti. In hac habitasse platea dictumst. Vestibulum cursus lectus sit amet justo ultricies, non fermentum odio vulputate. Curabitur sit amet libero ut metus tincidunt euismod. Vivamus scelerisque urna ut est tincidunt, vel laoreet velit tristique. Quisque ultrices euismod dui, vitae malesuada elit imperdiet non. Integer venenatis ligula eu lectus fermentum, ut pellentesque leo ultrices. Sed vel leo fermentum, auctor metus in, eleifend neque. Nunc at metus nec risus suscipit fermentum. Integer id metus ac dolor iaculis tempor. Donec consequat justo vitae nibh varius, ac auctor eros dignissim. </xmp>
</div><!-- Container for the body -->
<!-- JavaScript file for dynamic grid creation and animation -->
<script src="grid.js"></script>
<script src="slides.js"></script>
<!--Footer-->
<div class="footer">
<a href="#">Back to top</a>
</div>
<!--End Footer-->