Soratemplates

<ul class='carrousel-slider'>
 <li class='slide'>
 <div class='slide-body'>
 <div class='grid-protection'>
 <a class='image-link enlarge' href='#'><span>Image Link</span></a>
 <img src='../slide.jpg'/>
 </div> 
 </div> 
 </li>
 ..........

 <ul class='menu' id='menu-main-menu'>
  <li><a href='#'>Home</a></li>
  <li><a href='#'>Blog</a></li>
   <ul class='sub-menu'>
    <li><a href='#'>Full Width Page</a></li>
    <li><a href='#'>Sidebar Right</a></li>
 ..........

var posts=8, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='flexslider' id='home-slider'>
 <ul class='slides'>
 <li>
 <article>
 <div class='kp-view'>
 <img src='../slide-1.jpg'/>
 <a class='kp-mask' href='#'/>
 </div> 
 <div class='flex-caption'>
 <h1><a href='#'>Eight Important Factors of ...</a></h1>
 </div> 
 </article>
 </li>
 ..........

<ul id='main-menu'>
 <li class='current-menu-item'><a href='#'>Home</a></li>
 <li><a href='#'>Features</a>
  <ul>
   <li><a href='#'>Categories page</a></li>
   <li><a href='#'>Single page</a></li>
 ..........

var posts=6, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='flexslider'>
<ul class='slides'>
 <li><a href='#'><img class='attachment-660x330' height='330' src='../image.jpg' width='620'/></a>
 <div class='slider-caption'>
 <h2><a href='#'>Maecenas mattis, tortor ut posuere aliquam</a></h2>
 <p>iam wisi quam lorem vestibulum...</p>
 </div>
</li>
 ..........

<div class='main-menu'>
 <ul class='menu' id='menu-main'>
 <li><a href='#'>Home</a></li>
 <li><a href='#'>Post Head Modes</a>
  <ul class='sub-menu'>
   <li><a href='#'>Post With Featured Image</a></li>
   <li><a href='#'>Post With Slider</a></li>
 ..........

<div class='ads-top'>    
 <a href='#' target='_blank'><img src='../banner728.gif'/></a>   
</div>

var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='featured_banner'/>
 <div id='slider'>
 <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div> 
 <div id='slider_img'>
 <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></a>
 ..........

<div id='navigation'>
 <ul>
 <li><a href='#'>Interview<span>Meet your artists</span></a></li>
 <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
  <ul class='sub_menu'>
   <li><a href='#'><span>Concerts (2)</span></a></li>
 ..........

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='featured_banner'/>
 <div id='slider'>
 <div class='jFlowPrev'><img alt='' height='194' src='images/previous.png' width='35'/></div> 
 <div id='slider_img'>
 <a href='#'><span>The best interview is here</span><img height='360' src='../image.jpg' width='900'/></a>
 ..........

<div id='navigation'>
 <ul>
 <li><a href='#'>Interview<span>Meet your artists</span></a></li>
 <li><a href='#'>Videos<span>Watch Stereolite TV</span></a>
  <ul class='sub_menu'>
   <li><a href='#'><span>Concerts (2)</span></a></li>
 ..........

var posts=4, // Number of posts in each page
    num=2, // Number of buttons will display

<div class='nivoSlider' id='slider'>
 <img src='../slider-1.jpg' 
 ..........
 <div class='nivo-html-caption' id='sliderCaption1'>
 <div class='title'><a href='#'>Consectetur</a></div>
 Lorem ipsum dolor sit amet...</div>
 ..........

var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

<li>
<div class='boxgrid captionfull'>
<a href='#'><img height='269' src='../slider1.jpg' width='296'/></a>
<div class='cover boxcaption' style=' top:269px; cursor: pointer;'>
<h3 class='entry-title'>christmas decoration #1</h3>
<div class='entry-content'><p>$57</p></div>
<a class='more' href='#'>read more</a></div>
</div>
</li>
 ..........

<li class='jcarousel-item-1 odd'> 
<div class='views-field views-field-field-portfolio-image'>
<div class='field-content'><a href='#'><img src='/image.jpg'/></a></div></div> 
 <div class='views-field-title'>Aenean sodales dapibus.</div>
 <div class='clearfix'>
 <div class='button'><a href='#'>more</a></div>
 </div>
 </div>
 </div></span>
 </div>
</li>
 ..........

<ul class='sf-menu' id='superfish-1'>
 <li><a href='#'>Events</a></li>
 <li><a href='#'>Artists</a></li>
 <li><a href='#'>About us</a></li>
 <li><a href='#'>Gallery</a>
 <ul>
 <li><a href='#'>Gallery 1 col</a></li>
 <li><a href='#'>Gallery 2 cols</a></li>
 ..........

<div id='slider_wrapper'>
 <div class='marg_0_0_20_0' id='sliderCss3d'>
 <img alt='Slider 1' data-transition='{&quot;effect&quot;: &quot;blindsVertical&quot;, &quot;slices&quot;: 6, &quot;animSpeed&quot;: 1400, &quot;delay&quot;: 100, &quot;delayDir&quot;: &quot;fromCentre&quot;, &quot;easing&quot;: &quot;easeInCubic&quot;, &quot;depthOffset&quot;: 800, &quot;sliceGap&quot;: 5}' src='/slider.jpg'/>
 ..........

<ul class='menu' id='menu'>
 <li><a href='#'>Home</a></li>
 <li><a href='#'>Fullwidth page</a></li>
 <ul class='sub-menu'>
  <li><a href='#'>Buttons</a></li>
  <li><a href='#'>Google Map</a></li>
 ..........

var posts=3, // Number of posts in each page
    num=2, // Number of buttons will display

<h4>About the author</h4>
 <div id='author-info'>
 <div id='author-image'>
 <a href='#'><img height='80' src='/avatar.png' width='80'/></a>
</div>
<div id='author-bio'>
<h5>Admin</h5>
Donec non enim in turpis pulvinar facilisis. Ut felis. Praesent dapibus, neque id cursus faucibus. Aenean fermentum, eget tincidunt.
</div>