SGF Contact

by Koubenec

HTML

<div class="contactcontainer"><div class="contactpic"></div><span class="name">Will Walker</span><br><span class="desc">Citadel class of 2011</span><br><span class="title">PRESIDENT</span><br><span class="phone">336-429-2018</span><img class="mail" src="http://summerallguardfoundation.org/wp-content/uploads/2012/10/mail_1.png"</div>

CSS

.contactcontainer {
    width: 680px;
    height: 100px;
    background-color: #414042;
}

.contactpic {
    width: 80px;
    height: 80px;
    background-color: #939393;
    position: absolute;
    top: 10px;
    left: 10px;
}

.name {
    font-size: 18px;
    color: #fff;
    font-family: 'times new roman';
    position: relative;
    top: 10px;
    left: 100px;
}

.desc {
    font-size: 16px;
    color: #939393;
    font-family: 'times new roman';
    font-style: italic;
    position: relative;
    top: 10px;
    left: 100px;
}

.title {
    font-size: 16px;
    color: #ffffff;
    font-family: 'times new roman';
    position: relative;
    top: 10px;
    left: 100px;
}

.phone {
    font-size: 16px;
    color: #ffffff;
    font-family: 'times new roman';
    position: relative;
    top: 10px;
    left: 100px;
}

.mail {
    width: 83px;
    height: 51px;
    position: relative;
    top: 20px;
    left: 200px;
}