<html>
	<head>
	<title>Font Awesome Icons</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
	</head>
	
	<body>
<div align="center"><a class="fa fa-whatsapp" style="color:green;" target="_blank" title="Kontaktiere mich in Whatsapp" href="https://api.whatsapp.com/send?phone=+491234567890&text=Hi, kannst Du mir mehr Infos zukommen lassen bitte" class="whatsapplink hideweb">
Whatsapp me</a></br>
 <a href="tel:+491234567890">Rufen Sie uns an</a> 
 </br>
<a href="sms:+491234567890">Schicken Sie uns eine SMS</a></div>

<script type="text/javascript"> 
var mobile = (/iphone|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));  
if (mobile) { 

$('.hidemobile').css('display', 'none'); // OR you can use $('.hidemobile').hide();
} 
else 
{ 
$('.hideweb').css('display', 'none'); // OR you can use $('.hideweb').hide();
}
</script>


</body>
</html>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.