@extends("layout.app")
@section("content")
<div class="text-center cta cta-4 border--bottom bg--dark">
                <div class="container">
                   <div class="row">
                        <div class="col-sm-12">
                         <div class="tabs-container" data-content-align="left">
                                <ul class="tabs nav">
                                 
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-macbook_large block"></i>
                                            <span class="h5">Macbook</span>
                                        </div>
                                        
                                    </li> 
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-macbookair_large block"></i>
                                            <span class="h5">Macbook Air</span>
                                        </div>
                                        
                                    </li> 
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-macbookpro_large block"></i>
                                            <span class="h5">Macbook Pro</span>
                                        </div>
                                        
                                    </li>
                                       <li >
                                        <div class="tab__title text-center">
                                        <a href="">
                                            <i class="ihouse-imac_dark_large block"></i>
                                            <span class="h5">iMac</span></a>
                                        </div>
                                        
                                    </li>  
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-macmini_dark_large block"></i>
                                            <span class="h5">Mac Mini</span>
                                        </div>
                                        
                                    </li>
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-macpro_dark_large block"></i>
                                            <span class="h5">Mac Pro</span>
                                        </div>
                                        
                                    </li>
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-mac_acc_dark_large block"></i>
                                            <span class="h5">اكسسوارات</span>
                                        </div>
                                        
                                    </li>
                                    <li >
                                        <div class="tab__title text-center">
                                            <i class="ihouse-mac_comp_dark_large block"></i>
                                            <span class="h5">قارن</span>
                                        </div>
                                        
                                    </li>
                                 
                                </ul>
                            </div>
                        </div>
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
            </div>

            <section class="text-center">
                <div class="container">
                    <div class="row">
                        <div class="col-sm-12">
                            <h1>13% خصم
                                <br>للطلاب والمعلمين</h1>
                        </div>
                    </div>
                    <!--end of row-->
                </div>
                <!--end of container-->
            </section>
@endsection