<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row"> <div class="hubmag-post"> <div class="hubmag-post-image"> <img class="hubmag-post-image" src="http://demos.telerik.com/kendo-ui/content/integration/bootstrap/photos/4.jpg" alt="resim" /> </div> <div class="hubmat-post-inner"> <div class="humbag-post-title"><h3 class="humbag-post-entry-title"><a href="#">Yeni yazılım origami tasarımlarını hızlandırıyor</a></h3></div> <div class="hubmag-post-publisher"> <i class="fa fa-user"></i> <a href="#">oxcakmak</a> <i class="fa fa-calendar"></i> <span>12.01.2017</span> <i class="fa fa-list"></i> <a href="#">Bilim</a> <i class="fa fa-comments"></i> 0 Yorum</div> <div class="hubmag-post-content"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque mollis id mauris eu venenatis. Nam at eros quis nulla lobortis sollicitudin. Aenean ac posuere.</p></div> </div> </div> </div> </div>

/* Theme Name: HubMag Author: Osman Çakmak Author URI: https://www.youtube.com/channel/UCz8qO2tyi9gkhs-MQGfXoJw Version: 1.0 */ .hubmag-post{ margin: 20px; max-width: 30%; padding-bottom: 10px; position: relative; border: 1px solid gray; -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45); -moz-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45); box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.45); } .humbag-post-entry-title{ padding: 10px; font-size: 15px; } .humbag-post-entry-title > a { text-decoration: none; } .humbag-post-entry-title > a:hover { text-decoration: none; } .hubmag-post-publisher{ font-family: 'Work Sans',sans-serif; font-size: 14px; padding-left:10px; margin-top: -10px; } .hubmag-post .humbag-post-entry-title{ font-family: 'Work Sans',sans-serif; position: relative; padding-bottom: 10px; font-size: 14px; font-weight: 600; } .hubmag-post .hubmag-post-content > p{ font-family: 'Work Sans',sans-serif; padding: 10px; font-size: 14px; font-style: italic; color: gray; word-wrap: break-word; } .hubmag-post .hubmag-post-image{ max-width:100%; } .hubmag-post .hubmag-post-button .hubmag-post-btn{ right: 1px; bottom: 0px; float: right; background-color: transparent; } .hubmag-post .hubmag-post-button .flat{ border-radius: 0; }