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 style06

Timeline style06

Scroll to div ID

Scroll to div ID

Pure CSS Percentage Circle

Pure CSS Percentage Circle

Input valid invalid HTML CSS

Input valid invalid HTML CSS

Image hover 07

Image hover 07

Créer des tds dynamiquement dans une table html

Créer des tds dynamiquement dans une table html

Creation dune icone de prechargement avec css

Creation dune icone de prechargement avec css

Compteur avec b4

Compteur avec b4

ChartJS style01

ChartJS style01

Carousel Bootstrap3

Carousel Bootstrap3

Arrows Defense Game

Arrows Defense Game

Ajouter multiple input dynamique

Ajouter multiple input dynamique