Simple example

Looking for a simple HTML/CSS card?

Look no further! Right below here is a simple card example you can use whenever you want!

Im sorry that the code is extrenmely messed up but hey. its a standard bootstrap card so have fun

<div class="container my-5"> <h1 class="text-center">Teacher</h1>

    `<a href="{{ path('teacher_new') }}">Create new</a>`
    `{% for teacher in teachers %}`
    `<div class="container border rounded my-5">`
        `<div class="row my-3">`
            `<div class="col-1"></div>`

            `<div class="col text-center border rounded py-3">`
            `<strong>Student: </strong> </br>`
            `{{ teacher.student1}}</div>`
            `<div class="col-4"></div>`

            `<div class="col text-center border rounded py-3">`
            `<strong>Score:</strong> </br>`
            `{{ teacher.score1 }}</div>`
            `<div class="col-1"></div>`
        `</div>`

<div class="row my-3"> <div class="col-1"></div> <div class="col text-center border rounded py-3"> <strong>Student:</strong> </br> {{ teacher.student2}}</div> <div class="col-4"></div> <div class="col text-center border rounded py-3"> <strong>Score:</strong> </br> {{ teacher.score2 }}</div> <div class="col-1"></div> </div> </div> <div class="container"> <div class="row my-3"> <div class="col mx-auto text-center border rounded py-3"> <strong>Winnaar:</strong></br>{{ teacher.winaar }}</div> </div> </div> <div class="container text-center"> <a class="btn btn-primary" href="{{ path('teacher_show', {'id': wedstrijden.id}) }}">Bekijken</a> <a class="btn btn-primary" href="{{ path('teacher_edit', {'id': wedstrijden.id}) }}">Bewerken</a> </div> {% else %} <p colspan="4">no records found</p> t=w s=sp