مشتریان - بلوک ها

کاروسل مشتریان


<div class="owl-carousel" data-owl-dots="false" data-owl-nav="true" data-owl-margin="50" data-owl-autoplay="true" data-owl-xs="1" data-owl-sm="2" data-owl-md="3" data-owl-lg="4" data-owl-xl="5">  <div class="client-box">    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </div>  <div class="client-box">    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </div>  <div class="client-box">    <a href="#">      <img src="../assets/images/client-3.png" alt="">    </a>  </div>  <div class="client-box">    <a href="#">      <img src="../assets/images/client-4.png" alt="">    </a>  </div>  <div class="client-box">    <a href="#">      <img src="../assets/images/client-5.png" alt="">    </a>  </div>  <div class="client-box">    <a href="#">      <img src="../assets/images/client-6.png" alt="">    </a>  </div>
</div>

شبکه مشتریان

6 ستون (پیش فرض)


<ul class="clients-grid">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-3.png" alt="">    </a>  </li>  ...
</ul>

شبکه مشتریان

5 ستون ها


<ul class="clients-grid column-5">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-3.png" alt="">    </a>  </li>  ...
</ul>

شبکه مشتریان

4 ستون ها


<ul class="clients-grid column-4">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-3.png" alt="">    </a>  </li>  ...
</ul>

شبکه مشتریان

3 ستون ها


<ul class="clients-grid column-3">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-3.png" alt="">    </a>  </li>  ...
</ul>

شبکه مشتریان

2 ستون ها


<ul class="clients-grid column-2">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  ...
</ul>

شبکه مشتریان

استایل حاشیه - سالید


<ul class="clients-grid column-5 border-style-solid">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  ...
</ul>

شبکه مشتریان

استایل حاشیه - خط چین


<ul class="clients-grid column-5 border-style-dotted">  <li>    <a href="#">      <img src="../assets/images/client-1.png" alt="">    </a>  </li>  <li>    <a href="#">      <img src="../assets/images/client-2.png" alt="">    </a>  </li>  ...
</ul>