main
Obai Albek 2025-08-24 22:31:55 +02:00
parent f993ee2795
commit 50455b117d
4 changed files with 18 additions and 6 deletions

View File

@ -54,12 +54,13 @@ body {
} }
.hero .getStarted{ .hero .getStarted{
padding: 10px 16px; padding: 10px;
border: none; border: none;
border-radius: 8px; border-radius: 8px;
background: #111827; background: #111827;
color: #fff; color: #fff;
cursor: pointer; cursor: pointer;
text-decoration: none;
} }
.hero h1{ .hero h1{
font-size: clamp(28px, 4vw, 44px); /* responsive Überschrift */ font-size: clamp(28px, 4vw, 44px); /* responsive Überschrift */

View File

@ -25,7 +25,7 @@
<header class="hero"> <header class="hero">
<h1>Data Structure Visualizer</h1> <h1>Data Structure Visualizer</h1>
<p>Learn how stacks, queues and other data structures work through interactive animations.</p> <p>Learn how stacks, queues and other data structures work through interactive animations.</p>
<button class="getStarted">Get Started</button> <a class="getStarted" href="dataStructure.html">Get Started</a>
<figure class="hero-figure"> <figure class="hero-figure">
<img src="../assets/Data structure.png" alt="Data structure overview" /> <img src="../assets/Data structure.png" alt="Data structure overview" />
</figure> </figure>

View File

@ -55,10 +55,10 @@
<h3>SOCIAL ME</h3> <h3>SOCIAL ME</h3>
<div class="social"> <div class="social">
<a aria-label="Facebook" href="#" class="icon fb">f</a> <a aria-label="Facebook" href="https://www.facebook.com/share/16WVt3qqsP/?mibextid=wwXIfr" title="Facebook" target="_blank" class="icon fb">f</a>
<a aria-label="LinkedIn" href="#" class="icon in">in</a> <a aria-label="LinkedIn" href="www.linkedin.com/in/obai-albek-85365a357" target="_blank" title="LinkedIn" class="icon in">in</a>
<a aria-label="Instagram" href="#" class="icon ig"></a> <a aria-label="Instagram" title="Instagram" href="https://www.instagram.com/obaybeek?igsh=MTZmNHFxaWZwYmNqcg%3D%3D&utm_source=qr" target="_blank" class="icon ig"></a>
<a aria-label="GitHub" href="#" class="icon gh">🐙</a> <a aria-label="GitHub" href="https://github.com/ObaiAlbek" title="GitHub" target="_blank" class="icon gh">🐙</a>
</div> </div>
</section> </section>
</div> </div>

View File

@ -0,0 +1,11 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<p>Hallo</p>
</body>
</html>