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 style04

Timeline style04

Table bootstrap with Datatable

Table bootstrap with Datatable

Table Responsive with css 01

Table Responsive with css 01

Image hover 07

Image hover 07

Image hover 03

Image hover 03

Form contact avec validation en css

Form contact avec validation en css

ChartJS style01

ChartJS style01

Card Bootstrap4 02

Card Bootstrap4 02

Alert Bootstrap4 style02

Alert Bootstrap4 style02

Ajouter une pagination1

Ajouter une pagination1

Affichage des images aléatoire avec js

Affichage des images aléatoire avec js