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

                                    
toggle switch style03

toggle switch style03

creation dune icone de prechargement avec css

creation dune icone de prechargement avec css

Responsive image grid

Responsive image grid

Radio button style

Radio button style

Page construction avec compte à rebours style01

Page construction avec compte à rebours style01

Menu aside style01 slide out

Menu aside style01 slide out

Image hover effects style

Image hover effects style

Google Style Login

Google Style Login

Geocoded Locations

Geocoded Locations

Create icon animate with svg

Create icon animate with svg

Compteur avec b4

Compteur avec b4

Asidebar Menu Style01

Asidebar Menu Style01