Partager sur les réseaux sociaux

<!DOCTYPE html>
<html>
<head>
	<title>Partager sur les réseaux sociaux  | 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="Partager sur les réseaux sociaux">
	<meta name="author" content="Mezgani said">
	<meta name="copyright" content="NGLESSON">
	<meta name="robots" content="index,follow">
	<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" rel="stylesheet" type="text/css">   	
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">
	<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body class="container">
<div class="row">
	<div class="col-lg-12">
		<div id="share-buttons" class="mt-5">
			<!-- Buffer -->
			<a href="javascript:ouvre_buffer('https://bufferapp.com/add?url=http://www.nglesson.com/index.php&amp;text=Simple Share Buttons')" target="_blank">
				<i class="fa fa-bandcamp fa-3x"></i>
			</a>
			<!-- Digg -->
			<a href="http://www.digg.com/submit?url=http://www.nglesson.com/index.php" target="_blank">
				<i class="fa fa-digg fa-3x"></i>
			</a>
			<!-- Email -->
			<a href="mailto:?Subject=Simple Share Buttons&amp;Body=I%20saw%20this%20and%20thought%20of%20you!%20 http://www.nglesson.com/index.php">
				<i class="fa fa-envelope-square fa-3x"></i>
			</a>
			<!-- Facebook -->
			<a href="javascript:ouvre_facebook('http://www.facebook.com/sharer.php?u=http://www.nglesson.com/index.php')" target="_blank">
				<i class="fa fa-facebook-square fa-3x"></i>
			</a>
			<!-- Google+ -->
			<a href="https://plus.google.com/share?url=http://www.nglesson.com/index.php" target="_blank">
				<i class="fa fa-google-plus-square fa-3x"></i>
			</a>
			<!-- LinkedIn -->
			<a href="http://www.linkedin.com/shareArticle?mini=true&amp;url=http://www.nglesson.com/index.php" target="_blank">
				<i class="fa fa-linkedin-square fa-3x"></i>
			</a>
			<!-- Pinterest -->
			<a href="javascript:void((function()%7Bvar%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)%7D)());">
				<i class="fa fa-pinterest-square fa-3x"></i>
			</a>
			<!-- Print -->
			<a href="javascript:;" onclick="window.print()">
				<i class="fa fa-print fa-3x"></i>
			</a>
			<!-- Reddit -->
			<a href="http://reddit.com/submit?url=http://www.nglesson.com/index.php&amp;title=Simple Share Buttons" target="_blank">
				<i class="fa fa-reddit-square fa-3x"></i>
			</a>
			<!-- Tumblr-->
			<a href="http://www.tumblr.com/share/link?url=http://www.nglesson.com/index.php&amp;title=Simple Share Buttons" target="_blank">
				<i class="fa fa-tumblr-square fa-3x"></i>
			</a>
			<!-- Twitter -->
			<a href="https://twitter.com/share?url=http://www.nglesson.com/index.php&amp;text=Simple%20Share%20Buttons&amp;hashtags=simplesharebuttons" target="_blank">
				<i class="fa fa-twitter-square fa-3x"></i>
			</a>
			<!-- VK -->
			<a href="http://vkontakte.ru/share.php?url=http://www.nglesson.com/index.php" target="_blank">
				<i class="fa fa-vk fa-3x"></i>
			</a>
			<!-- Yummly -->
			<a href="http://www.yummly.com/urb/verify?url=http://www.nglesson.com/index.php&amp;title=Simple Share Buttons" target="_blank">
				<i class="fa fa-tumblr-square fa-3x"></i>
			</a>
		</div>		
	</div>
</div>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
<script type="text/javascript" src="script.js"></script>	
</body>
</html>
a {
    color: gray !important;
}
a:hover {
    color: orange !important;
}
function ouvre_buffer(page) {
    window.open(page,"Buffer","menubar=no, status=no, scrollbars=yes, menubar=no, width=600, height=600");
}

   function ouvre_facebook(page) {
    window.open(page,"facebook","menubar=no, status=no, scrollbars=yes, menubar=no, width=600, height=600");
}
Timeline style08

Timeline style08

Timeline style06

Timeline style06

Input range slider HTML style04

Input range slider HTML style04

Form Step With B4 Style01

Form Step With B4 Style01

Form Création de compte

Form Création de compte

Créer une input search animée

Créer une input search animée

Checkbox et boutons radios personnalisés en CSS

Checkbox et boutons radios personnalisés en CSS

Card Panel Bootstrap4 with header and footer

Card Panel Bootstrap4 with header and footer

Bootstrap4 datepicker

Bootstrap4 datepicker

Background overlay

Background overlay

Asidebar Menu Style01

Asidebar Menu Style01

Ajouter multiple input dynamique

Ajouter multiple input dynamique