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");
}
Ajouter multiple input dynamique

Ajouter multiple input dynamique

Calculer la some des colones avec jquery

Calculer la some des colones avec jquery

Card Bootstrap4 02

Card Bootstrap4 02

Carousel 6 Column Product Slider with B4

Carousel 6 Column Product Slider with B4

Carousel 8 bloc with B4

Carousel 8 bloc with B4

Image hover 04

Image hover 04

Image hover effects style

Image hover effects style

Loading style book loader

Loading style book loader

Pagination with Jquery

Pagination with Jquery

Pure CSS Percentage Circle

Pure CSS Percentage Circle

Responsive image grid

Responsive image grid

texte animate effects style 01

texte animate effects style 01