Sure, here's a small HTML code with CSS to display information about the category "drone" using interactive CSS and JS:
HTML:
html
Drone Category Information
Welcome to the World of Drones
**Drones** have become an integral part of various industries, including **photography**, **filmmaking**, **agriculture**, **delivery services**, and **surveillance**.
Types of Drones
**Fixed-Wing Drones**: Ideal for long-distance flights.
**Multirotor Drones**: Known for their stability and maneuverability.
**Single-Rotor Helicopter Drones**: Commonly used for heavy lifting.
CSS (styles.css):
css
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
padding: 20px;
}
h1 {
color: #333;
text-align: center;
}
.drone-info {
background-color: #fff;
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
li:before {
content: "•";
color: #007bff;
display: inline-block;
width: 1em;
margin-left: -1em;
}
JavaScript (script.js):
javascript
// Interactive features can be added here, such as hover effects or dynamic content updates.
This code provides a basic structure for displaying information about the "drone" category with interactive CSS and JS.