Titre section avec une bande style01

<!DOCTYPE html>
<html>
<head>
  <title> TITRE SECTION AVEC UNE BANDE  | 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=" TITRE SECTION AVEC UNE BANDE ">
  <meta name="author" content="Mezgani said">
  <meta name="copyright" content="NGLESSON">
  <link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
  <div class="titre-content">
    <div>
      <h1>ceci est un petit titre</h1>
      <h2>Ceci est un Grand titre</h2>
    </div>
  </div>
</body>
</html>
.titre-content:after,
.titre-content:before{
  content:"";
  background-color:rgb(25,79,92);
  position:absolute;
  top:0;
  bottom:0;
  width:100px;
  z-index:0;
}
.titre-content:before{
  transform-origin : 0 0;
  left:0;
  transform : skew(0, 20deg); 
}
.titre-content:after {
  transform-origin : 100% 0;
  transform : skew(0, 20deg); 
  right:0;
}
.titre-content { 
  transform : rotate(-2deg); 
  position:relative;
  max-width:50%;
  font-size:1.2em;
  color:#fff; 
  text-align:center;
  margin :50px auto 50px auto; 
  font-family : Verdana, Geneva, sans-serif;
  margin-top: 170px;
}
.titre-content div {
  background:rgba(52,182,212,0.8);
  position:relative;
  z-index:3;
  padding:10px;
}
.titre-content h1,
.titre-content h2{
  padding:0;
  margin:0;
  transform : rotate(2deg); 
  text-transform : uppercase;
}
.titre-content h1{
  font-size:1em;
  font-weight:normal;
}
 

                                    
bootstrap4 tabs

bootstrap4 tabs

SwiperJS style02 avec 6 colonnes

SwiperJS style02 avec 6 colonnes

Scroll to div ID

Scroll to div ID

Planète animée style01

Planète animée style01

Pie Charts

Pie Charts

Nav Menu style02

Nav Menu style02

Image hover Flip Flap Style

Image hover Flip Flap Style

Header Aside Footer Admin

Header Aside Footer Admin

Geocoded Locations

Geocoded Locations

Footer Responsive avec Bootstrap4

Footer Responsive avec Bootstrap4

Bootstrap Cookie Alert pages

Bootstrap Cookie Alert pages

3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery