diff --git a/assets/css/main.css b/assets/css/main.css index 5736819..b26e81c 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -3801,3 +3801,30 @@ } } +/* Icons */ +.social-icons { + text-align: center; + margin-top: 20px; + } + .social-icons a { + margin: 0 10px; + transition: background-color 0.3s; + text-decoration: none; + border-bottom: none; + } + .social-icons img { + width: 64px; + height: 64px; + border-radius: 50%; + padding: 10px; + transition: background-color 0.3s; + } + .social-icons a:nth-child(1):hover img { + background-color: #8cc9f0; + } + .social-icons a:nth-child(2):hover img { + background-color: #c79cc8; + } + .social-icons a:nth-child(3):hover img { + background-color: #a89cc8; + } \ No newline at end of file diff --git a/images/icons/github-icon.png b/images/icons/github-icon.png new file mode 100644 index 0000000..c9bfb83 Binary files /dev/null and b/images/icons/github-icon.png differ diff --git a/images/icons/slack-icon.png b/images/icons/slack-icon.png new file mode 100644 index 0000000..479a9b2 Binary files /dev/null and b/images/icons/slack-icon.png differ diff --git a/images/icons/x-icon.png b/images/icons/x-icon.png new file mode 100644 index 0000000..c309ab1 Binary files /dev/null and b/images/icons/x-icon.png differ diff --git a/index.html b/index.html index e8e2e4e..fc2be50 100644 --- a/index.html +++ b/index.html @@ -178,6 +178,7 @@