JSFiddle - React, Tailwind, and code Playground

by stefanpetrovic

HTML

<h1>Contact Us</h1>

<div class="row-fluid">
    <div class="span12">
<iframe width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com/?ie=UTF8&amp;t=h&amp;ll=37.09024,-95.712891&amp;spn=12.258998,32.695313&amp;z=5&amp;output=embed"></iframe>
    </div><!--#span12-->
</div><!--#row-fluid-->

<div class="contact-row row-fluid">
    <h3>Animal Care Headquarter</h3>
    
    <ul>
        <li class="row-fluid">
            <span class="span2"><strong>Address:</strong></span>
            <span class="span8">123 Street Name, Suite # City, State 12345, Country</span>
        </li>
        <li class="row-fluid">
            <span class="span2"><strong>Email:</strong></span>
            <span class="span8"><a href="mailto:[email protected]">[email protected]</a></span>
        </li>
        <li class="row-fluid">
            <span class="span2"><strong>Phone:</strong></span>
            <span class="span8">(123) 123-4567</span>
        </li>
        <li class="row-fluid">
            <span class="span2"><strong>Toll Free:</strong></span>
            <span class="span8">(877) 770-5990</span>
        </li>
        <li class="row-fluid">
            <span class="span2"><strong>Fax:</strong></span>
            <span class="span8">(123) 123-4567</span>
        </li>
    </ul>                            	
</div><!--#contact-row #row-fluid-->

<div class="contact-row row-fluid">
    <h3>Animal Care Headquarter</h3>
    
    <ul>
        <li class="row-fluid">
            <span class="span2"><strong>Address:</strong></span>
            <span class="span8">123 Street Name, Suite # City, State 12345, Country</span>
        </li>
        <li class="row-fluid">
            <span class="span2"><strong>Email:</strong></span>
            <span class="span8"><a href="mailto:[email protected]">[email protected]</a></span>
        </li>
        <li class="row-fluid">
            <span...

CSS

.contact-row {
	margin: 20px 0;
}
.contact-row h3 {
    background: url("../images/aphis_brown_nav_bg.png") repeat-x scroll center bottom #857B4E;
    color: #fff;
	font-size: 14px;
    font-weight: bold;
    height: 41px;
    line-height: 41px;
    padding-left: 20px;
    text-shadow: 1px 1px #333;
}
.contact-row ul {
	line-height: 32px;
	margin: 0 20px;
}