“`html
.container {
max-width: 1170px;
margin: 0 auto;
}
header {
background-color: #003366;
color: #fff;
padding: 10px 0;
}
.navbar {
display: flex;
justify-content: space-between;
}
.nav-link {
color: #fff;
padding: 0 10px;
}
.nav-link:hover {
color: #ffc107;
}
.active {
background-color: #ffc107;
color: #000;
}
main {
margin-top: 20px;
}
section {
margin-bottom: 20px;
}
h2,
h3 {
margin-top: 0;
}
.product-details {
background-color: #f5f5f5;
padding: 20px;
}
.product-image {
width: 100%;
margin-bottom: 20px;
}
.product-description {
line-height: 1.8;
text-align: justify;
}
.product-features {
list-style-type: none;
padding: 0;
}
.product-features li {
margin-bottom: 10px;
line-height: 1.5;
}
.product-specifications {
table-layout: fixed;
width: 100%;
}
.product-specifications td {
padding: 5px;
}
.product-specifications tr:nth-child(even) {
background-color: #f5f5f5;
}
.product-price {
font-size: 24px;
color: #ff0000;
}
.product-quantity {
width: 100px;
}
.product-add-to-cart {
background-color: #ffc107;
color: #000;
padding: 10px 20px;
border: none;
cursor: pointer;
}
.product-add-to-cart:hover {
background-color: #ff0000;
color: #fff;
}
.product-related {
margin-top: 20px;
}
.product-related h2 {
margin-bottom: 10px;
}
.product-related-item {
width: 25%;
float: left;
margin-right: 10px;
margin-bottom: 20px;
}
.product-related-item:last-child {
margin-right: 0;
}
.product-related-image {
width: 100%;
}
.product-related-title {
font-size: 16px;
line-height: 1.5;
}
.product-related-price {
font-size: 18px;
color: #ff0000;
}
footer {
background-color: #003366;
color: #fff;
padding: 10px 0;
}
.social-media {
margin-top: 10px;
display: flex;
justify-content: center;
}
.social-media a {
margin-right: 10px;
}
.social-media i {
font-size: 24px;
}
Reviews
There are no reviews yet.