Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 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 38 39 40 41 42 43 44 45 | 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x 1x | @if (blog) {
<div class="city-outer card p-2" style="background-color: #f7fafc; border-radius: 16px">
<div class="city-box">
@if (blog) {
<div class="city-image" style="position: relative" (mouseenter)="setHover(true)" (mouseleave)="setHover(false)">
<div class="box">
@if (blog['image']) {
<img width="264" height="247" class="img-fluid img-detail" alt="Trip image" placeholder
[ngStyle]="{ 'min-width': mainPage ? '304px' : 'none' }" ngSrc="{{ replaceUrl(blog['image']) }}" />
}
</div>
</div>
}
<div class="my-2">
@if (blog) {
<div class="badge badge-grey me-2">{{ blog['tag1'] }}</div>
}
@if (blog) {
<div class="badge badge-grey me-2">{{ blog['tag2'] }}</div>
}
</div>
<div style="min-height: 60px; display: flex; flex-direction: column; justify-content: space-between">
<div>
<p class="p-0 m-0" style="
font-size: 14px;
font-weight: 600;
line-height: 24px;
letter-spacing: 0em;
text-align: left;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-overflow: ellipsis;
">
{{ blog.name }}
</p>
</div>
</div>
<div class="d-flex">
<a class="btn-sm me-1 btn-green text-center py-1" href="{{ blog.blog_url }}">Read More</a>
</div>
</div>
</div>
} |