fd4me-boxes.html

<div class="fancy-box whats-it-all-mean">
  <h3><span><!-- Title --></span></h3>
  <div class="fancy-content">

  </div>
</div>

<div class="fancy-box skill-building">
  <h3><img src="/media/images/modules/skill_building.img.jpg" alt="Building Blocks" widht="50" height="34" /><span>Skill Building</span></h3>
  <div class="fancy-content">
  
  </div>
</div>

<!-- HTML5 Version -->
<section class="fancy video-clip">
  <article>
    <header>
      <h3>Video Clip</h3>
      <p>Take a few moments to watch a short video on this topic before moving on.</p>
    </header>
    <!-- YouTube Embed code here -->
  </article>
</section>

<aside class="quotes">
<em>
<!-- quote -->
</em>
<!-- quote source -->
</aside>

<!-- Old Version -->
<div class="fancy-box video-clip">
  <h3><span>Video Clip</span></h3>
  <div class="fancy-content">
    <div class="line">
      
      <h4><img src="/media/images/exceltoteach/video-clip-sm.png" width="92" height="100" alt="Video Clip" /></h4>
      <p>Take a few moments to watch a short video on this topic before moving on.</p>
      <!-- YouTube Embed code here -->
    </div>
  </div>
</div>

<!-- Interactive Form Structure -->
<div class="interactive_form">
  <form action="" method="">
    <!-- form elements -->
    <br /><input type="submit" name="submit" value="submit" />
  </form>
  <div class="feedback" style="display:none;">
    <h4>Feedback:</h4>
    <!-- feedback -->
  </div>
</div>

<!-- simple interactive form structure -->
<div class="simple_interactive">
  <form action="#" method="get">
    <!-- form elements -->
    <textarea name="interactive" cols="55" rows="4"></textarea><br />
    <input type="submit" name="submit" value="Get Feedback" /></br />
    <div class="feedback">
      <!-- feedback -->
    </div>
  </form>
</div>