Basic Hub or Branded Sharing Page Navigation
How do I make an basic hub or branded sharing page navigation?
What is a basic hub or branded sharing page navigation? How do you make a basic hub or branded sharing page navigation? This script and codes were developed by Davidwilliamhalk on 21 November 2022, Monday.
Basic Hub or Branded Sharing Page Navigation - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Basic Hub or Branded Sharing Page Navigation</title>
</head>
<body> <style>
.nav ul { list-style: none; background-color: #7DC577; /* Background Color */ text-align: center; padding: 0; margin: 0;
}
.nav li { font-family: 'Oswald', sans-serif; font-size: .999em !important; line-height: 40px; height: 40px; border-bottom: 1px solid #888;
}
.nav a { text-decoration: none; color: #fff; /* Text Color */ display: block; transition: .3s background-color;
}
.nav a:hover { background-color: #55b34d; /* Hover Color */
}
.nav a.active { background-color: #fff; color: #444; cursor: default;
}
@media screen and (min-width: 600px) { .nav li { width: 120px; border-bottom: none; height: 50px; line-height: 50px; font-size: 1.4em; } /* Option 1 - Display Inline */ .nav li { display: inline-block; margin-right: -4px; } /* Options 2 - Float .nav li { float: left; } .nav ul { overflow: auto; width: 600px; margin: 0 auto; } .nav { background-color: #444; } */
}
</style>
<div class="nav"> <ul> <li class="Home"><a href="#home" class="active" >Home</a></li> <li class="Link 1"><a href="#link1">Link 1</a></li> <li class="Link 2"><a href="#link2">Link 2</a></li> <li class="Link 3"><a href="#link3">Link 3</a></li> </ul> </div>
</body>
</html>
Developer | Davidwilliamhalk |
Username | dhalk |
Uploaded | November 21, 2022 |
Rating | 3 |
Size | 1,731 Kb |
Views | 14,168 |
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 |
Crazy Interactive CTA | 10,562 Kb |
Console Hack - Lightbox Hack the Planet | 1,681 Kb |
Support Case Closed | 1,593 Kb |
4 Panel Final CTA | 1,878 Kb |
Transparent Form on Video Annotation | 2,462 Kb |
2 Panel CYA | 2,965 Kb |
Cole Qual - Talking Final CTA | 25,306 Kb |
Annotation Event - Navigation Menu | 2,851 Kb |
Responsive CYA | 2,934 Kb |
Jump to Chapter Annotation | 2,755 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 |
Pure CSS Menu | Bronsrobin | 3,321 Kb |
Retina canvas w. resize | Erikterwan | 1,882 Kb |
Starfield using KineticJS | Asp | 3,512 Kb |
A Pen by Ash | Littleginger | 2,386 Kb |
NeeilTimer | Neeilan | 2,836 Kb |
ABVI Menu Discarded | Overdrivemachines | 3,607 Kb |
Two column of responsive height | Fixie | 2,908 Kb |
Pagepilling.js | Blossk | 6,554 Kb |
GrcJS | Vino6 | 2,047 Kb |
STIKHOI | Denmch | 7,122 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!