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,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 |
City of Kent | 7,438 Kb |
OneAZ | 5,029 Kb |
Carpenter | 8,312 Kb |
Beech | 11,504 Kb |
Seven Canyons | 5,245 Kb |
CTCA Video Example | 7,469 Kb |
Christian Living Communities | 5,236 Kb |
Auto-Chlor | 6,458 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 |
Voting App - register | MatheusLima92 | 1,948 Kb |
Blog Concept - Single Post | Marionebl | 9,603 Kb |
SVG Basics | HipsterBrown | 1,852 Kb |
SVG Transform vs CSS Transform | AmeliaBR | 4,175 Kb |
Two tables and header with jspdf-autotable | Someatoms | 2,245 Kb |
Force Counter | Kenlauguico | 2,732 Kb |
Heatmap Color Scales | Stevepepple | 2,331 Kb |
Simple content swap | Snografx | 1,859 Kb |
A Pen by Anoop | Anoopjohn | 330,760 Kb |
Css or Czz.. | Judag | 4,111 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!