{% extends 'base.html.twig' %}

{% block title %}Neibaf{% endblock %}
{% block myTitle %}NEIBAF{% endblock %}
{% block body %}
<main class="container">
    <div class="row justify-content-between">
        {% for website in websites %}
        <div class="col-md-6 col-lg-4 my-2">
            <a href="http://{{website.link}}">
                <div class="card my-2 mx-auto card-custom p-3 h-100" style="width: 18rem;">
                    <img class="card-img-top" src="{{asset('img/' ~ website.img )}}" alt="Card image cap">
                    <hr class="style">
                    <h5 class="card-title text-center">{{website.name}}</h5>
                    <hr class="style">
                    <p class="card-text">{{website.description}}</p>
                </div>
            </a>
        </div>
        {% endfor %}
    </div>
</main>
{% endblock %}