<!-- Product Section -->
<section class="product-section pt-0" id="shop">
<div class="auto-container">
    <div class="sec-title text-center">
    <span class="icon-divider"></span>
    <h2>Buy wedding products <br />from elegent shop</h2>
    </div>
    <div class="row">
    <!-- Product Block -->
    <div class="product-block col-lg-3 col-sm-6 wow fadeInUp">
        <div class="inner-box">
        <div class="image-box">
            <figure class="image">
            <a href="#"><img src="images/resource/product-1.jpg" alt="" /></a>
            </figure>
            <a href="#" class="theme-btn">
            <span class="btn-title"> <i class="icon fa fa-bag-shopping"></i><span class="title">Add To cart</span> </span>
            </a>
        </div>
        <div class="content-box">
            <h4 class="title"><a href="#">Bride Shoes</a></h4>
            <span class="price">$250.00</span>
        </div>
        </div>
    </div>

    <!-- Product Block -->
    <div class="product-block col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="300ms">
        <div class="inner-box">
        <div class="image-box">
            <figure class="image">
            <a href="#"><img src="images/resource/product-2.jpg" alt="" /></a>
            </figure>
            <a href="#" class="theme-btn">
            <span class="btn-title"> <i class="icon fa fa-bag-shopping"></i><span class="title">Add To cart</span> </span>
            </a>
        </div>
        <div class="content-box">
            <h4 class="title"><a href="#">Wedding Ring</a></h4>
            <span class="price">$250.00</span>
        </div>
        </div>
    </div>

    <!-- Product Block -->
    <div class="product-block col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="600ms">
        <div class="inner-box">
        <div class="image-box">
            <figure class="image">
            <a href="#"><img src="images/resource/product-3.jpg" alt="" /></a>
            </figure>
            <a href="#" class="theme-btn">
            <span class="btn-title"> <i class="icon fa fa-bag-shopping"></i><span class="title">Add To cart</span> </span>
            </a>
        </div>
        <div class="content-box">
            <h4 class="title"><a href="#">Wedding Flowers</a></h4>
            <span class="price">$250.00</span>
        </div>
        </div>
    </div>

    <!-- Product Block -->
    <div class="product-block col-lg-3 col-sm-6 wow fadeInUp" data-wow-delay="900ms">
        <div class="inner-box">
        <div class="image-box">
            <figure class="image">
            <a href="#"><img src="images/resource/product-4.jpg" alt="" /></a>
            </figure>
            <a href="#" class="theme-btn">
            <span class="btn-title"> <i class="icon fa fa-bag-shopping"></i><span class="title">Add To cart</span> </span>
            </a>
        </div>
        <div class="content-box">
            <h4 class="title"><a href="#">Shoes Fith</a></h4>
            <span class="price">$250.00</span>
        </div>
        </div>
    </div>
    </div>
</div>
</section>
<!-- End product section -->