craiyon logo

A dark blue webpage design displaying an IT system overview with network diagrams, server details, and alerts, set against a blurred city skyline.

A dark blue webpage design displaying an IT system overview with network diagrams, server details, and alerts, set against a blurred city skyline.

```<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Mapping</title> <link rel="stylesheet" href="style.css"> </head> <body> <header> <div class="nav"> <img id="logo" src="images/logo.svg" alt=""> <nav class="nav-links"> <a href="">Home</a> <a href="#solution">Solution</a> <a href="#features">Features</a> <a href="#contact">Contact</a> </nav> <button class="btn desktop-btn">Join the Waitlist</button> <div class="hamburger" id="hamburger"> <span></span> <span></span> <span></span> </div> </div> </header> <section class="hero bg-light"> <div class="container center"> <h1>See Your IT Systems Clearly</h1> <div class="divider"></div> <p> Automatically map all dependencies in your IT landscape and make knowledge visible across teams. </p> <button class="btn">Request Early Access</button> </div> </section> <section class="section"> <div class="container"> <h2 class="center">The hidden risks of IT complexity</h2> <div class="divider-narrow"></div> <div class="card-grid"> <div class="card bg-light"> <div class="card-header"> <img src="./images/cross.svg" /> <h3>Invisible Dependencies</h3> </div> <div class="divider-light"></div> <p> Critical relationships between systems are scattered across spreadsheets and tickets. No one has a complete view. </p> </div> <div class="card bg-light"> <div class="card-header"> <img src="./images/warning-orange.svg" /> <h3>Uncertain Changes</h3> </div> <div Mehr sehen