modunawa/resources/views/layouts/product-view.blade.php

<!--=====================================
                        PRODUCT VIEW START
            =======================================-->

<div class="modal fade" id="product-view">
  <div class="modal-dialog">
    <div class="modal-content">
      <button class="modal-close icofont-close" data-bs-dismiss="modal"></button>
      <div class="product-view">
        <div class="row">
          <div class="col-md-6 col-lg-6">
            <div class="view-gallery">
              <div class="view-label-group">
                <label class="view-label new">new</label>
                <label class="view-label off">-10%</label>
              </div>
              <ul class="preview-slider slider-arrow">
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic1.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic2.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic3.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic4.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic5.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic6.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic7.jpg'}}" alt="product"></li>
              </ul>
              <ul class="thumb-slider">
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic1.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic2.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic3.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic4.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic5.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic6.jpg'}}" alt="product"></li>
                <li><img src="{{ '/themes/pro/modunawa/resources/images/product/pic7.jpg'}}" alt="product"></li>
              </ul>
            </div>
          </div>
          <div class="col-md-6 col-lg-6">
            <div class="view-details">
              <h3 class="view-name"> <a href="item-detail.html">existing product name</a> </h3>
              <div class="view-meta">
                <p>SKU:<span>1234567</span></p>
                <p>BRAND:<a href="#">radhuni</a></p>
              </div>
              <!--
			  <div class="view-rating"> <i class="active icofont-star"></i> <i class="active icofont-star"></i> <i class="active icofont-star"></i> <i class="active icofont-star"></i> <i class="icofont-star"></i> <a href="item-detail.html">(3 reviews)</a> </div>
			  -->
              <h3 class="view-price"> <!--<del>$38.00</del>--> <span>000,000,000 원<!--<small>/per kilo</small>--></span> </h3>
              <p class="view-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit non tempora magni repudiandae sint suscipit tempore quis maxime explicabo veniam eos reprehenderit fuga</p>
              <!--
			  <div class="view-list-group">
                <label class="view-list-title">tags:</label>
                <ul class="view-tag-list">
                  <li><a href="#">organic</a></li>
                  <li><a href="#">vegetable</a></li>
                  <li><a href="#">chilis</a></li>
                </ul>
              </div>
			  -->
              <!--
			  <div class="view-list-group">
                <label class="view-list-title">Share:</label>
                <ul class="view-share-list">
                  <li><a href="#" class="icofont-facebook" title="Facebook"></a></li>
                  <li><a href="#" class="icofont-twitter" title="Twitter"></a></li>
                  <li><a href="#" class="icofont-linkedin" title="Linkedin"></a></li>
                  <li><a href="#" class="icofont-instagram" title="Instagram"></a></li>
                </ul>
              </div>
			  -->
              <div class="btn_group">
				  <div class="view-action-group"> <a class="view-wish wish" href="#" title="Add Your Wishlist"> <i class="icofont-heart"></i> <span>add to wish</span> </a> <!--<a class="view-compare" href="compare.html" title="Compare This Item"> <i class="fas fa-random"></i> <span>Compare This</span> </a>--> </div>
				  <div class="view-add-group">
					<button class="product-add" title="Add to Cart"> <i class="fas fa-shopping-basket"></i> <span>add to cart</span> </button>
					<div class="product-action">
					  <button class="action-minus" title="Quantity Minus"><i class="icofont-minus"></i></button>
					  <input class="action-input" title="Quantity Number" type="text" name="quantity" value="1">
					  <button class="action-plus" title="Quantity Plus"><i class="icofont-plus"></i></button>
					</div>
				  </div>

			  </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
<!--=====================================
                    PRODUCT VIEW END
        =======================================-->