 <div class="single-sidebar-widget">
    <h4 class="title">Related Courses</h4>
    <div class="single-item">
        <div class="single-item-image overlay-effect">
            <a href="#"><img alt="" src="img/course/1.jpg"></a>
        </div>
        <div class="single-item-text">
            <h4><a href="#">Photoshop CC 2016</a></h4>
            <div class="single-item-text-info">
                <span>By: <span>M S Nawaz</span></span>
                <span>Date: <span>20.5.15</span></span>
            </div>
            <p>There are many variations of sages of Lorem Ipsum available, but the mrity have suffered alteration in some orm, by injected humo</p>
            <div class="single-item-content">
               <div class="single-item-comment-view">
                   <span><i class="zmdi zmdi-eye"></i>59</span>
                   <span><i class="zmdi zmdi-comments"></i>19</span>
               </div>
               <div class="single-item-rating">
                   <i class="zmdi zmdi-star"></i>
                   <i class="zmdi zmdi-star"></i>
                   <i class="zmdi zmdi-star"></i>
                   <i class="zmdi zmdi-star"></i>
                   <i class="zmdi zmdi-star-half"></i>
               </div>
            </div>   
        </div>
        <div class="button-bottom">
            <a class="button-default" href="#">Learn Now</a>
        </div>
    </div>