Implement demo using Content types and Views

Hi,
The demo block you provide is solid proof of concept that this module works. Great job! With that said, I need help correctly setting up a content type to use in Views:

1. what would I need to do to get the Demo's EXACT result with content type and Views?
2. What fields would I need and what settings does each field require?
3. Would one text box (Full HTML) be enough? When I create a new content should I write in the text box:
   

         <div class="slide"> <img src="/sites/all/modules/views_fractionslider/images/01_box_top.png" width="361" height="354" data-position="-152,142" data-in="left" data-delay="200" data-out="right"> <img src="/sites/all/modules/views_fractionslider/images/01_box_bottom.png"  width="422" height="454"  data-position="138,-152" data-in="bottomRight" data-delay="200"> <img src="/sites/all/modules/views_fractionslider/images/01_waves.png"  width="1449" height="115" data-position="240,17" data-in="left" data-delay="" data-out="left"> <img src="/sites/all/modules/views_fractionslider/images/01_outofthebox.png"  data-position="20,330" data-in="bottomLeft" data-delay="500" data-out="fade" style="width:auto; height:auto">
           <p class="claim light-green" data-position="30,30" data-in="top" data-step="1" data-out="top">jQuery FractionSlider</p>
           <p class="teaser orange" data-position="90,30" data-in="left" data-step="2" data-delay="500">animate multiple elements</p>
           <p class="teaser green" data-position="90,30" data-in="left" data-step="2" data-special="cycle" data-delay="3000">full control over each element</p>
           <p class="teaser turky" data-position="90,30" data-in="left" data-step="2" data-special="cycle" data-delay="5500" data-out="none">opensource and free</p>
         </div>
   

4. IMPORTANT: Could you please use the Feature Module and create a feature that generates a working solution that uses Content type and Views?

Kind regards,
Jose