html menu
Data utworzenia: 2025-02-18 08:16:22
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<link rel="stylesheet" href="styles.css" />
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css"
/>
</head>
<body>
<div class="wrapper">
<ui class="mainMenu">
<li class="item" id="account">
<a href="#account" class="btn">
<i class="fas fa-user-circle"></i>
My Account
</a>
<div class="subMenu">
<a href="">item-1</a>
<a href="">item-2</a>
<a href="">item-3</a>
</div>
</li>
<li class="item" id="about">
<a href="#about" class="btn">
<i class="fas fa-address-card"></i>
About
</a>
<div class="subMenu">
<a href="">item-1</a>
<a href="">item-2</a>
</div>
</li>
<li class="item" id="support">
<a href="#support" class="btn">
<i class="fas fa-info"></i>
Support
</a>
<div class="subMenu">
<a href="">item-1</a>
</div>
</li>
<li class="item">
<a href="#" class="btn">
<i class="fas fa-sign-out-alt"></i>
Log Out
</a>
</li>
</ui>
</div>
<footer>
<p>
Created with
<i class="fa fa-heart"></i>
by
<a target="_blank" href="https://codepen.io/ahmadbassamemran/">
Ahmad Emran
</a>
Follow me :
<a target="_blank" href="https://www.instagram.com/ahmadbassamemran/">
<i class="fab fa-instagram"></i>
</a>
<a target="_blank" href="https://www.linkedin.com/in/ahmademarn/">
<i class="fab fa-linkedin"></i>
</a>
<a target="_blank" href="https://codepen.io/ahmadbassamemran/">
<i class="fab fa-codepen"></i>
</a>
<a target="_blank" href="https://dev.to/ahmadbassamemran">
<i class="fab fa-dev"></i>
</a>
<a target="_blank" href="https://twitter.com/ahmadbassamemra">
<i class="fab fa-twitter-square"></i>
</a>
</p>
</footer>
<div class="youtubeBtn">
<a
target="_blank"
href="https://www.youtube.com/AhmadEmran?sub_confirmation=1"
>
<span>Watch on YouTube</span>
<i class="fab fa-youtube"></i>
</a>
</div>
</body>
</html>
Powrót