<div id="wrap">


  <div class="center-div" id="multi-categories">
    <h4>Categories</h4>

      <p class="multi-content">
          
          <ul class="content-ul">
            <li>Comedy</li>
            <li>Drama</li>
            <li>Political</li>
            <li>Musical</li>
            <li>Fantasy</li>
          </ul>  

      </p>

    
  </div>

  <div class="center-div" id="multi-video">
    <h4>Videos</h4>
      <p class="multi-content">
          
          <ul class="content-ul">
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/playvid100.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/playvid100.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/playvid100.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/playvid100.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/playvid100.jpg" /></li>
          </ul>  

      </p>

    <span class="seemore"><a href="#">See more Videos</a></span>
  </div>

   <div class="center-div" id="multi-images">
    <h4>Images</h4>

      <p class="multi-content">
          
          <ul class="content-ul">
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/theatre.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/theatre.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/theatre.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/theatre.jpg" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/theatre.jpg" /></li>
          </ul>  

      </p>

    <span class="seemore"><a href="#">See more Images</a></span>
   </div>

 <div class="center-div" id="multi-audio">
    <h4>Audio</h4>

      <p class="multi-content">
          
          <ul class="content-ul">
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/audio.gif" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/audio.gif" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/audio.gif" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/audio.gif" /></li>
            <li><img style="border: 1px solid; padding: 2px;" src="/static/images/audio.gif" /></li>
          </ul>  

      </p>


    <span class="seemore"><a href="#">See more Audio</a></span>
  </div>

<br />
<br />
<br />
<br />
<br />

</div>