<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"> <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <div class="row text-center"> <h2>Eder Souza Fotografias</h2> <h4>@edersouzafotografia</h4> <br/> <p> <a href="https://edersouza.com.br/" target="_blank" class="btn btn-store"> <span class="fa fa-link fa-3x pull-left"></span> <span class="btn-label">www.edersouza.com.br</span> <span class="btn-caption">Web Site</span> </a> <a href="https://www.facebook.com/fotografoedersouza" target="_blank" class="btn btn-store"> <span class="fa fa-facebook-official fa-3x pull-left"></span> <span class="btn-label">@fotografoedersouza</span> <span class="btn-caption">Perfil Face</span> </a> <a href="https://www.facebook.com/edersouzafotografias/" target="_blank" class="btn btn-store"> <span class="fa fa-facebook-official fa-3x pull-left"></span> <span class="btn-label">@edersouzafotografias</span> <span class="btn-caption">FanPage Face</span> </a> <a href="https://www.instagram.com/edersouzafotografia/" target="_blank" class="btn btn-store"> <span class="fa fa-instagram fa-3x pull-left"></span> <span class="btn-label">@edersouzafotografia</span> <span class="btn-caption">Instagram</span> </a> <a href="https://api.whatsapp.com/send?phone=5547992520115" target="_blank" class="btn btn-store"> <span class="fa fa-whatsapp fa-3x pull-left"></span> <span class="btn-label">Envie Mensagem Agora...</span> <span class="btn-caption">(47) 99252-0115</span> </a> <a href="#" class="btn btn-store"> <span class="fa fa-phone-square fa-3x pull-left"></span> <span class="btn-label">Telefone Fixo</span> <span class="btn-caption">(47) 3380-8203</span> </a> </p> </div> </div>

.btn-store { color: #777777; min-width: 254px; padding: 20px 20px !important; margin: 10px 7px 7px 5px; border-color: #dddddd !important; } .btn-store:focus, .btn-store:hover { color: #ffffff !important; background-color: #168eea; border-color: #168eea !important; } .btn-store .btn-label, .btn-store .btn-caption { display: block; text-align: left; line-height: 1; } .btn-store .btn-caption { font-size: 24px; }