Help! Como fazer um telefone "clicável" no ASP.NET ser aberto com um clique no android?

Sou programador back-end c# .net, mas ultimamente estou tendo que ajudar com o front-end(sou péssimo). Preciso fazer com que dois ícones de contato sejam abertos na View. Quando faço o teste no navegador do Android, clicando …não acontece nada. No smartphone deveria abrir o whatsapp com o número clicado, ou os números para a discagem.

Segue trecho do código:

<div class="container">
    <div class="row">
        <div class="col-sm-4 col-xs-12 xs-m-b-40">
            <img src="@Url.Content("~/assets/images/logo_white.png")" width="200" class="image-responsive-width sm-image-responsive-height" alt="">
            "ul"
                 "li"class="m-b-5 no-padding"><span class="link text-white ">"i class="fa fa-whatsapp""/li" "&nbsp"; (11) XXXX_XXXX "li"
                <l"i class="m-b-5 no-padding"><span class="link text-white "><i class="fa fa-phone"></i> &nbsp; (11) XXXXX_XXXX </span></"li>
            </ul>
</div>

Você poderia colocar o numero do telefone dentro de um link tipo assim:
<a href="tel:11XXXXXXXX">(11) XXXX-XXXX</a>
Com isso em um Smartphone será aberto o app padrão de ligações