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

                                    
Up Down Animation With CSS Style01

Up Down Animation With CSS Style01

Timeline style02

Timeline style02

Profile page with b4

Profile page with b4

Input range slider HTML style03

Input range slider HTML style03

Input range slider HTML style02

Input range slider HTML style02

Form login with background image changed style01

Form login with background image changed style01

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é

Calculatrice style01

Calculatrice style01

Bootstrap Cookie Alert pages

Bootstrap Cookie Alert pages

Bootstrap 3 Popover avec html contenu

Bootstrap 3 Popover avec html contenu

Arrows Defense Game

Arrows Defense Game

Alert Bootstrap4 style02

Alert Bootstrap4 style02