        <div class="page-header">
            <h1>Blog <small>with small images</small></h1>
        </div>
        <div class="row-fluid">
            <div class="span9">
            <div class="blog-item-container">
            
            <div class="blog-image pull-left">
          	<img src="<?php echo Yii::app()->theme->baseUrl;?>/img/blog/small-blog1.jpg" alt="Blog example image" />
            </div><!-- blog-image -->
            
            <div class="blog-title">
            <h2><a href="index.php?page=blog-item">Finding the best theme for you</a></h2>
            </div><!-- blog-title -->
            
            <div class="blog-details">
            	<ul>
                  <li><i class="icon-calendar"></i> 23 October 2012</li>
                  <li><i class="icon-comment"></i> 12 replies</li>
                  <li><a href="#"><i class="icon-user"></i> Simpson Moyo</a></li>
                  <li><a href="#"><i class="icon-th-list"></i> Backend Design</a></li>
                </ul>
            </div><!-- blog-details -->
            
            <div class="blog-tags">
            <i class="icon-tags"></i> PHP, CSS, java, free, web design, themeforest, styling, bootstrap, jQuery
            </div><!-- blog-tags -->
            
            <div class="blog-text">
            	<p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Maecenas sed justo varius velit imperdiet bibendum. Integer commodo tristique odio, quis fringilla ligula aliquet ut.
               </p>
               
            </div><!-- blog-text -->
            
            <div class="blog-read-more">
            	<p>
               		<a href="index.php?page=blog-item">Read more...</a>
               </p>
            </div><!-- blog-read-more -->
            
                        </div><!-- blog-item-container -->
<hr />
            
            
            <div class="blog-item-container">
            <div class="blog-image pull-left">
          	<iframe src="http://player.vimeo.com/video/1084537?badge=0" width="220" height="220" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe> <p class="media-description"><a href="http://vimeo.com/1084537">Big Buck Bunny</a> from <a href="http://vimeo.com/user508904">Blender Foundation</a>.</p>
            </div><!-- blog-image -->
            
            <div class="blog-title">
            <h2>Our exclusive interview with Big Buck Bunny</h2>
            </div><!-- blog-title -->
            
            <div class="blog-details">
            	<ul>
                  <li><i class="icon-calendar"></i> 23 October 2012</li>
                  <li><i class="icon-comment"></i> 12 replies</li>
                  <li><a href="#"><i class="icon-user"></i> Simpson Moyo</a></li>
                  <li><a href="#"><i class="icon-th-list"></i> Backend Design</a></li>
                </ul>
            </div><!-- blog-details -->
            
            <div class="blog-tags">
            <i class="icon-tags"></i> PHP, CSS, java, free, web design, themeforest, styling, bootstrap, jQuery
            </div><!-- blog-tags -->
            
            <div class="blog-text">
            	<p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Maecenas sed justo varius velit imperdiet bibendum. Integer commodo tristique odio, quis fringilla ligula aliquet ut.
               </p>
               
            </div><!-- blog-text -->
            
            <div class="blog-read-more">
            	<p>
               		<a href="#">Read more...</a>
               </p>
            </div><!-- blog-read-more -->
            
                        </div><!-- blog-item-container -->
<hr />
            
            
            <div class="blog-item-container">
            <div class="blog-image pull-left">
            <div id="myCarousel" class="carousel slide ">
              <!-- Carousel items -->
              <div class="carousel-inner stone">
                <div class="active item"><img src="<?php echo Yii::app()->theme->baseUrl;?>/img/blog/small-blog2.jpg" width="220" height="220" alt="Blog example image" /></div>
                <div class="item"><img src="<?php echo Yii::app()->theme->baseUrl;?>/img/blog/small-blog3.jpg" width="220" height="220" alt="Blog example image" /></div>
                <div class="item"><img src="<?php echo Yii::app()->theme->baseUrl;?>/img/blog/small-blog1.jpg" width="220" height="220" alt="Blog example image" /></div>
              </div>
              <!-- Carousel nav -->
              <a class="carousel-control left" href="#myCarousel" data-slide="prev">&lsaquo;</a>
              <a class="carousel-control right" href="#myCarousel" data-slide="next">&rsaquo;</a>
            </div>
          	
            </div><!-- blog-image -->
            
            <div class="blog-title">
            <h2>Finding the best theme for you</h2>
            </div><!-- blog-title -->
            
            <div class="blog-details">
            	<ul>
                  <li><i class="icon-calendar"></i> 23 October 2012</li>
                  <li><i class="icon-comment"></i> 12 replies</li>
                  <li><a href="#"><i class="icon-user"></i> Simpson Moyo</a></li>
                  <li><a href="#"><i class="icon-th-list"></i> Backend Design</a></li>
                </ul>
            </div><!-- blog-details -->
            
            <div class="blog-tags">
            <i class="icon-tags"></i> PHP, CSS, java, free, web design, themeforest, styling, bootstrap, jQuery
            </div><!-- blog-tags -->
            
            <div class="blog-text">
            	<p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Maecenas sed justo varius velit imperdiet bibendum. Integer commodo tristique odio, quis fringilla ligula aliquet ut.
               </p>
               
            </div><!-- blog-text -->
            
            <div class="blog-read-more">
            	<p>
               		<a href="#">Read more...</a>
               </p>
            </div><!-- blog-read-more -->
            
                        </div><!-- blog-item-container -->
<hr />
            
            <div class="blog-item-container">
            <div class="blog-image pull-left">
          	<img src="<?php echo Yii::app()->theme->baseUrl;?>/img/blog/small-blog3.jpg" alt="Blog example image" />
            </div><!-- blog-image -->
            
            <div class="blog-title">
            <h2>Finding the best theme for you</h2>
            </div><!-- blog-title -->
            
            <div class="blog-details">
            	<ul>
                  <li><i class="icon-calendar"></i> 23 October 2012</li>
                  <li><i class="icon-comment"></i> 12 replies</li>
                  <li><a href="#"><i class="icon-user"></i> Simpson Moyo</a></li>
                  <li><a href="#"><i class="icon-th-list"></i> Backend Design</a></li>
                </ul>
            </div><!-- blog-details -->
            
            <div class="blog-tags">
            <i class="icon-tags"></i> PHP, CSS, java, free, web design, themeforest, styling, bootstrap, jQuery
            </div><!-- blog-tags -->
            
            <div class="blog-text">
            	<p>
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer commodo tristique odio, quis fringilla ligula aliquet ut. Maecenas sed justo varius velit imperdiet bibendum. Maecenas sed justo varius velit imperdiet bibendum. Integer commodo tristique odio, quis fringilla ligula aliquet ut.
               </p>
               
            </div><!-- blog-title -->
            
            <div class="blog-read-more">
            	<p>
               		<a href="#">Read more...</a>
               </p>
            </div><!-- blog-title -->
            
            
            </div><!-- blog-item-container -->
            
            <div class="blog-pager">
            	<div class="pagination">
                  <ul>
                    <li class="disabled"><a href="#">Prev</a></li>
                    <li class="active"><a href="#">1</a></li>
                    <li><a href="#">2</a></li>
                    <li><a href="#">3</a></li>
                    <li><a href="#">Next</a></li>
                  </ul>
                </div>
            </div>
          
          	</div><!-- span9 -->
            
            <div class="span3">
           
            	<?php include_once('tpl-side-bar.php');?>
			
            </div><!-- span3 -->
        </div><!-- /row-fluid -->     