JSFiddle - React, Tailwind, and code Playground

by Gereltod Gotsbayar

HTML

<div id="currentaddress"> 
    <div id="currentaddress-namecompany">Motivus Helsinki</div> 
    
    <div id="currentaddress-street">Simonkatu 9 </div> 
    
    <div id="currentaddress-postalcity">00100 Helsinki <br/> 
    </div> 
    
    <div id="currentaddress-phone">09-4153 3500</div> 
    
    <div id="currentaddress-web">http://www.motivus.fi</div> 
</div>

CSS

#currentaddress {width: 335px; height: 150px; background-color: #4f4f4f; position: relative}
#currentaddress-namecompany {color: #fff; margin: 0px 20px 10px 20px; padding-bottom: 5px; font-size: 18px; border-bottom: 1px solid #afafaf; font-weight: bold}
#currentaddress-street {color: #fff; margin: 5px 10px 0px 20px; font-size: 12px;}
#currentaddress-postalcity {color: #fff; margin: 5px 10px 0px 20px; font-size: 12px;}
#currentaddress-phone {color: #fff; margin: 5px 10px 0px 20px; font-size: 12px;}
#currentaddress-web {color: #fff; margin: 5px 10px 0px 20px; font-size: 12px;}

JavaScript

/* for hand icon */
$("#currentaddress-web").hover(function() {
    $(this).css('cursor', 'pointer');
});

/* new dynamic click bind */
$("#currentaddress-web").click(function() {
    var url = $("#currentaddress-web").html();
    window.location = url;
});