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 tr in table with js

up down tr in table with js

creation dune icone de prechargement avec css

creation dune icone de prechargement avec css

Transitions Animations SVG Style01

Transitions Animations SVG Style01

Titre section avec une bande style01

Titre section avec une bande style01

Titre section avec une anmation style01

Titre section avec une anmation style01

Table Responsive with css 01

Table Responsive with css 01

Image hover style border top

Image hover style border top

Google Style Login

Google Style Login

Form Création de compte

Form Création de compte

Bloc resizable with jquery

Bloc resizable with jquery

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

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

3D Gallery with CSS3 and jQuery

3D Gallery with CSS3 and jQuery