Triangle Background css 01

<!DOCTYPE html>
<html>
<head>
	<title>TRIANGLE BACKGROUND CSS 01 | 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="TRIANGLE BACKGROUND CSS 01">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<link href="style.css" rel="stylesheet">
</head>
<body>
    <div class="container">
    </div>                    
</body>
</html>
.container{
	position: relative;
	width: 100%;
	min-height: 100vh;
	margin: 0 auto;
	overflow: hidden; 
}
.container::after{
    content: '';
    position: absolute;
    background-color: blue;
    padding-bottom: 141.42136%;
    width: 100%;
    bottom: 0;
    left: 0;
    transform: rotate(65.5deg);
    transform-origin: left bottom;
}

                                    
Card Bootstrap4 02

Card Bootstrap4 02

Card Panel Bootstrap4 with header and footer

Card Panel Bootstrap4 with header and footer

Card Profile Style01

Card Profile Style01

Carousel Bootstrap3

Carousel Bootstrap3

Footer Responsive avec Bootstrap4

Footer Responsive avec Bootstrap4

Gallery images with bootstrap4 Flexbox

Gallery images with bootstrap4 Flexbox

Google Style Login

Google Style Login

Image hover style border top

Image hover style border top

Input range slider HTML style03

Input range slider HTML style03

Organization Chart

Organization Chart

Radio button style

Radio button style

page scroll progress bar

page scroll progress bar