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;
}
 

                                    
3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery

Bootstrap4 datepicker

Bootstrap4 datepicker

Cards box with title

Cards box with title

Carousel 6 Column Product Slider with B4

Carousel 6 Column Product Slider with B4

Compteur avec b4

Compteur avec b4

Créer un effet de défilement vers le bas de la souris animé

Créer un effet de défilement vers le bas de la souris animé

Gallery images with bootstrap4 Flexbox

Gallery images with bootstrap4 Flexbox

Input range slider HTML style03

Input range slider HTML style03

Loading Style snake

Loading Style snake

Page construction avec compte à rebours style02

Page construction avec compte à rebours style02

Profile page with b4

Profile page with b4

SwiperJS style01

SwiperJS style01