You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
16 lines
1.6 KiB
16 lines
1.6 KiB
<div class="teaser-card card mb-4 shadow-sm"> |
|
<img class="teaser-card__image card-img-top" data-src="holder.js/100px225?theme=thumb&bg=55595c&fg=eceeef&text=Thumbnail" alt="Thumbnail [100%x225]" style="height: 225px; width: 100%; display: block;" src="data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%22288%22%20height%3D%22225%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20288%20225%22%20preserveAspectRatio%3D%22none%22%3E%3Cdefs%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%23holder_1668d65e119%20text%20%7B%20fill%3A%23eceeef%3Bfont-weight%3Abold%3Bfont-family%3AArial%2C%20Helvetica%2C%20Open%20Sans%2C%20sans-serif%2C%20monospace%3Bfont-size%3A14pt%20%7D%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20id%3D%22holder_1668d65e119%22%3E%3Crect%20width%3D%22288%22%20height%3D%22225%22%20fill%3D%22%2355595c%22%3E%3C%2Frect%3E%3Cg%3E%3Ctext%20x%3D%2296.8359375%22%20y%3D%22118.8%22%3EThumbnail%3C%2Ftext%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E" data-holder-rendered="true"> |
|
<span class="teaser-card__icon">icon</span> |
|
<div class="teaser-card__category">Article</div> |
|
<div class="teaser-card__body card-body"> |
|
<p class="teaser-card__title">This is the quite possibly overly long title of the article</p> |
|
<p class="teaser-card__author">Article Author</p> |
|
<div class="d-flex justify-content-between align-items-center"> |
|
<div class="btn-group"> |
|
<button type="button" class="btn btn-sm btn-outline-secondary">View</button> |
|
<button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> |
|
</div> |
|
<small class="text-muted">9 mins</small> |
|
</div> |
|
</div> |
|
</div>
|
|
|