1.8 KiB
1.8 KiB
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>iiEasy Logo - Right Aligned with Styled Slogan</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700;800&display=swap');
body {
font-family: 'Inter', sans-serif;
background-color: #FFFFFF;
}
.slogan-style {
letter-spacing: 0.25em;
text-transform: uppercase;
}
</style>
</head>
<body class="flex items-center justify-center min-h-screen p-8 bg-white">
<div class="flex items-center">
<!-- Логотип (SVG) -->
<svg width="180" height="180" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg" class="mr-10">
<!-- Внешнее кольцо -->
<circle cx="100" cy="100" r="70" stroke="#111827" stroke-width="6" fill="none" stroke-dasharray="15 85"/>
<!-- Среднее кольцо -->
<circle cx="100" cy="100" r="50" stroke="#111827" stroke-width="6" fill="none" stroke-dasharray="12 58" transform="rotate(30 100 100)"/>
<!-- Внутреннее кольцо -->
<circle cx="100" cy="100" r="30" stroke="#111827" stroke-width="6" fill="none" stroke-dasharray="8 32" transform="rotate(60 100 100)"/>
</svg>
<!-- Текстовый блок справа -->
<div class="flex flex-col border-l border-gray-300 pl-10">
<div class="text-3xl font-bold text-gray-900 mb-2">iiEasy</div>
<div class="text-lg text-gray-600">Будущее. Просто.</div>
</div>
</div>
</body>
</html>