How to Add a Click to Call Button in Website

How to Add a Click to Call Button in HTML And PHP Website

#callme {
    position: fixed;
    Left: 0px;
    top: 40%;
    width: 60px;
    height: 60px;
    cursor: pointer;
    z-index: 9999;
}
#callme #callmeMain {
    -moz-border-radius: 50% !important;
    -webkit-border-radius: 50% !important;
    border-radius: 50% !important;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #25d366;
    width: 60px;
    height: 60px;
    -webkit-animation: zcwmini2 1.5s 0s ease-out infinite;
    -moz-animation: zcwmini2 1.5s 0s ease-out infinite;
    animation: zcwmini2 1.5s 0s ease-out infinite;
}
#callme #callmeMain:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-animation: zcwphone2 1.5s linear infinite;
    -moz-animation: zcwphone2 1.5s linear infinite;
    animation: zcwphone2 1.5s linear infinite;
}

Html Code

<div id="callme">
<a href="tel:+91 " title="+91 "><div id="callmeMain"></div></a>
</div>

Code - 2

css code

.phone {
position: fixed;
left: 0px;
top: 52%;
}
.phone h5 {
color: white;
background: #20b20f;
padding: 12px;
border-radius: 10px;
}  

Html Code

With Spin

<div class="phone">
<a target="_blank" href="Tel:+91">
<h5><i class="fa fa-phone fa-3x fa-spin" aria-hidden="true"></i></h5></a>
</div>

Without Spin
<div class="phone">
<a target="_blank" href="Tel:+91">
<h5><i class="fa fa-phone fa-3x " aria-hidden="true"></i></h5></a>
</div>