card-image.html 824 B

1234567891011121314151617181920
  1. {% assign img-id = include.img-id | default: 1 %}
  2. <div class="card">
  3. <div class="row row-0">
  4. <div class="col-3{% if include.right %} order-md-last{% endif %}">
  5. {% assign class = "w-100 h-100 object-cover" %}
  6. {% if include.right %}{% assign class = class | append: " card-img-end" %}{% else %}{% assign class = class | append: " card-img-start" %}{% endif %}
  7. {% include ui/photo.html id=img-id class=class %}
  8. </div>
  9. <div class="col">
  10. <div class="card-body">
  11. {% if include.title %}
  12. <h3 class="card-title">{{ include.title }}</h3>
  13. {% endif %}
  14. <p class="text-secondary">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam deleniti fugit
  15. incidunt, iste, itaque minima
  16. neque pariatur perferendis sed suscipit velit vitae voluptatem.</p>
  17. </div>
  18. </div>
  19. </div>
  20. </div>