update
parent
f993ee2795
commit
50455b117d
|
@ -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 */
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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>
|
||||||
|
|
|
@ -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