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 %}
|