feat: add company header with logo, name and email

2026-05-12 18:02:20 +03:00
parent 9a57f52bdc
commit 3079624e77
3 changed files with 43 additions and 0 deletions
@@ -8,6 +8,15 @@
 </head>
 <body>

+  <!-- Шапка компании -->
+  <div class="company-header">
+    <img src="logo.jpg" alt="Kot Kanagrilli Oy" class="company-logo">
+    <div class="company-info">
+      <div class="company-name">Kot Kanagrilli Oy</div>
+      <a href="mailto:kotkanagrilli@gmail.com" class="company-email">kotkanagrilli@gmail.com</a>
+    </div>
+  </div>
+
  <!-- Тулбар -->
  <div class="toolbar">
    <div class="toolbar-left">
@@ -11,6 +11,40 @@ body {
  line-height: 1.6;
 }

+/* ─── Шапка компании ─── */
+.company-header {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  padding: 16px 24px;
+  background: #1a1a1a;
+  color: #fff;
+}
+
+.company-logo {
+  width: 52px;
+  height: 52px;
+  border-radius: 50%;
+  object-fit: cover;
+  flex-shrink: 0;
+}
+
+.company-name {
+  font-weight: 700;
+  font-size: 1rem;
+  color: #fff;
+}
+
+.company-email {
+  font-size: 0.85rem;
+  color: #e53935;
+  text-decoration: none;
+}
+
+.company-email:hover {
+  text-decoration: underline;
+}
+
 /* ─── Тулбар ─── */
 .toolbar {
  position: sticky;