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