JSFiddle - React, Tailwind, and code Playground

by ilyabezp

HTML

<div class="card"><img src="http://primestom.ru/images/logo.png" alt="Primestom" class="logo">
<div class="info">Тел.: <a href="tel:+78432720733">(843) 272-07-33</a>, <a href="tel:+78432269055">226-90-55</a><br>
&laquo;Казань 21 век&raquo;, ул. Курская, 20</div>
</div>

CSS

body{margin:0}
@font-face{
font-family:TornadoThinC;src:url(http://primestom.ru/res/TornadoThinC.otf)
}
.card{position:relative;width:350px;height:200px;font-family:TornadoThinC;background:url(http://primestom.ru/images/wp.png)}
.info{position:absolute;width:350px;top:155px;line-height:22.5px;text-align:center;color:#fff}
.info::selection,.info a::selection{
background:rgba(255,0,120,0.5)
}
.info a{color:#fff;text-decoration:none}
.logo{padding:16.5px 6px}
.logo::selection{
background:rgba(0,30,255,0.3)
}

JavaScript

navigator.geolocation.getCurrentPosition(function (position) {
        defaultLat = position.coords.latitude;
        defaultLng = position.coords.longitude;
//document.write(defaultLat+' '+defaultLng)
    });