113 lines
5.7 KiB
HTML
113 lines
5.7 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<link rel="stylesheet" href="{{ url_for('static', filename='css/styles.css') }}">
|
|
</head>
|
|
<body>
|
|
{% include 'navbar.html' %}
|
|
{% include 'subnav.html' %}
|
|
{% include 'tags_list.html' %}
|
|
<div class="container img-new-content">
|
|
<a class="new-content-text">НОВИНКИ</a>
|
|
<div class="img-small-cards-grid">
|
|
{% for i in range(7) %}
|
|
<div class="img-small-card">
|
|
<div class="img-small-card-cover"></div>
|
|
<div class="small-card-info">
|
|
<div class="small-card-header">
|
|
<span class="small-card-text">Totoka</span>
|
|
<div class="small-card-stats">
|
|
<div class="small-stat">
|
|
<img src="{{ url_for('static', filename='card/like-icon.svg') }}" alt="Лайк" width="20" height="20">
|
|
<span class="small-card-text">134</span>
|
|
</div>
|
|
<div class="small-stat">
|
|
<img src="{{ url_for('static', filename='card/views-icon.svg') }}" alt="Просмотры" width="20" height="20">
|
|
<span class="small-card-text">32113</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="small-card-text">Big Brother Keep Hugging Me</p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<button class="view-more-button" style="width: 1503px; height: 40px; gap: 10px; padding: 10px 86px;">
|
|
<span class="new-context-button-text">Смотреть Больше</span>
|
|
</button>
|
|
</div>
|
|
<div class="container img-popular-content">
|
|
<a class="popular-content-text">ПОПУЛЯРНОЕ</a>
|
|
<div class="img-cards-grid">
|
|
{% for i in range(12) %}
|
|
<div class="img-card">
|
|
<div class="img-card-cover"></div>
|
|
<div class="card-info">
|
|
<div class="card-header">
|
|
<span class="card-title" style="color: #3C3882;">Totoka</span>
|
|
<div class="card-stats">
|
|
<div class="stat">
|
|
<img src="{{ url_for('static', filename='card/like-icon.svg') }}" alt="Лайк" width="20" height="20">
|
|
<span style="color: #8784C9;">134</span>
|
|
</div>
|
|
<div class="stat">
|
|
<img src="{{ url_for('static', filename='card/views-icon.svg') }}" alt="Просмотры" width="20" height="20">
|
|
<span style="color: #8784C9;">32113</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" style="font-family: Nunito, sans-serif;">Big Brother Keep Hugging Me </p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<button class="view-more-button" style="width: 1500px; height: 40px; padding: 10px 86px;">
|
|
<span class="new-context-button-text">Смотреть Больше</span>
|
|
</button>
|
|
</div>
|
|
<div class="container img-viewed-content">
|
|
<a class="viewed-content-text">ПРОСМАТРИВАЕМОЕ</a>
|
|
<div class="img-cards-grid">
|
|
{% for i in range(12) %}
|
|
<div class="img-card">
|
|
<div class="img-card-cover"></div>
|
|
<div class="card-info">
|
|
<div class="card-header">
|
|
<span class="card-title" style="color: #3C3882;">Totoka</span>
|
|
<div class="card-stats">
|
|
<div class="stat">
|
|
<img src="{{ url_for('static', filename='card/like-icon.svg') }}" alt="Лайк" width="20" height="20">
|
|
<span style="color: #8784C9;">134</span>
|
|
</div>
|
|
<div class="stat">
|
|
<img src="{{ url_for('static', filename='card/views-icon.svg') }}" alt="Просмотры" width="20" height="20">
|
|
<span style="color: #8784C9;">32113</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" style="font-family: Nunito, sans-serif;">Big Brother Keep Hugging Me </p>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<button class="view-more-button" style="width: 1500px; height: 40px; padding: 10px 86px;margin-bottom: -170px;">
|
|
<span class="new-context-button-text">Смотреть Больше</span>
|
|
</button>
|
|
</div>
|
|
<div class="container img-popular-categories">
|
|
<a class="popular-categories-text">ПОПУЛЯРНЫЕ КАТЕГОРИИ</a>
|
|
{% for i in range(6) %}
|
|
<div class="pc-card">
|
|
<div class="pc-card-cover"></div>
|
|
<div class="pc-card-info">
|
|
<div class="pc-card-stats">
|
|
<span class="category-name-text">Category</span>
|
|
<span class="categories-number" style="--length: 4;">14655</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
<button class="view-more-button"><span class="new-context-button-text">Смотреть Больше</span></button>
|
|
</div>
|
|
</body>
|
|
</html> |