Customer Service

Customer Service by: bloggersmart.net

by agus makmun

HTML

<div class="service">
    <h3>Customer Delight Team at Your Service</h3>
    <p>Sribu is ultra-easey to use. but if you need help, you should be able to talk to a homan.<br />
        Our Customer Delight (the folks bellow) is ready to assist you!</p>
    <div class="profile">
        <li><a href="#"><img src="https://lh5.googleusercontent.com/-zYFk4USIhvs/AAAAAAAAAAI/AAAAAAAAAAA/dDOqL1dYUGc/s96-c/photo.jpg" /></a><br />Summon Agus</li>
        <li><a href="#"><img src="https://lh5.googleusercontent.com/-zYFk4USIhvs/AAAAAAAAAAI/AAAAAAAAAAA/dDOqL1dYUGc/s96-c/photo.jpg" /></a><br />Tegar</li>
        <li><a href="#"><img src="https://lh5.googleusercontent.com/-zYFk4USIhvs/AAAAAAAAAAI/AAAAAAAAAAA/dDOqL1dYUGc/s96-c/photo.jpg" /></a><br />Retno</li>
        <li><a href="#"><img src="https://lh5.googleusercontent.com/-zYFk4USIhvs/AAAAAAAAAAI/AAAAAAAAAAA/dDOqL1dYUGc/s96-c/photo.jpg" /></a><br />Chandra</li>
    </div>
    <h4>Question? Call us <b>0800-00-0001</b> or Email us <b>[email protected]</b></h4>
</div>

CSS

@import url(http://fonts.googleapis.com/css?family=Open+Sans);
.service {
margin: 0 auto;
width: 700px;
text-align: center;
text-shadow: 1px 1px 1px #fff;
font-family: 'Open Sans', sans-serif;
background: #F7F7F7;
padding: 10px;
}
.service h3 {
font-weight: normal;
font-size: 1.2em;
}
.service h4 {
font-weight: normal;
font-size: 1em;
}
.service p {
    
}
.profile {
margin: 0 auto;
width: 650px;
overflow: hidden;
}
.profile li {
list-style: none;
float: left;
width: 160px;
overflow: hidden;
}
.profile li a {
    
}
.profile img {
border-radius: 50px;
border: 3px solid #91CFEA;
transition: all .3s ease;
}
.profile img:hover {
border: 3px solid #FF9B00;
}