<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script><!-- =======================================

​

TIMELINE CONTENT 

​

======================================= -->

<div id ="pagewrap">    

<div id ="wrapper"> 

​

    <div id="timeline">

​

        <img src="http://mikedemar.com/stromasys/timeline/images/timeline.png">

​

    </div> <!--end timeline -->

​

    <ul> <!--begin ul -->

​

    <div id="pin01" class="handle">

    <div class="handleicon"><img src="http://mikedemar.com/stromasys/timeline/images/handle.png"></div>

    <div class="handleinfo">

        <h3>Lorem Ipsum</h3>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus euismod metus, nec mollis tellus porttitor ut. Nam id accumsan ante. Proin varius ultricies sem et tincidunt.</p>

    </div>

</div> 

​

<div id="pin02"  class="handle">

    <div class="handleicon"><img src="http://mikedemar.com/stromasys/timeline/images/handle.png"></div>

    <div class="handleinfo">

        <h3>Lorem Ipsum</h3>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus euismod metus, nec mollis tellus porttitor ut. Nam id accumsan ante. Proin varius ultricies sem et tincidunt.</p>

    </div>

</div>  

​

​

​

<div id="pin03"  class="handle">

    <div class="handleicon"><img src="http://mikedemar.com/stromasys/timeline/images/handle.png"></div>

    <div class="handleinfo">

        <h3>Lorem Ipsum</h3>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus euismod metus, nec mollis tellus porttitor ut. Nam id accumsan ante. Proin varius ultricies sem et tincidunt.</p>

    </div>

</div>   

​

​

<div id="pin04"  class="handle">

    <div class="handleicon"><img src="http://mikedemar.com/stromasys/timeline/images/handle.png"></div>

    <div class="handleinfo">

        <h3>Lorem Ipsum</h3>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus euismod metus, nec mollis tellus porttitor ut. Nam id accumsan ante. Proin varius ultricies sem et tincidunt.</p>                </div>

</div>

<div id="pin05"  class="handle">

    <div class="handlerighticon"><img src="http://mikedemar.com/stromasys/timeline/images/handle.png"></div>

    <div class="handleinfo handlerightinfo">

        <h3>Lorem Ipsum</h3>

        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed cursus euismod metus, nec mollis tellus porttitor ut. Nam id accumsan ante. Proin varius ultricies sem et tincidunt.</p>

    </div>

</div>

​

</ul> <!--end ul -->

​

<div id="title">

    <div id="lefttitle">

        <h4>Our Company History</h4>

    </div> <!--end lefttitle-->

    <div id="righttitle">

        <p class="title">Rollover an Event</p>

    </div> <!--end righttitle-->

    <div class="clear"></div>

</div><!--end title -->

</div></div>