1
Below is an example of HTML and CSS code for a simple landing page for a product:
**HTML CODE**
```html
```
**CSS code:**
Create a CSS file and include the following code.
```css
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #333;
color: white;
padding: 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
nav ul {
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
nav li {
margin-right: 20px;
}
nav li:last-child {
margin-right: 0;
}
nav a {
color: white;
text-decoration: none;
}
main {
padding: 20px;
max-width: 800px;
margin: 0 auto;
}
section {
margin-bottom: 40px;
}
h2 {
margin-top: 0;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
p {
margin: 0;
}
button {
background-color: #333;
color: white;
“border: none;
padding: 10px 20px;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
button:hover {
background-color: #666;
}
footer {
background-color: #ccc;
padding: 20px;
text-align: center;
}
```
This code creates a simple landing page with a navigation bar, product name, features section, pricing section, and footer. You can customize the content and styling to fit your product's needs.
help me bring more and more content like this by leaving your comment, as it is very important to me. thank you.
Mouse
Features
- Rechageable
- 8hrs Battery Life
- Grey Color
Pricing
Price: $20
Buy NowYou must log in or register to comment.