@extends("layout.app")
@section("content")
      <section>
                                <div class="container">
                                    <div class="row">
                                        <div class="col-sm-12">
                                            <h1 class="text-center">MacBook</h1>

                                        </div>
                                    </div>
                                </div>
                            </section>
         <section>
                                <div class="container">
                                    <div class="row">
                                        <div class="col-sm-4 col-sm-offset-2">
                                            <div class="animated fadeInUp pricing boxed boxed--sm pricing-2 text-center">
   
    <img alt="Image" src="https://store.storeimages.cdn-apple.com/4974/as-images.apple.com/is/image/AppleInc/aos/published/images/m/ac/macbook/select/macbook-select-space-gray-201706?wid=904&hei=840&fmt=jpeg&qlt=80&op_sharpen=0&resMode=bicub&op_usm=0.5,0.5,0,0&iccEmbed=0&layer=comp&.v=1505775431709" />
    <h4>1.2GHz Processor <br>
256GB Storage</h4>
<hr>
   <ul class="text-left">
            <li><span class="checkmark bg--primary-1"></span><span>1.2GHz dual-core 7th-generation Intel Core m3 processor
</span></li>
            <li><span class="checkmark bg--primary-1"></span><span>Turbo Boost up to 3.0GHz
</span></li>
            <li><span class="checkmark bg--primary-1"></span><span>8GB 1866MHz LPDDR3 memory
</span></li>
            <li><span class="checkmark bg--primary-1"></span><span>256GB SSD storage
</span></li> 
<li><span class="checkmark bg--primary-1"></span><span>Intel HD Graphics 615

</span></li>
<li><span class="checkmark bg--primary-1"></span><span>Keyboard with second-generation butterfly mechanism


</span></li>
        </ul>
           <h4>إبتداء من 2000 شيكل</h4>

    <a class="btn btn--primary-1" href="https://themeforest.net/item/stack-multipurpose-html-with-page-builder/19337626?ref=medium_rare">
        <span class="btn__text">
            إختيار
        </span>
    </a>
</div><!--end pricing-->
                                        </div> <div class="col-sm-4">
                                            <div class="animated fadeInUp pricing  boxed boxed--sm  pricing-2 text-center">
   
    <img alt="Image" src="https://store.storeimages.cdn-apple.com/4974/as-images.apple.com/is/image/AppleInc/aos/published/images/m/ac/macbook/select/macbook-select-space-gray-201706?wid=904&hei=840&fmt=jpeg&qlt=80&op_sharpen=0&resMode=bicub&op_usm=0.5,0.5,0,0&iccEmbed=0&layer=comp&.v=1505775431709" />
    <h4>1.2GHz Processor <br>
256GB Storage</h4>
<hr>
   <ul class="text-left">
            <li><span class="checkmark bg--primary-1"></span><span>1.2GHz dual-core 7th-generation Intel Core m3 processor
</span></li>
            <li><span class="checkmark bg--primary-1"></span><span>Turbo Boost up to 3.0GHz
</span></li>
            <li><span class="checkmark bg--primary-1"></span><span>8GB 1866MHz LPDDR3 memory
</span></li>
            <li><span class="checkmark bg--primary-1"></span><span>256GB SSD storage
</span></li> 
<li><span class="checkmark bg--primary-1"></span><span>Intel HD Graphics 615

</span></li>
<li><span class="checkmark bg--primary-1"></span><span>Keyboard with second-generation butterfly mechanism


</span></li>
        </ul>
           <h4>إبتداء من 2000 شيكل</h4>

    <a class="btn btn--primary-1" href="https://themeforest.net/item/stack-multipurpose-html-with-page-builder/19337626?ref=medium_rare">
        <span class="btn__text">
            إختيار
        </span>
    </a>
</div><!--end pricing-->
                                        </div>
                                       
                                    </div>
                                    <!--end of row-->
                                </div>
                                <!--end of container-->
                            </section>

@endsection