A Pen by Kevin
How do I make an a pen by kevin?
What is a a pen by kevin? How do you make a a pen by kevin? This script and codes were developed by Kevin on 27 September 2022, Tuesday.
A Pen by Kevin - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>A Pen by Kevin</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <html> <head></head> <body> <nav> <div id="menu-index"> <a href="index.htm" class="sub"> home </a> • <a href="steel_products.htm" class="sub"> our steels </a> • <a href="international_trade.htm" class="sub"> global trade </a> • <a href="markets.htm" class="sub market- sectors"> market sectors </a> • <a href="services.htm" class="sub"> services </a> • <a href="media.htm" class="sub"> media centre </a> • <a href="jobs.htm" class="sub"> jobs </a> • <a href="contact.htm" class="sub"> contact </a> </div> </nav> <div id="menu-toggle"> <ul> <li>Option 1</li> <li>Option 2</li> <li>Option 3</li> <li>Option 4</li> </ul> </div> <div id="scrollup"> </body>
</html> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> <script src="js/index.js"></script>
</body>
</html>
A Pen by Kevin - Script Codes CSS Codes
body { background: #e3e3e3; font-family: sans-serif; margin: 0;
}
nav { height: 75px; background: #ea4444; padding: 1px;
}
#menu-index { text-align: center; margin-top: 25px;
}
#menu-index a { color: #e3e3e3; text-decoration: none;
}
#menu-index .sectors { border-bottom: 2px solid #e3e3e3; position: relative;
}
#menu-toggle { background: #2b2b2b; width: 150px; border: 1px solid black; position: absolute; left: 50%; margin: 5px 0 0 -75px; display: none;
}
#menu-toggle ul { list-style: none; margin: 5px 0 0; padding: 0;
}
#menu-toggle ul li { margin: 0; padding: 10px; color: #ea4444; border-bottom: 1px solid #e3e3e3;
}
#menu-toggle ul li:hover { background: #f9cece; cursor: pointer;
}
A Pen by Kevin - Script Codes JS Codes
$mt = $('#menu-toggle');
$('#menu-index a').click(function(e) { e.preventDefault();
});
$('.sectors').append($mt).click(function() { $mt.toggle();
});

Developer | Kevin |
Username | kevinkenger |
Uploaded | September 27, 2022 |
Rating | 3 |
Size | 2,642 Kb |
Views | 18,207 |
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 |
City of Kent | 7,438 Kb |
Seven Canyons | 5,245 Kb |
CTCA Video Example | 7,469 Kb |
Beech | 11,504 Kb |
Auto-Chlor | 6,458 Kb |
Christian Living Communities | 5,236 Kb |
Carpenter | 8,312 Kb |
OneAZ | 5,029 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 |
CSS Letter animations | Sladix | 2,116 Kb |
Two Element Typeface | Chrisota | 4,942 Kb |
Clock with full screen background | Owebboy | 2,415 Kb |
Toolbar | Onsen | 5,414 Kb |
Bootstrap Responsive Menu Drawer | JesseGlacken | 3,777 Kb |
Two column of responsive height | Fixie | 2,908 Kb |
Underlined form fields | Mitchdot | 2,323 Kb |
Delete Hover | Chungman93 | 2,557 Kb |
Cloud upload | Jaflo | 2,774 Kb |
Headroom.js demo | WickyNilliams | 3,982 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!