JSFiddle - React, Tailwind, and code Playground
HTML
<div id="container">
<div id="left">
<div class="pull-right">
<div class="AdditionalLeft">
<div class="AddHeader"><img src="http://event.webstrikers.com/images/visit.png" alt=" " border="0"></div>
<div class="ReachUs">
<strong> Visit</strong><br>
10290 Alliance Road<br>
Cincinnati, OH 45242 <br>
</div>
</div><!-- /.AdditionalLeft -->
<div class="AdditionalLeft">
<div class="AddHeader"><img src="http://event.webstrikers.com/images/call.png" alt=" " border="0"></div>
<div class="ReachUs">
<strong> Call</strong><br>
Phone: +1 (513) 448-8037<br>
Fax: +1 (513) 448-8037
</div>
</div><!-- /.AdditionalLeft -->
<div class="AdditionalLeft">
<div class="AddHeader"><img src="http://event.webstrikers.com/images/mail.png" ;="" alt=" " height="35px" border="0" width="45px"></div>
<div class="ReachUs">
<strong> Contact</strong>
<a href="mailto:[email protected]" class="email_linktext">[email protected] </a>
<a href="mailto:[email protected]" class="email_linktext">[email protected] </a>
</div>
</div><!-- /.AdditionalLeft -->
</div><!-- /.pull-right -->
</div><!-- end of left -->
<div id="right">
<div id="connector"></div>
<div class="Additionalright">
Get started today!<br>
<a href="https://login.cfirstverify.com/mvp/signup2.cfm?ctype=hmb4sLdKyoaGVsyp&crypt=1&acct=busin" target="_blank" class="orngbutton1">Online Signup</a>
</div>
</div><!-- end of right -->
</div>
CSS
<!-- Primary Styles -->
body {
background-color: #D2D1CF;
color: #333333;
font-family: "Arial";
font-size: 12px;
margin: 0;
padding: 0;
}
li.sitemap {
font-weight: bold;
padding: 5px;
}
a {
text-decoration: none;
}
a:hover {
}
#banner {
float: left;
height: 160px;
padding-bottom: 0;
width: 710px;
}
.partnership_image {
height: auto;
padding-top: 10px;
text-align: center;
width: 208px;
}
#InnerTopBand {
background-image: url("../images/bgpatt1.gif");
background-repeat: repeat;
overflow: auto;
padding-top: 22px;
text-align: center;
width: 100%;
}
#InnerTop {
background-image: url("../images/bgpatt1.gif");
background-repeat: repeat-x;
height: 50px;
margin: 0 auto;
text-align: left;
width: 990px;
}
.TopLinks {
background: url("../Images/halfbtn1.png") repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 5px 5px 5px 5px;
color: White;
cursor: pointer;
float: right;
font-family: Arial;
font-size: 12px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
text-shadow: 0 -1px #C98B20;
text-transform: capitalize;
vertical-align: middle;
width: 130px;
}
.TopLinks:hover {
background: url("../Images/halfbtn1_hover.png") repeat scroll 0 0 transparent;
border: 0 none;
border-radius: 5px 5px 5px 5px;
color: White;
cursor: pointer;
float: right;
font-family: Arial;
font-size: 12px;
font-weight: bold;
height: 30px;
line-height: 30px;
margin-right: 10px;
text-align: center;
text-shadow: 0 -1px #C98B20;
text-transform: capitalize;
vertical-align: middle;
width: 130px;
}
.TopLinks1 {
background: url("../Images/halfbtn.png") repeat scroll 0 0 #7F7F7F;
border: 0 none;
border-radius: 5px 5px 5px 5px;
color: White;
cursor: pointer;
float: right;
font-family:...