JSFiddle - React, Tailwind, and code Playground

by Trufa

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    
<link rel="stylesheet" type="text/css" href="style.css" />

<html>

<body id="follow" onload="">
    
    <div id="container">
        
    
        <div class="box">
        
            <img src="images/facebook.png" class="logos"></img>
            <div class="follow">
                
                hola
                

                
            </div>
        
        </div>
    
    <a href="http://twitter.com/pimod_com">
        <div class="box">
        
            <img src="images/twitter.png" class="logos"></img>
            <div class="follow">
                
            </div>
        
        </div>
    </a>
    
    <a href="http://pimod.com/linkedin">
        <div class="box">
        
            <img src="images/linkedin.png" class="logos"></img>
            <div class="follow">
                
            </div>
        
        </div>
    </a>

    </div>
    
</body>

</html>

CSS

*{outline:1px solid red;}

#container{
    
    height:100%;
    width:520px;
    overflow:hidden;

    position:relative;
    left:50%;
    margin:20px 0 0 -250px;

}
.box{

    border:1px solid gray;
    height:200px;
    width:500px;
    float:left;
    margin:0px 0 20px 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    
    
}
.box:hover{

    border:1px solid gray;
    height:200px;
    width:500px;
    float:left;
    margin:0px 0 20px 10px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color:#FAFAD2;
    
}

.box img{
    
    width:140px;
    height:140px;
    margin: 15px 0 0 15px;
    
}

.follow{
    
    /*outline:1px solid red;*/
    height:80px;
    width:260px;
    float:right;
    margin:25px 30px 0 0;
    
    
}
.blue{
    
    font-color:blue;
    
}

.blue{
    
    font-color:gray;
    
}
a:link {
    color: #3a5997;
    font-size:28px;
    }
a:visited {color: #3a5997;}
a:active {color: #3a5997;}
a:hover {background-color: none;}
a {text-decoration: none;}