Line 1: | Line 1: | ||
<html> | <html> | ||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> | ||
+ | <style> | ||
+ | .fa { | ||
+ | padding: 20px; | ||
+ | font-size: 30px; | ||
+ | width: 50px; | ||
+ | text-align: center; | ||
+ | text-decoration: none; | ||
+ | margin: 5px 2px; | ||
+ | } | ||
+ | |||
+ | .fa:hover { | ||
+ | opacity: 0.7; | ||
+ | } | ||
+ | |||
+ | .fa-facebook { | ||
+ | background: #3B5998; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .fa-twitter { | ||
+ | background: #55ACEE; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | .fa-instagram { | ||
+ | background: #125688; | ||
+ | color: white; | ||
+ | } | ||
+ | </style> | ||
<a href="https://www.facebook.com/UrbanTundraEdmonton/" class="fa fa-facebook"></a> | <a href="https://www.facebook.com/UrbanTundraEdmonton/" class="fa fa-facebook"></a> |