JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.min.js"></script>
<div class="highlight">Mouseyi renkli linkin üzerine getirin</div>
Mouseyi bu linkin <label id="profile">Mintik.com</label>.<br/>
üzerine getirdiğiniz anda küçük bir çerçeve açılacaktır<br/>

CSS

body
{
    font-family:Sans-serif;
    font-size:13px;
    padding:20px;    
}
.hc-name, a{ color: #932121}
.highlight{padding:5px; background:#ffffaa;margin-bottom:10px;font-weight:bold;}

JavaScript

var aboutPC = {
    name: "Mintik.com",
    link: "http://www.mintik.com/?p=12138", 
    bio: "Mintik.com sitesi üzerinden jQuery, Html5, Css tasarım ve uygulmaları ayrıca Wordpress tema, eklenti ve derslerini bulabilirsiniz.",
    image: "https://fbcdn-profile-a.akamaihd.net/hprofile-ak-frc1/t1/p160x160/1958412_640499605998042_88669799_n.png",
    website: "http://www.mintik.com", 
    mail: "bilgi@mintik.com"
};

$('#profile').hovercard({
    showCustomCard: true, 
    customCardJSON: aboutPC
});