JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://dl.dropbox.com/u/40036711/jquery.hovercard.js"></script>
<div class="box col-12" id="tsoft-eticaret-sistemleri">
<div class="fl col-12">
<a href="http://www.tsoft.com.tr" target="_blank" title="T-Soft E-ticaret Sistemleri">
<span>T</span>-Soft
</a> <a href="http://www.tsoft.com.tr" target="_blank" title="E-ticaret">E-Ticaret</a> Sistemleriyle Hazırlanmıştır.
</div>
</div>

CSS

/* a lot of this css is superfluous */
body
        {
            background: #eee;
            font-family: Sans-Serif;
            font-size: 14px;
            margin: 0;
            padding: 0;
            color:#222;
        }
        header, section, footer, article
        {
            display: block;
        }        
        .wrapper
        {
            width: 960px;
            margin: 0 auto;
        }
        header
        {
            background: #fff; /*#222;*/
            padding: 0 0 30px;
            overflow: hidden;
        }
        small
        {
            color: #777;
        }
        a
        {
            color:#2A9933;
        }
        #intro
        {
            line-height: 1.6em;
            float: left;
            width: 48%;
            padding-right: 2%;
            color: #555;
        }
        #intro h1
        {
            margin: 0 0 20px;
            padding: 0 0 60px;
            font-family: 'Lobster Two' , sans-serif;
            font-size: 100px;
            color: #459644;
            text-shadow: 0 1px 1px #62611A, 1px 2px 1px #A09F23, 2px 3px 1px #E4E347, 3px 4px 1px #E4E347, 4px 5px 1px #42822D;
        }        
        #screenshot
        {
            float: left;
            width: 50%;
            text-align: center;
        }
        #screenshot img
        {
            width: 100%;
            margin: o auto;
            -moz-box-shadow: 0px 0px 10px #C4C4C4;
            box-shadow: 0px 0px 10px #C4C4C4;
        }
        .spacer
        {
            height: 20px;
            width: 100%;
            clear: both;
        }
        .button-basic
        {
            border: solid 1px #888 !important;
            background: #eee;
            background: -moz-linear-gradient(center top , #fff, #ddd) repeat scroll 0 0 transparent;
            background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
            filter:...

JavaScript

document.getElementById("tsoft-eticaret-sistemleri").textContent += " Evcilbesinleri.com düzenlemeleri ";