"card bootstarp 4 (persian)"
Bootstrap 4.1.1 Snippet by pedramham

<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="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="col-lg-12 mt-3 mb-3"> <div class="row"> <div class="col-lg-4 "> <div class="card"> <div class=""> <img class="height226px img-thumbnail border-radius-bottom imageHover w-100" src="http://www.andishmandproject.com/assets/images/pic/andishmad-group-article-logo.jpg"> </div> <div class="card-body height226px textCardIndex "> این ترانه شادمهر در مورد سیمونی صدق می کند.چند وقت پیش انقدر پی اچ پی خسته ام کرد .انقدر دچار کد نویسی تکراری شده بودم که php بنظرم خیلی زبان برنامه نویسی غیر جذاب شلی اومد.یک مدت هم کوچ کردم سمت جاوا اندروید که بد نبود پیشرفت هم داشتم.قصد داشتم واقعا پی اچ پی ببوسم بزارم کنار . </div> </div> </div> <div class="col-lg-4"> <div class="card"> <div class="card"> <div class="card-body height226px textCardIndex "> این ترانه شادمهر در مورد سیمونی صدق می کند.چند وقت پیش انقدر پی اچ پی خسته ام کرد .انقدر دچار کد نویسی تکراری شده بودم که php بنظرم خیلی زبان برنامه نویسی غیر جذاب شلی اومد.یک مدت هم کوچ کردم سمت جاوا اندروید که بد نبود پیشرفت هم داشتم.قصد داشتم واقعا پی اچ پی ببوسم بزارم کنار . </div> <div class=""> <img class="height226px border-radius-top img-thumbnail imageHover w-100" src="http://www.andishmandproject.com/web/assets/images/andishmad_applay_uiversity.jpg"> </div> </div> </div> </div> <div class="col-lg-4"> <div class="card"> <div class="card"> <div class=""> <img class="height226px border-radius-bottom img-thumbnail imageHover w-100" src="http://www.andishmandproject.com/uploads/articles/www-andishmandproject-com-656-4996.jpeg"> </div> <div class="card-body height226px textCardIndex "> این ترانه شادمهر در مورد سیمونی صدق می کند.چند وقت پیش انقدر پی اچ پی خسته ام کرد .انقدر دچار کد نویسی تکراری شده بودم که php بنظرم خیلی زبان برنامه نویسی غیر جذاب شلی اومد.یک مدت هم کوچ کردم سمت جاوا اندروید که بد نبود پیشرفت هم داشتم.قصد داشتم واقعا پی اچ پی ببوسم بزارم کنار . </div> </div> </div> </div> </div> </div>
.textCardIndex{ font-family: tahoma; color: #343a40; line-height: 2em; text-align: justify; font-size: 1em; direction: rtl; } .imageHover:hover { -webkit-filter: grayscale(70%); filter: grayscale(70%); cursor: pointer; -webkit-transition: all 500ms ease; -moz-transition: all 500ms ease; -ms-transition: all 500ms ease; -o-transition: all 500ms ease; transition: all 500ms ease; } .border-radius-bottom{ -moz-border-radius-bottomleft:0px ; -moz-border-radius-bottomright:0px ; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; } .border-radius-top{ -moz-border-radius-topleft:0px ; -moz-border-radius-topright:0px ; border-top-left-radius: 0px; border-top-right-radius: 0px; } .height226px{ height: 226px; }

Related: See More


Questions / Comments: