Tryit Editor - Free-Learn

<!DOCTYPE html>
<html>
<head>
<style>

*{
 box-sizing: border-box;
}

body{
 background-color:#f2f2f2;
 font-family:tahoma;
 font-size:14px;
 direction:rtl;
}

.MyBox{
 background-color:#fff;
 box-shadow: 2px 5px 30px rgba(0,0,0,.1);
 padding:10px;
 max-width:800px;
 margin:20px auto;
}

.text-center{
 text-align:center;
}

.container{
 padding: 10px;
}

.container img{
 width:50px;
 cursor:pointer;
}

</style>
</head>
<body>

<div class="MyBox">
<h3 class="text-center">این صفحه را به اشتراک بگذارید :</h3>
 <div class="container" style="text-align:center;">
  <img src="files/Whatsapp_logo.png" onclick="whatsapp();">
  <img src="files/Twitter3_logo.png" onclick="twitter();">
  <img src="files/Telegram_logo.png" onclick="telegram();">
  <img src="files/Linkedin_logo.png" onclick="linkedin();">
 </div>
</div>

var MyURL = location.href;

function whatsapp(){
 var url = "https://wa.me/?text=";
 window.open( url + MyURL , '_blank' );
}

function twitter(){
 var url = "https://twitter.com/share?url=";
 window.open( url + MyURL , '_blank' );
}

function telegram(){
 var url = "https://telegram.me/share/url?url=";
 window.open( url + MyURL , '_blank' );
}

function linkedin(){
 var url = "https://www.linkedin.com/shareArticle?url=";
 window.open( url + MyURL , '_blank' );
}

</script>

</body>
</html>

سایت آموزشی فری لرن