source: src/main/resources/templates/event.html

<style>
    .genres{
        width: 100px;
        text-align: center;
        background-color: #ff5019;
        border-radius: 20px;
        color: #111111;
        font-size: 20px;
        font-weight: 200;
        margin: 20px;
    }
    .main{
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin-left: 100px;
    }
    .slika{
        margin-right: 100px;
    }
    img{
        width: 300px;
        height: 350px;
        border-radius: 20px;
    }
    .button {
        top:250px;
        background-color: #ff5019;
        border: none;
        color: black;
        padding: 10px 20px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        border-radius: 20px;
    }
    .form-group{
        width: 200px;
    }
</style>
<div xmlns:th="http://www.thymeleaf.org">
    <div class="main">
        <div class="container-1">
            <h1 style="color: white; font-weight: 600" class="name" th:text="${event.getTheme()}">
            </h1>
            <h4 style="color: white;"> Почетен Датум:
                <span th:text="${event.start_date}"></span>
            </h4>
            <h4 style="color: white"> Траење на настанот:
                <span th:text="${event.duration}"></span>
                минути
            </h4>
            <th:block sec:authorize="hasAuthority('ROLE_USER')" th:if="${#request.getRemoteUser() != null}">
            <form th:action="@{'/home/addInterestedEvent/{id}' (id=${event.id_event})}"
                  th:method="POST">
                <button class="button" type="submit">Додади Заинтересиран</button>
            </form>
            </th:block>
        </div>
        <div class="slika">
            <img th:src="@{${event.img_url}}"/>
        </div>

    </div>
</div>