"card view, news card "
Bootstrap 4.1.1 Snippet by ashishinbase

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/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-fluid"> <div class="row" style="margin-top:20px;"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-7"> <a href="#" class="card-text" id="topline" style="font-size:12px;color:white; padding:1px">जगह </a> <br> <p class="card-text" style="font-weight: 700;color:#404041;line-height:30px;font-size: 20px;"> SC-ST ऐक्ट के इस मामले में मुख्यमंत्री शिवराज सिंह की गिरफ्तारी हो ही नहीं सकती </p> </div> <div class="col-md-5 col-xs-6"> <img src="hello.jpg" style="background-color:orange;height:75px;width:130px;margin-top:20px;"> </div> <div class="col-md-7"> <p class="card-text" style="font-size: 13px;line-height: 24px;color: #58595b;font-weight: 200;"> सोशल मीडिया पर लोग कह रहे हैं कि अब 'माई के लाल' की गिरफ्तारी हो, तो वो मानेंगे कि कानून सबके लिए बराबर है.</p> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-7"> <a href="#" class="card-text " id="topline" style="font-size:12px;color:white; padding:1px">जगह </a> <br> <p class="card-text" style="font-weight: 700;color:#404041;line-height:30px;font-size: 20px;"> SC-ST ऐक्ट के इस मामले में मुख्यमंत्री शिवराज सिंह की गिरफ्तारी हो ही नहीं सकती </p> </div> <div class="col-md-5"> <img src="hello.jpg" style="background-color:orange;height:75px;width:130px;margin-top:20px;"> </div> <div class="col-md-7"> <p class="card-text" style="font-size: 13px;line-height: 24px;color: #58595b;font-weight: 200;"> सोशल मीडिया पर लोग कह रहे हैं कि अब 'माई के लाल' की गिरफ्तारी हो, तो वो मानेंगे कि कानून सबके लिए बराबर है.</p> </div> </div> </div> </div> </div> <hr> <div class="container-fluid"> <div class="row"> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-7"> <a href="#" class="card-text" id="topline" style="font-size:12px;color:white; padding:1px">जगह </a> <br> <p class="card-text" style="font-weight: 700;color:#404041;line-height:30px;font-size: 20px;"> SC-ST ऐक्ट के इस मामले में मुख्यमंत्री शिवराज सिंह की गिरफ्तारी हो ही नहीं सकती </p> </div> <div class="col-md-5"> <img src="hello.jpg" style="background-color:orange;height:75px;width:130px;margin-top:20px;"> </div> <div class="col-md-7"> <p class="card-text" style="font-size: 13px;line-height: 24px;color: #58595b;font-weight: 200;"> सोशल मीडिया पर लोग कह रहे हैं कि अब 'माई के लाल' की गिरफ्तारी हो, तो वो मानेंगे कि कानून सबके लिए बराबर है.</p> </div> </div> </div> </div> </div> <div class="col-md-6"> <div class="card"> <div class="card-body"> <div class="row"> <div class="col-md-7"> <a href="#" class="card-text" id="topline" style="font-size:12px;color:white; padding:1px">जगह </a> <br> <p class="card-text" style="font-weight: 700;color:#404041;line-height:30px;font-size: 20px;"> SC-ST ऐक्ट के इस मामले में मुख्यमंत्री शिवराज सिंह की गिरफ्तारी हो ही नहीं सकती </p> </div> <div class="col-md-5"> <img src="hello.jpg" style="background-color:orange;height:75px;width:130px;margin-top:20px;"> </div> <div class="col-md-7"> <p class="card-text" style="font-size: 13px;line-height: 24px;color: #58595b;font-weight: 200;"> सोशल मीडिया पर लोग कह रहे हैं कि अब 'माई के लाल' की गिरफ्तारी हो, तो वो मानेंगे कि कानून सबके लिए बराबर है.</p> </div> </div> </div> </div> </div> </div> </div>
.card{margin-top:20px;border-right:5px solid #fccb48;} #topline{background-color:#32bcb8;}

Related: See More


Questions / Comments: