84 lines
2.9 KiB
HTML
84 lines
2.9 KiB
HTML
{% extends 'base.html' %}
|
||
{% block title %} Арка | Главная {% endblock %}
|
||
{% load static %}
|
||
|
||
{% block styles %}
|
||
<style>
|
||
/* TODO
|
||
1) не понятно зачем ссылке был присвоен класс,
|
||
если селектором можно отобрать ссылки
|
||
(и не только ссылки, если вдруг захочется)
|
||
2) флекс внутри ссылки не нужен: дочерних же элементов нет
|
||
3) избавься от размеров в пикселях: это касается всех правил
|
||
и это необходимо сделать если ты хочешь чтобы страничка нормально отображалась и на мобилках
|
||
4) пропиши все цвета как переменные css (их можно посмотреть в /static/css/style.css).
|
||
например: color: var(--brand-color); (для заголовка, остальное сам подумай)*/
|
||
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 %}
|