Footer contact infos

Footer contact infos.markdown

Footer contact infos

A Pen by Norbert Papp on CodePen.

License.

index.html

<div class="container"><ul class="contact">
	<li style="text-align: left;">
    <p><i class="fa fa-map-marker fa-3x"></i></p>
    <p><strong>Catcomp Kft.</strong></br>2700 Cegléd, Széchenyi út 49.</p></li>
	<li style="text-align: left;">
    <p><i class="fa fa-phone fa-3x"></i></p>
    <p><strong>Telefon:</strong></br>+36 (53) 505-320</p></li>
	<li style="text-align: left;">
    <p><i class="fa fa-envelope fa-3x"></i></p>
    <p><strong>E-mail:</strong></br>catcomp@catcomp.hu</p></li>
</ul>
</div>

style.css

@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css");
body {font-family: "Segoe UI", Tahoma, sans-serif;}
.fa:before {display: inline-block;}
.contact li {
  display: inline-block; 
  list-style-type: none;
  margin: 0 1em;
  text-align: center;
}
.contact p {text-align: center;}
.contact {display: inline-block; margin: 0 auto; padding-left: 0;}
.container {text-align: center;}