41 lines
1.2 KiB
HTML
41 lines
1.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<title>IT Nexus Logo Preview</title>
|
|
<style>
|
|
body { margin: 0; font-family: Segoe UI, sans-serif; background: #111; color: white; }
|
|
.section { padding: 60px; display: flex; align-items: center; justify-content: center; flex-direction: column; gap: 16px; }
|
|
.section h2 { font-size: 12px; color: #555; letter-spacing: 2px; text-transform: uppercase; margin: 0; }
|
|
.light { background: #ffffff; }
|
|
.dark { background: #111113; }
|
|
.icon { background: #f3f4f6; }
|
|
img { max-width: 400px; }
|
|
.icon img { max-width: 120px; }
|
|
.divider { width: 100%; height: 1px; background: #222; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="section light">
|
|
<h2 style="color:#aaa;">Hell — für weißen Hintergrund</h2>
|
|
<img src="logo-itnexus.svg" alt="IT Nexus Logo Hell">
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="section dark">
|
|
<h2>Dunkel — für dunklen Hintergrund</h2>
|
|
<img src="logo-itnexus-dark.svg" alt="IT Nexus Logo Dunkel">
|
|
</div>
|
|
|
|
<div class="divider"></div>
|
|
|
|
<div class="section icon">
|
|
<h2 style="color:#aaa;">Icon / App-Symbol</h2>
|
|
<img src="logo-itnexus-icon.svg" alt="IT Nexus Icon">
|
|
</div>
|
|
|
|
</body>
|
|
</html>
|