SwiperJS style02 avec 6 colonnes

<!DOCTYPE html>
<html>
  <head>
    <title>SWIPERJS | par NGLESSON</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="keyword" content="SWIPERJS">
    <meta name="author" content="Mezgani said">
    <meta name="copyright" content="NGLESSON">
    <link href="" rel="stylesheet" type="text/css">
	  <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css">    
    <link href="style.css"  rel="stylesheet" type="text/css">
</head>
<body>
  <div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/integration-web.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/solution-technique.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/problematique.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/e-learning-developpement.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/CDN.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/media-digital.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/cours-web.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/data-json.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/services-en-ligne.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/citation-motivation.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/icones-svg-gratuit.jpg"></div>
      <div class="swiper-slide"><img src="https://www.nglesson.com/assets/imgs/menu/Les-metier-du-web.jpg"></div>
    </div>
    <div class="swiper-pagination"></div>
  </div>
  <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> 
  <script type="text/javascript" src="script.js"></script>
</body>
</html>
@charset "utf-8";
html,
body {
  position: relative;
  height: 100%;
}
body {
  background: #FFF;
  font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #000;
  margin: 0;
  padding: 0;

}
.swiper-container {
  width: 100%;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  height: calc((100% - 30px) / 2);

  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-slide img{
width: 50%;
  height: 200px;
border: 1px solid #000;
}
  var swiper = new Swiper('.swiper-container', {
    slidesPerView: 3,
    slidesPerColumn: 2,
    spaceBetween: 30,
    pagination: {
      el: '.swiper-pagination',
      clickable: true,
    },
  });
Add Remove dynamic rows with dynamic ID of input in HTML table

Add Remove dynamic rows with dynamic ID of input in HTML table

Animation 3d social icones avec css3

Animation 3d social icones avec css3

Asidebar Bootstrap4 style02

Asidebar Bootstrap4 style02

Bloc resizable with jquery

Bloc resizable with jquery

Bootstrap3 Sidebar CSS

Bootstrap3 Sidebar CSS

Changer le style du scroll bar in html

Changer le style du scroll bar in html

Flat icon Responsive Boxes

Flat icon Responsive Boxes

Geocoded Locations

Geocoded Locations

Organization Chart

Organization Chart

SwiperJS style02 avec 6 colonnes

SwiperJS style02 avec 6 colonnes

Vidéo background en html5 style02

Vidéo background en html5 style02

input radio checkbox b4 style

input radio checkbox b4 style