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");
}
Compteur avec b4

Compteur avec b4

Form Création de compte

Form Création de compte

Image hover 01

Image hover 01

Image hover 06

Image hover 06

Login Bootstrap3

Login Bootstrap3

Responsive image grid

Responsive image grid

Table Responsive with css 01

Table Responsive with css 01

Table responsive avec css native

Table responsive avec css native

Timeline style03

Timeline style03

Timeline style05

Timeline style05

Titre section avec une bande style01

Titre section avec une bande style01

creation dune icone de prechargement avec css

creation dune icone de prechargement avec css