December 7, 2021

Recent Post

<div class="container">
       <div class="col-md-4">
           <div class="widget">
         <h5 class="widget-title">Recent Post</h5>
         <div class="recent-post">
           <ul class="list-unstyled  bg-white">
             <li class="mb-3">
               <div class="recent-post-thumb">
                 <img class="img-fluid" src="http://www.tolmatol.com/uploads-images/recent-post/01.jpg" alt="">
               </div>
               <div class="recent-post-desc"> <a href="#">Tolmatol Performance Based Software</a> 
                 <div class="post-date">23 <span>Jan 2019</span>
                 </div>
               </div>
             </li>
             <li class="mb-3">
               <div class="recent-post-thumb">
                 <img class="img-fluid" src="http://www.tolmatol.com/uploads-images/recent-post/02.jpg" alt="">
               </div>
               <div class="recent-post-desc"> <a href="#">latest Software design in features</a> 
                 <div class="post-date">23 <span>Jan 2019</span>
                 </div>
               </div>
             </li>
             <li>
               <div class="recent-post-thumb">
                 <img class="img-fluid" src="http://www.tolmatol.com/uploads-images/recent-post/03.jpg" alt="">
               </div>
               <div class="recent-post-desc"> <a href="#">All Powerful Design feature In Tolmatol</a> 
                 <div class="post-date">23 <span>Jan 2019</span>
                 </div>
               </div>
             </li>
           </ul>
         </div>
       </div>
       </div>
   </div>

 

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <style>
        
        .widget-title {
    background: #ffffff;
    border-radius: 7px;
    margin-top: 50px;
    padding: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color: #1c1d3e;
    display: inline-block;
    position: relative;
    width: 100%;
    margin-bottom: 30px;     box-shadow: 0px 0px 15px #f1f1f1;
}
        .widget .recent-post-thumb{display: table-cell; vertical-align: middle; height: auto; width: 75px; border-radius: 7px; overflow: hidden;}
.widget .recent-post-desc{display: table-cell; vertical-align: middle; padding-left: 15px;}
.widget .recent-post-desc a{ display: block; margin-top: 10px; color: #1c1d3e; font-weight: 500;}
.widget .recent-post-desc a:hover { color: #2575fc;}
         

    </style>

 

Leave a Reply

Your email address will not be published. Required fields are marked *