</section>
<footer class="Footer">
    <div>
        <section class="footImg img1"> <img src="jxRpJjpMqc4NzTYmUM8WZn.jpg" alt="">
        <p>Free Dilivery </p></section>
        <section class="footImg img2"><img src="pexels-photo-4482900.webp" alt=""> <p>online order </p></section>
        <section class="footImg img3"><img src="pexels-photo-1602726.webp" alt=""> <p>save money</p></section>
        <section class="footImg img4"><img src="pexels-photo-7319294.webp" alt=""><p>Promotions</p></section>
        <section class="footImg img5"><img src="pexels-photo-7289739.webp" alt=""> <p>happu sells</p></section>
        <section class="footImg  img6"><img src="pexels-photo-7681297.webp" alt=""> <p>24/7 support</p></section>
        
    </div>
     <!-- <div class="info"> <h1>our features </h1>
    <p>Summer collection is hear shop now </p></div> -->
    <div class="container">
        <div class="row">
          <div class="col-md-12 text-center">
            <h3 class="animate-charcter neWW"> OUr features</h3>
            
          </div>
        </div>
      </div>
</footer>

<section class="ourFeature">
    <div  class="product">
        <img src="p1.webp" alt="">
        <div class="aboutProduct">
            <p class="companyName "> Addidass</p>
            <h2 class="productName"> cartoon shirt </h2>
            <span class="raiting">
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <!--not showing-->
            </span>
            <div class="priseCart">
            <p class="prise">$50</p>
            <i class="fa-shopping-cart"> cart</i>
            <!-- not showing -->
        </div>

        </div>
    </div>


    <div  class="product">
        <img src="p4.webp" alt="">
        <div class="aboutProduct">
            <p class="companyName "> Addidass</p>
            <h2 class="productName"> cartoon shirt </h2>
            <span class="raiting">
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <!--not showing-->
            </span>
            <div class="priseCart">
            <p class="prise">$50</p>
            <i class="fa-shopping-cart"> cart</i>
            <!-- not showing -->
        </div>

        </div>
    </div>



    <div  class="product">
        <img src="p2.webp" alt="">
        <div class="aboutProduct">
            <p class="companyName "> Addidass</p>
            <h2 class="productName"> cartoon shirt </h2>
            <span class="raiting">
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <!--not showing-->
            </span>
            <div class="priseCart">
            <p class="prise">$50</p>
            <i class="fa-shopping-cart"> cart</i>
            <!-- not showing -->
        </div>

        </div>
    </div>


    <div  class="product">
        <img src="p3.webp" alt="">
        <div class="aboutProduct">
            <p class="companyName "> Addidass</p>
            <h2 class="productName"> cartoon shirt </h2>
            <span class="raiting">
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <i class="fas fa-star"></i>
                <!--not showing-->
            </span>
            <div class="priseCart">
            <p class="prise">$50</p>
            <i class="fa-shopping-cart"> cart</i>
            <!-- not showing -->
        </div>

        </div>
    </div>

</section>