Skip to content

Commit a9c98d2

Browse files
author
usmskolyadin
committed
add templates for letter functional
1 parent 7e70449 commit a9c98d2

12 files changed

+95
-0
lines changed
Binary file not shown.
38.6 KB
Binary file not shown.
Binary file not shown.
Binary file not shown.
51.6 KB
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
9.26 KB
Loading
+95
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,95 @@
1+
<!DOCTYPE html>
2+
<html lang="ru">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Код подтверждения | SeaMusic</title>
7+
8+
<script src="https://cdn.tailwindcss.com"></script>
9+
10+
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;700&display=swap" rel="stylesheet">
11+
12+
<style>
13+
@font-face {
14+
font-family: 'Benzin-Bold';
15+
src: url('../static/fonts/Benzin-Bold.woff2') format('woff2'),
16+
url('../static/fonts/Benzin-Bold.woff') format('woff');
17+
font-weight: bold;
18+
font-style: normal;
19+
}
20+
21+
@font-face {
22+
font-family: 'Benzin-Semibold';
23+
src: url('../static/fonts/Benzin-Semibold.woff2') format('woff2'),
24+
url('../static/fonts/Benzin-Semibold.woff') format('woff');
25+
font-weight: 600;
26+
font-style: normal;
27+
}
28+
29+
@font-face {
30+
font-family: 'Benzin-Regular';
31+
src: url('../static/fonts/Benzin-Regular.woff2') format('woff2'),
32+
url('../static/fonts/Benzin-Regular.woff') format('woff');
33+
font-weight: normal;
34+
font-style: normal;
35+
}
36+
37+
/* Базовые стили */
38+
body {
39+
background-color: black;
40+
color: white;
41+
font-family: 'Benzin-Regular', sans-serif;
42+
}
43+
</style>
44+
</head>
45+
<body class="flex items-center justify-center min-h-screen px-4">
46+
47+
<!-- Карточка с подтверждением -->
48+
<div class="bg-[#181818] text-white rounded-3xl p-8 w-full max-w-2xl shadow-lg">
49+
<!-- Верхняя часть -->
50+
<header class="flex justify-between items-center">
51+
<h1 class="flex items-center text-xl font-bold" style="font-family: 'Benzin-Bold';">
52+
<img class="w-10 h-10" src="../static/images/seamusic-logo.png" alt=""> <span class="ml-2 text-3xl mt-3">Music</span>
53+
</h1>
54+
<button class="px-6 py-2 rounded-full text-sm font-semibold bg-gradient-to-r from-[#34577F] to-[#0A946D]">
55+
Авторизация
56+
</button>
57+
</header>
58+
59+
<!-- Код подтверждения -->
60+
<div class="mt-6">
61+
<h2 class="text-lg font-semibold" style="font-family: 'Benzin-Semibold';">
62+
Код для подтверждения входа
63+
</h2>
64+
<p class="text-sm text-gray-300 mt-2">
65+
Вы ранее зарегистрировались на нашей площадке и крч перейдите по этой ссылке что бы что то там бб -
66+
<a href="https://seamusic.com/auth/confirm/"
67+
class="bg-gradient-to-r from-[#34577F] to-[#0A946D] bg-clip-text text-transparent underline font-semibold">
68+
https://seamusic.com/auth/confirm/snlkfdjklfs;dfsmI423m4kl2m3
69+
</a>
70+
</p>
71+
</div>
72+
73+
<!-- Разделительная линия -->
74+
<div class="border-t border-gray-600 my-6 relative">
75+
<span class="absolute left-1/2 -translate-x-1/2 -top-3 bg-[#181818] px-2 text-xs text-gray-400">ИЛИ</span>
76+
</div>
77+
78+
<!-- Кнопка перехода -->
79+
<button class="w-full py-3 text-sm font-semibold rounded-full bg-transparent border border-gray-400 transition duration-300 hover:bg-gradient-to-r hover:from-[#34577F] hover:to-[#0A946D]">
80+
Перейти по ссылке
81+
</button>
82+
83+
<!-- Нижняя часть -->
84+
<footer class="mt-6 text-center text-white text-md">
85+
<nav class="flex justify-center space-x-4 text-xs">
86+
<a href="#" class="hover:underline">Главная</a>
87+
<a href="#" class="hover:underline">О проекте</a>
88+
<a href="#" class="hover:underline">Политика конфиденциальности</a>
89+
</nav>
90+
<p class="mt-4 text-xs">Copyright SeaMusic 2025 © - <span class="w-36 ml-2 text-left">For listeners, artists & producers</span></p>
91+
</footer>
92+
</div>
93+
94+
</body>
95+
</html>

0 commit comments

Comments
 (0)