<center><style> #fire { width: 450px; height: 250px; } #fire a { color: #798F78; } #fire a:hover { color: #F5DE98; } .flie { width: 295px; padding: 5px 0px; background: #fff; opacity: 0; font-family: righteous; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; position: relative; top: 100px; text-align: center; color: #798F78; transparent; -webkit-transition: all .9s ease-in; -moz-transition: all .9s ease-in; -o-transition: all .9s ease-in; transition: all .9s ease-in; } #fire:hover .flie { opacity: 0.8; } </style> <div style="width: 450px; font-family: dancing script; font-size: 43px; text-align: center; line-height: 80%; color: #798F78;">there's a firefly loose tonight</div> <div style="width: 450px; font-family: righteous; font-size: 15px; text-transform: uppercase; letter-spacing: 1px;text-align: center; line-height: 100%; padding-bottom: 3px; color: #06071C;">better catch it before it burns this place down</div> <div id="fire"> <div style="width: 150px; height: 250px; background: url(http://placehold.it/150x250); float: left; margin-right: 5px;"></div> <div style="width: 145px; height: 100px; background: url(http://placehold.it/145x100); float: left; margin-right: 5px;"></div> <div style="width: 145px; height: 100px; background: url(http://placehold.it/140x100); float: left;"></div> <div style="width:295px; height: 145px; background: url(http://placehold.it/295x145); float: left; margin-top: 5px;"> <div class="flie"> <a href="link.here">application</a> • <a href="link.here">shipper</a> • <a href="link.here">wanted</a> • <a href="link.here">tracker</a></div></div></div> <div style="width: 450px; height: 2px; border-bottom: 1px dotted #F5DE98;"></div> <div style="width: 450px; height: 2px; border-bottom: 5px solid #9BC391;"></div> <div style="width: 450px; height: 2px; border-bottom: 10px solid #798F78;"></div>  </center><link href='http://fonts.googleapis.com/css?family=Dancing+Script|Righteous' rel='stylesheet' type='text/css'>