A Pen by Kevin

Developer
Size
2,642 Kb
Views
18,216

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 Previews

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"> &nbsp;<a href="index.htm" class="sub">&nbsp;home&nbsp;</a> &bull;&nbsp;<a href="steel_products.htm" class="sub">&nbsp;our steels&nbsp;</a> &bull;&nbsp;<a href="international_trade.htm" class="sub">&nbsp;global trade&nbsp;</a> &bull;&nbsp;<a href="markets.htm" class="sub market- sectors">&nbsp;market sectors&nbsp;</a> &bull;&nbsp;<a href="services.htm" class="sub">&nbsp;services&nbsp;</a> &bull;&nbsp;<a href="media.htm" class="sub">&nbsp;media centre&nbsp;</a> &bull;&nbsp;<a href="jobs.htm" class="sub">&nbsp;jobs&nbsp;</a> &bull;&nbsp;<a href="contact.htm" class="sub">&nbsp;contact&nbsp;</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();
});
A Pen by Kevin - Script Codes
A Pen by Kevin - Script Codes
Home Page Home
Developer Kevin
Username kevinkenger
Uploaded September 27, 2022
Rating 3
Size 2,642 Kb
Views 18,216
Do you need developer help for A Pen by Kevin?

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!

Kevin (kevinkenger) Script Codes
Create amazing love letters 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!