<pre class="alt2" dir="ltr" style="border: 1px inset; height: 498px; overflow: auto; padding: 6px; text-align: left; width: 640px;"><!-- Featured Content Slider Started --> <div class='fp-slider clearfix'> <div class='fp-slides-container clearfix'> <div class='fp-slides'> <!-- Slide 1 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="http://3.bp.blogspot.com/-J7kG6ba6gvE/T1pdZALQ1BI/AAAAAAAAGJg/tgSydaa0xdk/s1600/1.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الأول</a> </h3> <p> أكتب هنا وصف الموضوع الأول : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 1 Code End --> <!-- Slide 2 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="http://3.bp.blogspot.com/-mKr7o1JvfNk/T1pdiaxxPUI/AAAAAAAAGJo/-JBIGg_fc2g/s1600/2.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الثاني</a> </h3> <p> أكتب هنا وصف الموضوع الثاني : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 2 Code End --> <!-- Slide 3 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="http://3.bp.blogspot.com/-BMwFnlTNtBA/T1pdrIFdksI/AAAAAAAAGJw/YUYVBNv0Rk0/s1600/3.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الثالث</a> </h3> <p> أكتب هنا وصف الموضوع الثالث : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 3 Code End --> <!-- Slide 4 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="http://1.bp.blogspot.com/-ugxAyJI0w2Y/T1pd2-pKN8I/AAAAAAAAGJ4/XqSIcH0RF0M/s1600/4.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الرابع</a> </h3> <p> أكتب هنا وصف الموضوع الرابع : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 4 Code End --> <!-- Slide 5 Code Start --> <div class='fp-slides-items'> <div class='fp-thumbnail'> <a href='#'><img src="http://2.bp.blogspot.com/-v2S_hjW-azY/T1peCi50G4I/AAAAAAAAGKA/R95pCIOTfJI/s1600/5.jpg"/></a> </div> <div class='fp-content-wrap'> <div class='fp-content'> <h3 class='fp-title'> <a href='#'>عنوان الموضوع الخامس</a> </h3> <p> أكتب هنا وصف الموضوع الخامس، : http://www.kawaaleb.blogspot.com/ </p> </div> <div class='fp-prev-next-wrap clearfix'> <a class='fp-next' href='#fp-next'></a> <a class='fp-prev' href='#fp-prev'></a> </div> </div> </div> <!-- Slide 5 Code End --> </div> <div class='fp-nav'> <span class='fp-pager'/> </span></div> </div> </div> <div style='clear:both;'/> <!-- Featured Content Slider End --></div></pre>