Side Navigation

Developer
Marty Powell
Size
3,130 Kb
Views
20,240
  1. Side Navigation Previews
  2. Side Navigation HTML Codes
  3. Side Navigation CSS Codes

How do I make an side navigation?

What is a side navigation? How do you make a side navigation? This script and codes were developed by Marty Powell on 09 September 2022, Friday.

Side Navigation Previews
IQ Test

Side Navigation - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Side Navigation</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <div class="sub-nav"> <h3 class="sub-nav-title">Most Requested Services</h3> <ul class="sub-nav-list"> <li><a title="View Baltimore County job listings." href="http://www.baltimorecountymd.gov/Agencies/humanresources/jobs/index.html">View Job Listings</a> </li> <li><a title="Pay or search your Property Taxes." href="http://www.baltimorecountymd.gov/Agencies/budfin/taxsearch/index.html">Pay/Search Property Taxes Online</a> </li> <li><a title="Use this interactive map to find your zoning." href="http://myneighborhood.baltimorecountymd.gov/">Find&nbsp;Your&nbsp;Zoning</a> </li> <li><a title="Browse County Codes." href="http://www.baltimorecountymd.gov/Agencies/law/countycode.html">Browse County Codes</a> </li> <li><a title="Complete the jury duty questionnaire." href="http://www.baltimorecountymd.gov/Agencies/circuit/jurycomm.html">Complete Jury Questionnaire</a> </li> <li><a title="View the Circuit Court daily docket." href="http://www.baltimorecountymd.gov/Agencies/circuit/dailydocket/index.html">View Daily Docket</a> </li> <li><a title="Pay your parking tickets." href="http://www.baltimorecountymd.gov/Agencies/budfin/citations/index.html">Pay Parking and Red&nbsp;Light&nbsp;Tickets</a> </li> <li><a title="Find your council district." href="http://egov2.baltimorecountymd.gov/votingweb/default.aspx?pageid=2">Find Your Council&nbsp;District</a> </li> <li><a title="Download and print you trash/recycling collection schedule." href="http://www.baltimorecountymd.gov/Agencies/publicworks/solid_waste/collectionconnection.html">Download Trash Schedule</a> </li> <li><a title="Find a county facility in your area." href="http://www.baltimorecountymd.gov/Agencies/myneighborhood/facilities.html">Locate&nbsp;County Facilities</a> </li> <li><a title="Search crime statistics in your neighborhood." href="http://www.baltimorecountymd.gov/Agencies/police/crime/index.html">Search Crime Stats</a> </li> <li><a title="Find recreation programs and activities offered in your neighborhood." href="http://www.baltimorecountymd.gov/Agencies/recreation/programdivision/index.html">Find&nbsp;Recreation Activities</a> </li> <li><a title="Find a volunteer opportunity that matches your skills and interests." href="http://www.baltimorecountymd.gov/Agencies/volunteers/index.html">Volunteer Today</a> </li> <li> <a title="View a list of more services." href="http://www.baltimorecountymd.gov/Services/index.html"> <strong>More &gt;&gt;&gt;</strong> </a> </li> </ul>
</div> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
</body>
</html>

Side Navigation - Script Codes CSS Codes

/*Styles inherited from baltimorecountymd.gov*/
body { background-color: #ebebeb; color: #444; font-family: Arial, Helvetica, sans-serif; font-size: 100%;
}
a { color: #002280; text-decoration: none;
}
.sub-nav-title { border-bottom: 1px solid #adadad; border-top: 6px solid #cacaca; margin: 0; padding: 10px 0; text-transform: uppercase;
}
/*Sub Nav Component*/
.sub-nav-list { list-style-type: none; margin: 0; padding: 0;
}
.sub-nav-list > li { background: transparent url(http://baltimorecountymd.gov/sebin/q/r/most-requested-arrow.gif) no-repeat left; border-bottom: 1px solid #adadad; padding: 6px 0;
}
.sub-nav-list > li:hover { background-image: url(http://baltimorecountymd.gov/sebin/m/n/most-requested-arrow-hover.gif);
}
.sub-nav-list > li > a { display: block; padding: 0 0 0 25px; text-decoration: none;
}
.sub-nav-list > li > a:hover { text-decoration: underline;
}
Side Navigation - Script Codes
Side Navigation - Script Codes
Home Page Home
Developer Marty Powell
Username martypowell
Uploaded September 09, 2022
Rating 3
Size 3,130 Kb
Views 20,240
Do you need developer help for Side Navigation?

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!

Marty Powell (martypowell) Script Codes
Name
Logo
Ellipsis Animation
Home
Search and Filter
CSS Animation Grayscale to Color Photo
Animated Skip Nav
Donation Bar
John Deere News Release Redesign
A Pen by Marty Powell
Intranet User Profile
Create amazing video scripts with AI!

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!