Bootstrap Snippet card bootstarp 4 (persian) using HTML CSS Bootstrap

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<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 ">
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
.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;
}
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

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

Related: See More

Questions / Comments:

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

Related: See More

Questions / Comments:

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