Dropdown - pure css dropdown

- August 31, 2022

Css Dropdown HTML

My Dropdown 1

Link 1
Link 2
Link 3
Link 4

My Dropdown 2

Link 1
Link 2
Link 3
Link 4

Code

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Grapevine</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="mobile-web-app-capable" content="yes">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

<div class="drpbox">
<div class="drp-header"><div class="drp-name">My Dropdown 1</div> <i class="material-icons drp-icon">expand_more</i></div>
<ul class="drp-content">
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
<div class="drpbox">
<div class="drp-header"><div class="drp-name">My Dropdown 2 </div> <i class="material-icons drp-icon">expand_more</i></div>
<ul class="drp-content">
<li><a href="#!">Link 1</a></li>
<li><a href="#!">Link 2</a></li>
<li><a href="#!">Link 3</a></li>
<li><a href="#!">Link 4</a></li>
</ul>
</div>
</body>
<html>

Search This Blog

Web 2 tags

Dropdown - pure css dropdown

Comments

Post a Comment

Popular posts from this blog

Angular Interview Question | Top Interview Question | angular

HTML Interview Questions | web2tags

web designing(polytechnic bteup) exam papers PGDCA download