75 lines
2.9 KiB
HTML
75 lines
2.9 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Navbar</title>
|
|
<head>
|
|
<body>
|
|
{% include 'navbar.html' %}
|
|
<style>
|
|
.card {
|
|
width: 353px;
|
|
height: auto;
|
|
position: absolute;
|
|
display: flex;
|
|
flex-direction: column;
|
|
font-family: Nunito, sans-serif;
|
|
gap: 5px;
|
|
}
|
|
.card-cover {
|
|
width: 353px;
|
|
height: 180px;
|
|
background: #1D1C2E;
|
|
}
|
|
.card-info {
|
|
width: 353px;
|
|
height: 59px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 5px;
|
|
}
|
|
.card-header {
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.card-stats {
|
|
display: flex;
|
|
gap: 10px;
|
|
}
|
|
.stat {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 5px;
|
|
}
|
|
.card-text {
|
|
font-family: 'Nunito';
|
|
font-size: 14px;
|
|
color: #8784C9;
|
|
}
|
|
</style>
|
|
<div class="card">
|
|
<div class="card-cover"></div>
|
|
<div class="card-info">
|
|
<div class="card-header">
|
|
<span class="card-title" style="color: #3C3882;">Netwide Assembler</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;">1344</span>
|
|
</div>
|
|
<div class="stat">
|
|
<img src="{{ url_for('static', filename='card/views-icon.svg') }}" alt="Просмотры" width="20" height="20">
|
|
<span style="color: #8784C9;">321132</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<p class="card-text" style="font-family: Nunito, sans-serif;">The Netwide Assembler, NASM, is an 80x86 and x86-64 assembler designed for portability and
|
|
modularity. It supports a range of object file formats, including Linux and *BSD a.out, ELF, Mach-O,
|
|
16-bit and 32-bit .obj (OMF) format, COFF (including its Win32 and Win64 variants.)</p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</head>
|
|
</html>
|