{% extends 'base.html' %}
{% block title %} Арка | Главная {% endblock %}
{% load static %}

{% block styles %}
    <style>
        main > h1{
            font-style: normal;
            font-weight: 900;
            font-size: 58px;
            line-height: 79px;
            color: #231765;

            width: 80%;

            display: flex;
            justify-content: left;

            margin-left: 10%;
            margin-top: 192px;
        }
        .button-to > .button{
            display: inline-block;
            background: #231765;
            color: #fff;
            

            flex-direction: row;
            padding-left:40px;
            padding-top: 20px;
            padding-right: 40px;


            border-radius: 12px;
            gap: 10px;
            margin-top: 286px;
            margin-left: 5%;
            
            text-align: center;

            width: 260px;
            height: 70px;

            text-decoration: none;
            font-size: 20px;
        }
    
        .button-to{
            margin-left: 187px;
        }

    </style>
{% endblock %}

{% block content %}

    <h1>Создай обьявление и получи 
        ремонт с гарантией качества</h1>
    <div class="button-to">
        <a class="button" href="#">Создать заказ</a>
        <a class="button" href="#">Стать исполнителем</a>
    </div>

    <div style="margin-top: 50px">
        <h3>Ну а пока тут нет нужного контента можно послушать музычку</h3>
        <audio controls preload="none">
            <source src="{% static 'm.mp3' %}" type="audio/mp3">
            Your browser does not support the audio element.
        </audio>
    </div>

    <a href="{% url 'user-agreement' %}">Пользовательское соглашение</a>

{% endblock %}
