@krishna2142/dynamic-user-interface
Version:
my first npm package publish
68 lines (64 loc) • 2.58 kB
HTML
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dynamic User Interface</title>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
</head>
<body>
<header>
<div class="dropdown" data-dropdown>
<button class="link" data-dropdown-button>Information</button>
<div class="dropdown-menu information-grid">
<div>
<div class="dropdown-heading">Free Tutorials</div>
<div class="dropdown-links">
<a href="" class="link">All</a>
<a href="" class="link">Latest</a>
<a href="" class="link">Popular</a>
</div>
</div>
<div>
<div class="dropdown-heading">Courses</div>
<div class="dropdown-links">
<a href="" class="link">JavaScript</a>
<a href="" class="link">CSS</a>
<a href="" class="link">React</a>
</div>
</div>
<div>
<div class="dropdown-heading">Blog</div>
<div class="dropdown-links">
<a href="" class="link">All</a>
<a href="" class="link">Latest</a>
<a href="" class="link">Popular</a>
</div>
</div>
<div>
<div class="dropdown-heading">OTHER</div>
<div class="dropdown-links">
<a href="" class="link">Twitter</a>
<a href="" class="link">Newsletter</a>
<a href="" class="link">Discord</a>
</div>
</div>
</div>
</div>
<a class="link" href>Pricing</a>
<div class="dropdown" data-dropdown>
<button class="link" data-dropdown-button>Login</button>
<div class="dropdown-menu">
<form class="login-form">
<label for="email">Email</label>
<input type="email" id="email">
<label for="password">Password</label>
<input type="password" id="password">
<button class="submit-btn" type="submit">Login</button>
</form>
</div>
</div>
</header>
</body>
</html>