Metro Style Social Widget Design

Metro tiles html css social media

DEMO

.column,.columns{display:table}
.fb-block{background-color:#3b5998}
.metro-social .fb{height:168px;color:#FFF;display:table-cell;text-align:center;vertical-align:middle}
.tw-block{background-color:#55acee}
.gp-block{background-color:#dd4b39}
.pi-block{background-color:#c8232c}
.in-block{background-color:#0e76a8}
.yt-block{background-color:#c4302b}
.sk-block{background-color:#00aff0}
.fa-5x{font-size:4em}
.metro-social .yt,.sk,.metro-social .tw,.gp,.pi,.in{color:#FFF;display:table-cell;text-align:center;vertical-align:middle;padding:10px}