Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Product Details</title>
- <!-- Add the Bootstrap CSS link -->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css">
- </head>
- <body>
- <header>
- <!-- Navbar code remains the same -->
- </header>
- <div class="container mt-4">
- <div class="row">
- <div class="col-md-6">
- <img src="product1.jpg" alt="Product 1" class="img-fluid">
- </div>
- <div class="col-md-6">
- <h2>Product 1</h2>
- <p><strong>Price:</strong> $100</p>
- <p><strong>Category:</strong> Category 1</p>
- <h4>Description</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dapibus tristique nibh, vel posuere ipsum
- vulputate et. Quisque quis leo nec massa tincidunt malesuada nec vel elit.</p>
- <button class="btn btn-primary">Add to Cart</button>
- </div>
- </div>
- </div>
- <!-- Add the Bootstrap JS and jQuery links -->
- <script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
- <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.6.0/dist/umd/popper.min.js"></script>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement