Background div gradient

<!DOCTYPE html>
<html>
<head>
	<title>BACKGROUND OVERLAY | 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="BACKGROUND OVERLAY">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	<link href="style.css" rel="stylesheet">
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-12">
				<div class="gradient mt-5 mb-5">
					<h1>
						<u>01</u> A propos de nglesson
					</h1>
					<p>
						Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare 
						quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.
					</p>
				</div>
				<div class="info mt-5 mb-5">
					  <h1>
						  <u>02</u> Info de nglesson
					  </h1>
					  <p>
						Quo cognito Constantius ultra mortalem modum exarsit ac nequo casu idem Gallus de futuris incertus agitare 
						quaedam conducentia saluti suae per itinera conaretur, remoti sunt omnes de industria milites agentes in civitatibus perviis.
					 </p>
				</div>
			</div>
		</div>
	</div>  
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>                       
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> 
</body>
</html>
body {
    color:#FFF;
}

.gradient {
    padding: 20px;
    background-image: linear-gradient(to right, tomato, orangered);
}  
u {
  text-underline-position: under;
}
.info {
    background-image: linear-gradient(to right, springgreen, green);
    padding: 20px;
}

                                    
toggle switch style03

toggle switch style03

texte animate effects style 01

texte animate effects style 01

Timeline style01

Timeline style01

Tablet style code texte

Tablet style code texte

SwiperJS style02 avec 6 colonnes

SwiperJS style02 avec 6 colonnes

Nav Menu style02

Nav Menu style02

Loading style book loader

Loading style book loader

Flat icon Responsive Boxes

Flat icon Responsive Boxes

Changer le style du scroll bar in html

Changer le style du scroll bar in html

Blog post card 01

Blog post card 01

Animation 3d social icones avec css3

Animation 3d social icones avec css3

Alert Bootstrap4 style02

Alert Bootstrap4 style02