41 lines
1.4 KiB
HTML
41 lines
1.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<meta name="author" content="Obai Albek" />
|
|
<meta name="content-language" content="de" />
|
|
<meta name="description" content="An interactive tool to visualize common data structures such as stack, queue, linked list, tree, and graph. Ideal for students and developers learning algorithms." />
|
|
<meta name="keywords" content="data structure, visualizer, stack, queue, linked list, binary tree, graph, algorithm, computer science, learn programming" />
|
|
<link href="Homepage.css" rel="stylesheet" />
|
|
|
|
<title>Data Structure Visualizer</title>
|
|
</head>
|
|
<body>
|
|
<div class="page">
|
|
<nav class="topbar">
|
|
<h1 class="brand">Data Structure Visualizer</h1>
|
|
<ul class="menu">
|
|
<li><a href="#">About me</a></li>
|
|
<li><a href="#">Help</a></li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<main class="card">
|
|
<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>
|
|
<figure class="hero-figure">
|
|
<img src="Data structure.png" alt="Data structure overview" />
|
|
</figure>
|
|
</header>
|
|
</main>
|
|
|
|
<footer class="footer">
|
|
<p>© 2025 All rights reserved. | Created by Obai Albek.</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html>
|