index.html

---
title: Home
layout: default
---

{% assign pets = site.data.pets %}

<div class="container my-4">
    <div class="row">
        {% for p in pets %}
        <div class="col-lg-4 col-md-6 col-sm-12 mb-2">
            <div class="card">
                <img class="card-img-top" src="{{ p.image | prepend: 'images/' |relative_url }}" alt="Image of {{ p.name }}, a {{ p.type }}">
                <div class="card-body text-center">
                    <h4 class="card-title text-dark">{{ p.type }}</h4>
                    <p class="card-text">
                        {{p.name}}
                    </p><p class="card-text">
                        <strong>Age:</strong> {{ p.age }} <br>
                        <strong>Owner:</strong> {{ p.owner }} <br>
                        <strong>Contact:</strong> {{ p.contact }} <br>
                        <strong>Location:</strong> {{ p.location }}
                    </p>
                    <a href="#" class="btn btn-primary">Call {{p.owner}} to Rent!</a>

                </div>
            </div>
        </div>
        {% endfor %}
    </div>
</div>