Skip to main content
title

Brand Sections


1 2 3 4 5 6

                
                  <!-- =========={ BRAND }==========  -->
                  <div id="partner-brand" class="section bg-light pt-6 pt-md-7 pb-4 pb-md-5">
                    <div class="container">
                      <div class="row">
                        <div class="col-12">
                          <!-- list brand -->
                          <ul class="list-unstyled row justify-content-center">
                            <li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-2 px-4 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img6.png" alt="Image Description">
                              </a>
                            </li>
                          </ul><!-- end list brand -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End brand-->
                
              
                
                  <!-- =========={ BRAND }==========  -->
                  <div id="partner-brand" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-white">
                    <div class="container">
                      <div class="row">
                        <div class="col-12">
                          <!-- list brand -->
                          <ul class="list-unstyled row justify-content-center">
                            <li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 col-lg-24 px-4 px-xl-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
                              </a>
                            </li>
                          </ul><!-- end list brand -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End brand-->
                
              
                
                  <!-- =========={ BRAND }==========  -->
                  <div id="partner-brand" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-light">
                    <div class="container">
                      <div class="row justify-content-center">
                        <div class="col-12 col-md-10">
                          <!-- list brand -->
                          <ul class="list-unstyled row justify-content-center">
                            <li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-3 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
                              </a>
                            </li>
                          </ul><!-- end list brand -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End brand-->
                
              
                
                  <!-- =========={ BRAND }==========  -->
                  <div id="partner-brand" class="section pt-6 pt-md-7 pb-4 pb-md-5 bg-white">
                    <div class="container">
                      <div class="row justify-content-center">
                        <div class="col-12 col-md-8">
                          <!-- list brand -->
                          <ul class="list-unstyled row justify-content-center">
                            <li class="col-12 col-sm-6 col-md-4 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
                              </a>
                            </li>
                            <li class="col-12 col-sm-6 col-md-4 px-4 px-lg-5 mb-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
                              </a>
                            </li>
                          </ul><!-- end list brand -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End brand-->
                
              
                
                  <!-- =========={ BRAND }==========  -->
                  <div id="partner-brand" class="section py-6 py-md-7 bg-light">
                    <div class="container">
                      <div class="row justify-content-center">
                        <div class="col-12">
                          <!-- slider brand -->
                          <div data-flickity='{ "cellAlign": "left", "wrapAround": true, "adaptiveHeight": true, "pageDots": false, "imagesLoaded": true }'>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img6.png" alt="Image Description">
                              </a>
                            </div>
                          </div><!-- end slider brand -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End brand-->
                
              
                
                  <!-- =========={ BRAND }==========  -->
                  <div id="partner-brand" class="section py-6 py-md-7 bg-light">
                    <div class="container">
                      <div class="row justify-content-center">
                        <div class="col-12">
                          <!-- slider brand -->
                          <div class="nav-primary-button nav-slider-hover" data-flickity='{ "cellAlign": "left", "wrapAround": true, "adaptiveHeight": true, "pageDots": true, "imagesLoaded": true }'>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img1.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img2.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img3.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img4.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img5.png" alt="Image Description">
                              </a>
                            </div>
                            <div class="col-12 col-sm-6 col-md-4 col-lg-3 col-xl-24 px-4 px-lg-5 text-center">
                              <a href="#" target="_blank">
                                <img class="brands-image img-fluid" src="src/img-min/brand/img6.png" alt="Image Description">
                              </a>
                            </div>
                          </div><!-- end slider brand -->
                        </div>
                      </div>
                    </div>
                  </div><!-- End brand-->