update
parent
f993ee2795
commit
50455b117d
|
@ -54,12 +54,13 @@ body {
|
|||
}
|
||||
|
||||
.hero .getStarted{
|
||||
padding: 10px 16px;
|
||||
padding: 10px;
|
||||
border: none;
|
||||
border-radius: 8px;
|
||||
background: #111827;
|
||||
color: #fff;
|
||||
cursor: pointer;
|
||||
text-decoration: none;
|
||||
}
|
||||
.hero h1{
|
||||
font-size: clamp(28px, 4vw, 44px); /* responsive Überschrift */
|
||||
|
|
|
@ -25,7 +25,7 @@
|
|||
<header class="hero">
|
||||
<h1>Data Structure Visualizer</h1>
|
||||
<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">
|
||||
<img src="../assets/Data structure.png" alt="Data structure overview" />
|
||||
</figure>
|
||||
|
|
|
@ -55,10 +55,10 @@
|
|||
|
||||
<h3>SOCIAL ME</h3>
|
||||
<div class="social">
|
||||
<a aria-label="Facebook" href="#" class="icon fb">f</a>
|
||||
<a aria-label="LinkedIn" href="#" class="icon in">in</a>
|
||||
<a aria-label="Instagram" href="#" class="icon ig">◐</a>
|
||||
<a aria-label="GitHub" href="#" class="icon gh">🐙</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="www.linkedin.com/in/obai-albek-85365a357" target="_blank" title="LinkedIn" class="icon in">in</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="https://github.com/ObaiAlbek" title="GitHub" target="_blank" class="icon gh">🐙</a>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
|
|
@ -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>
|
Loading…
Reference in New Issue