Input file style01

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Input file b4 | 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="Input file b4">
    <meta name="author" content="Mezgani said">
    <meta name="copyright" content="NGLESSON">
    <link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="style.css"  rel="stylesheet" type="text/css">
</head>
<body class="container">
    <div class="row mt-5">
        <div class="col-lg-6">
          <h1>Input file b4</h1>
          <div class="form-group">
            <label class="custom-file">
              <input type="file" class="custom-file-input" id="exampleInputFile" aria-describedby="fileHelp">
              <span class="custom-file-control form-control-file "></span>
            </label>
          </div>        
        </div>
   	</div>
	<script type="text/javascript" src="script.js"></script>
</body>
</html>
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Ubuntu:wght@300&display=swap');

* {
    margin:0px;
    padding:0px;
    box-sizing: border-box;
    font-family: 'Ubuntu', sans-serif;
} 
var input = $("#exampleInputFile").change(function(){
  alert(this.value.split("\\").pop())
})
Bootstrap Cookie Alert pages

Bootstrap Cookie Alert pages

Card Profile Style01

Card Profile Style01

Carousel Bootstrap3

Carousel Bootstrap3

Checkbox et boutons radios personnalisés en CSS

Checkbox et boutons radios personnalisés en CSS

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Css Page grid layout

Css Page grid layout

Image hover 02

Image hover 02

Planète animée style01

Planète animée style01

SwiperJS style01

SwiperJS style01

Timeline style08

Timeline style08

Titre section avec une bande style01

Titre section avec une bande style01

toggle switch style02

toggle switch style02