<?php /* Template Name:  الرئيسية */ ?>
<?php get_header() ?>







<section class="sliders">
<div class="container">
<?php the_field('slider-text', 'option') ?>

<div class="slider-cover">
   <i class="up"></i>
   <div class="slider">
         <?php if( have_rows('slider', 'option') ): ?>
         <?php while( have_rows('slider', 'option') ): the_row(); ?>

               <div class="items col-12">
                  <img src="<?php the_sub_field('img'); ?>" alt="">                                                     
               </div>

         <?php endwhile; ?>
         <?php endif; ?> 
   </div>
   <i class="down"></i>
</div>
</div>
</section>


<div class="tit"></div>



<section class="cat cat1">
       <div class="container">

          <div class="block col-12 col-md-5">
             <div class="img">
                <i></i>
                <img src="<?php the_field('img1', 'option') ?>" alt="">
             </div>
          </div>
         <div class="block col-12 col-md-7"><?php the_field('tex1', 'option') ?></div>

       </div>
</section>




<section class="cat cat2">
       <div class="container">

          <div class="block block-img col-12 col-md-5">
            <span></span>
             <div class="img">
                <i></i>
                <img src="<?php the_field('img2', 'option') ?>" alt="">
             </div>
          <img src="<?php the_field('img2-2', 'option') ?>" alt="">
          </div>
         <div class="block col-12 col-md-7"><?php the_field('tex2', 'option') ?></div>

       </div>
</section>




<section class="cat cat3">
       <div class="container">

          <div class="block block-img col-12 col-md-5">
             <div class="img">
                <img src="<?php the_field('img3', 'option') ?>" alt="">
             </div>
          </div>

         <div class="block col-12 col-md-7">
            <div class="cover">
               <?php the_field('tex3', 'option') ?>
            </div>
         </div>

       </div>
</section>



<section class="cat cat1 cat4">
       <div class="container">

          <div class="block block-img col-12 col-md-5">
             <div class="img">
                <img class="img0" src="<?php the_field('img4', 'option') ?>" alt="">
                <img class="img1" src="<?php the_field('img4-4', 'option') ?>" alt="">
                <img class="img2" src="<?php the_field('img4-4-4', 'option') ?>" alt="">
             </div>
          </div>

         <div class="block col-12 col-md-7">
               <?php the_field('tex4', 'option') ?>
         </div>

       </div>
</section>





<section class="cat cat5">
       <div class="container">

          <div class="block block-img col-12 col-md-6">
                <img  src="<?php the_field('img5', 'option') ?>" alt="">
                <img  src="<?php the_field('img5-5', 'option') ?>" alt="">
          </div>

         <div class="block col-12 col-md-6">
               <?php the_field('tex5', 'option') ?>
         </div>

       </div>
</section>

<div class="tit"></div>




<section class="cat cat6">
       <div class="container">

         <div class="block col-12">
               <?php the_field('tex6', 'option') ?>
         </div>


       </div>
</section>









<section class="count">
       <div class="container">

               <?php if( have_rows('count', 'option') ): ?>
               <?php while( have_rows('count', 'option') ): the_row(); ?>

                     <div class="box"> 
                        <h2><?php the_sub_field('num'); ?>+</h2>                                   
                        <?php the_sub_field('name'); ?>                                    
                     </div>

               <?php endwhile; ?>
               <?php endif; ?>               

       </div>
</section>



<!-- 
<section class="cat contact">
       <div class="container">
       <?php the_field('form', 'option') ?>
       </div>
</section>
 -->












<?php get_footer() ?>