Nav
How do I make an nav?
What is a nav? How do you make a nav? This script and codes were developed by Tompud on 19 November 2022, Saturday.
Nav - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>nav</title> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css"> <link rel="stylesheet" href="css/style.css">
</head>
<body> <nav> <ul> <li> <a href="" class="nav-square">❦</a> <span>Jackpot</span></li> <li> <a href="" class="nav-square">❃</a> <span>Coin-flip</span></li> <li> <a href="" class="nav-square">➮</a> <span>Roulette</span></li> <li> <a href="" class="nav-square">⊕</a> <span>Profile</span></li> </ul>
</nav>
</body>
</html>
Nav - Script Codes CSS Codes
.nav-square { display: block; font-size: 25px; text-decoration: none; color: #26262C; background: #1e1e23; width: 50px; height: 48px; line-height: 48px; margin: 0px 1px; transition: .3s;
}
.nav-square:hover { color: #fff; border-bottom: 1px #363940 solid;
}
nav ul { position: relative; display: flex; justify-content: center; text-align: center;
}
nav ul li span { display: none; color: #26262C; font-size: 12px; margin-top: -18px;
}
nav { height: 50px; background: #1e1e23;
}
body { font-family: 'Helvetica'; background: #26262C;
}
Developer | Tompud |
Username | tompud |
Uploaded | November 19, 2022 |
Rating | 3 |
Size | 1,736 Kb |
Views | 18,216 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Frozn | 2,555 Kb |
Madeby Template | 1,552 Kb |
Skel UI Kit | 2,642 Kb |
CSGO Accept Button | 2,159 Kb |
Noise and Dividers | 2,381 Kb |
CSGO Killfeed | 2,427 Kb |
A Pen by tompud | 3,083 Kb |
Codepen of the Day | 2,262 Kb |
Jitter Pic | 1,932 Kb |
Skel Navbar | 3,851 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
The Fantastic Mr Fox | MalZiiirA | 10,435 Kb |
Loading animation - freedom purchase | Rocbear | 2,567 Kb |
Pure CSS Dial | Lukewatts | 3,018 Kb |
Super Discount | Orrinward | 3,225 Kb |
ECharts Version 3.0 - Bar Marker Chart | WebCodePro | 2,726 Kb |
Import shader in three.js | Khangeldy | 2,636 Kb |
Project_one | MOHIM | 9,592 Kb |
CSS Parent Selector | Tomhodgins | 2,143 Kb |
A Different Type of Gallery | DonPage | 2,950 Kb |
Pure CSS read more toggle | Idered | 2,344 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!