|
|
@@ -60,31 +60,41 @@
|
|
|
.card:hover {
|
|
|
box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
|
|
|
}
|
|
|
-
|
|
|
+/*
|
|
|
.card-img-top {
|
|
|
width: 100%;
|
|
|
height: 200px;
|
|
|
object-fit: cover;
|
|
|
border-bottom: 1px solid #e0e0e0;
|
|
|
- }
|
|
|
+ } */
|
|
|
|
|
|
.card-block {
|
|
|
- padding: 16px;
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ }
|
|
|
+
|
|
|
+ .card-title, .card-text {
|
|
|
+ display: block;
|
|
|
+ width: 100%;
|
|
|
+ /* margin: 0; */
|
|
|
+ padding: 10px;
|
|
|
+ margin: 10px;
|
|
|
}
|
|
|
|
|
|
.card-title {
|
|
|
font-size: 1.2rem;
|
|
|
+ margin-bottom: 0.5rem;
|
|
|
font-weight: 600;
|
|
|
- margin-bottom: 8px;
|
|
|
color: #333;
|
|
|
}
|
|
|
|
|
|
.card-text {
|
|
|
font-size: 0.95rem;
|
|
|
color: #555;
|
|
|
- line-height: 1.4;
|
|
|
+ line-height: 1.5;
|
|
|
}
|
|
|
|
|
|
+
|
|
|
.card-footer {
|
|
|
padding: 10px 16px;
|
|
|
font-size: 0.85rem;
|
|
|
@@ -489,10 +499,12 @@
|
|
|
<div class="card">
|
|
|
<img class="card-img-top wow pulse" data-wow-iteration="2"
|
|
|
src="`+mediaUrl+element.image_path+`">
|
|
|
+
|
|
|
<div class="card-block">
|
|
|
- <h4 class="card-title wow bounceInLeft" data-wow-delay="0.1s">`+element.title+`</h4>
|
|
|
- <div class="card-text wow bounceInLeft" data-wow-delay="0.2s">`+element.description+`</div>
|
|
|
+ <h4 class="card-title wow bounceInLeft d-block w-100" data-wow-delay="0.1s">` + element.title + `</h4>
|
|
|
+ <p class="card-text wow bounceInLeft d-block w-100" data-wow-delay="0.2s">` + element.description + `</p>
|
|
|
</div>
|
|
|
+
|
|
|
<div class="card-footer wow bounceInLeft" data-wow-delay="0.3s">
|
|
|
<small>`+element.created_at+`</small>
|
|
|
</div>
|
