<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Creative Crafter</title> <link href="" rel="stylesheet"> <style> @font-face { font-family: "Titillium"; src: url("/Titillium-Web-Regular.ttf"); } body { font-family: 'Titillium'; height: 100%; margin: 0; display: flex; flex-direction: column; align-items: center; text-align: center; background-color: #e6f7ff; /* Leichtes Blau */ } h1 { text-align: center; } h2 { text-align: center; } h1, h2, h3 { text-align: center; } .category-container { width: 80%; max-width: 800px; margin-top: 20px; } .category { padding: 15px; border: 1px solid #ccc; border-radius: 8px; margin: 10px 0; background-color: #fff; box-shadow: 0 2px 4px rgba(0,0,0,0.1); text-align: left; } .category-title { font-size: 1.2em; font-weight: bold; margin-bottom: 5px; } .category-description { font-size: 1em; margin-bottom: 10px; } .category a { color: #007bff; text-decoration: none; } .category a:hover { text-decoration: underline; } </style> </head> <body> <h1><img src="/icons/Controller.png" height="150svh"><br/>Creative Crafter</h1> <h1>Link Collection</h1> <div class="category-container"> <div class="category"> <div class="category-title">Br0tkasten</div> <div class="category-description">just my two cents</div> <a href="/link-collection/br0tkasten">Mehr erfahren</a> </div> <div class="category"> <div class="category-title">Lego Tiny Plants</div> <div class="category-description">Build 9 miniature plants in terracotta pots, featuring various species, perfect for display and creative relaxation. Botanical joy!</div> <a href="/link-collection/lego-tiny-plants">Mehr erfahren</a> </div> <div class="category"> <div class="category-title">Redmi Buds 6 Play</div> <div class="category-description">Hear very good sound and minimalism. Go Hear!</div> <a href="/link-collection/redmi-buds-6-play">Mehr erfahren</a> </div> </body> </html>