E-Commerce website product detail page templates

Responsive Product Details Template

Hello Friends here i am providing some awesome bootstrap design for e-commerce website product detail page templates, and here i will provide the complete source code of responsive e-commerce website product detail page.

 <div class="add_to_cart_page">
        <div class="container">
            <div class="row">
                <div class="col-md-5">
                    <div id="custCarousel" class="carousel slide" data-ride="carousel" align="center">
                        <!-- slides -->
                          <div class="carousel-inner">
                            <div class="carousel-item active"> <img src="images/product/1.jpg" alt="Hills"> </div>
                            <div class="carousel-item"> <img src="images/product/2.jpg" alt="Hills"> </div>
                            <div class="carousel-item"> <img src="images/product/3.jpg" alt="Hills"> </div>
                            <div class="carousel-item"> <img src="images/product/4.jpg" alt="Hills"> </div>
                          </div> 
                       <!-- Left right --> 
                        <a class="carousel-control-prev" href="#custCarousel" data-slide="prev"> <span class="carousel-control-prev-icon"></span> </a> <a class="carousel-control-next" href="#custCarousel" data-slide="next"> <span class="carousel-control-next-icon"></span> </a> <!-- Thumbnails -->
                        <ol class="carousel-indicators list-inline">
                            <li class="list-inline-item active"> <a id="carousel-selector-0" class="selected" data-slide-to="0" data-target="#custCarousel"> <img src="images/product/1.jpg" class="img-fluid"> </a> </li>
                            <li class="list-inline-item"> <a id="carousel-selector-1" data-slide-to="1" data-target="#custCarousel"> <img src="images/product/2.jpg" class="img-fluid"> </a> </li>
                            <li class="list-inline-item"> <a id="carousel-selector-2" data-slide-to="2" data-target="#custCarousel"> <img src="images/product/3.jpg" class="img-fluid"> </a> </li>
                            <li class="list-inline-item"> <a id="carousel-selector-2" data-slide-to="3" data-target="#custCarousel"> <img src="images/product/4.jpg" class="img-fluid"> </a> </li>
                        </ol>
                    </div>
                </div>

                <div class="col-md-7">
                    <div class="add_card_right">
                        <div class="prname"><h2>IFB 6.5 kg 5 Star Fully Automatic</h2></div>
                        <div class="prprice"><p>$103</p></div>
                         <span class="star">4.3 <i class="fa fa-star" aria-hidden="true"></i></span>
                         <span class="review">18000 Review</span>
                        
                       
                        
                        <h3>Available offers</h3>
                        
                        <div class="row">
                            <div class="col-md-12">
                                <ul class="bmenu">
                                    <li><i class="fa fa-tag" aria-hidden="true"></i> Bank OfferFlat INR 1750 Instant Discount on HDFC Bank Credit Cards and EMI on Debit/Credit </li>
                                    <li><i class="fa fa-tag" aria-hidden="true"></i> Bank Offer 5% Unlimited Cashback on Flipkart Axis Bank Credit</li>
                                    <li><i class="fa fa-tag" aria-hidden="true"></i> Bank Offer₹100 Off on BOB Mastercard debit card first time transaction, Terms and Condition </li>
                                    <li><i class="fa fa-tag" aria-hidden="true"></i> No cost EMI ₹3,188/month. Standard EMI also availableView Plans</li>
                                </ul>
                            </div>
                        </div>
                        <p class="bmenutxt">N.B.: Instant Download link send to your mail for this template.</p>
                        <div class="cart-quantity">
                            <input type='button' value='-' class='qtyminus' field='quantity' />
                            <input type='text' name='quantity' value='0' class='qty' />
                            <input type='button' value='+' class='qtyplus' field='quantity' />
                        </div>

                        <a class="cartbt" href="#"><i class="fa fa-shopping-cart"></i> ADD TO CART</a>
                        <a class="cartbt1" href="#"><i class="fa fa-heart"></i> ADD TO WISHLIST</a>
                        <div class="clearfix"></div>
                        <p class="category">Categories: mobile view, Premium templates</p>
                    </div>
                </div>
            </div>
        </div>
    </div>



    <div class="product_description">
      <div class="container">
        <div class="row">
          <div class="col-md-12">
              <div class="product_d bbg">
                <h3>Description</h3>
                <hr class="myhr" />

                <h4>What do you get?</h4>
                <p>Theme content (.zip file)</p>

                <h5>How to install?</h5>
                <ul>
                    <li>Download the template .zip file</li>
                    <li>Upload it to your hosting/server </li>
                    <li>Then extract it</li>
                </ul><br />
                <p>If you face any issue or can't install just contact with through livechat or social media (FB, whatsapp, skype, telegram)</p>
              </div>
          </div>
        </div>
      </div>
    </div>
    
<style>
    
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
 <link rel="stylesheet" type="text/css" href="css/prodetail.css" />
  <link rel="stylesheet" type="text/css" href="css/cart.css" />
 <link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" />
 <link rel="preconnect" href="https://fonts.gstatic.com">
 <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap" rel="stylesheet">
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js"></script>
        <script src="slider/custom.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
</style>