Scribd
Upload
1 views

code2

Uploaded by

susilarani208
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
1 views

code2

Uploaded by

susilarani208
Copyright
© © All Rights Reserved
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 2

<div class="container mt-5">

<h2>Product Listing</h2>

<div class="row">
<div class="col-md-4 mb-4">
<div class="card">
<img src="product1.jpg" class="card-img-top" alt="Product 1">
<div class="card-body">
<h5 class="card-title">Product 1</h5>
<p class="card-text">Description of Product 1.</p>
<p class="card-text">$19.99</p>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>

<div class="col-md-4 mb-4">


<div class="card">
<img src="product2.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Product 2</h5>
<p class="card-text">Description of Product 2.</p>
<p class="card-text">$29.99</p>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>

<div class="col-md-4 mb-4">


<div class="card">
<img src="product2.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Product 2</h5>
<p class="card-text">Description of Product 2.</p>
<p class="card-text">$29.99</p>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>

<div class="col-md-4 mb-4">


<div class="card">
<img src="product2.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Product 2</h5>
<p class="card-text">Description of Product 2.</p>
<p class="card-text">$29.99</p>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>

<div class="col-md-4 mb-4">


<div class="card">
<img src="product2.jpg" class="card-img-top" alt="Product 2">
<div class="card-body">
<h5 class="card-title">Product 2</h5>
<p class="card-text">Description of Product 2.</p>
<p class="card-text">$29.99</p>
<a href="#" class="btn btn-primary">Add to Cart</a>
</div>
</div>
</div>

<!-- Add more product cards as needed -->

</div>
</div>

<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js"></
script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js"></script>
<!-- Add your custom JavaScript here -->

</body>
</html>

You might also like