Code for my Anti-Socials Footer Using the Avada WordPress Theme (features Academicon add-on by request)

anti-socials.html

<!-- Academicons - Add to your Header Area -->

<link rel="stylesheet" href="https://cdn.rawgit.com/jpswalsh/academicons/master/css/academicons.min.css">

<!-- Add this CSS to your Additional or Custom CSS Area in WordPress -->

<!-- Note: <style></style> tags only needed if CSS is added directly
          to the HTML page. -->
<style>
/* Custom Anti-Social Buttons */
.anti-socials {
    float: right;
}

/* Clear the Floats */
.anti-socials:after {
    content: "";
    display: table;
    clear: both;
}
</style> <!-- Not needed inside Additional CSS or Custom CSS areas. -->

<!-- HTML & FusionBuilder Shortcodes -->

<!-- Add to Copyright Content in Avada Theme Options -->

<span>Copyright 2015 - <script>document.write(new Date().getFullYear());</script> <a href="https://www.caughtmyeye.cc">caught my eye dev</a>   |   All Rights Reserved&nbsp;&nbsp;&nbsp;|&nbsp;&nbsp;&nbsp;<a href="/privacy-policy">Privacy</a></span>

<span class="anti-socials">
<a href="https://www.quora.com/profile/Mark-Chaves" target="_blank" rel="noopener noreferrer">[fusion_fontawesome icon="fa-quora fab" size="" flip="" rotate="" spin="no" alignment="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" circle="yes" iconcolor="" circlecolor="" circlebordercolor="" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset=""][/fusion_fontawesome]</a>

<a href="https://codepen.io/marklchaves/" target="_blank" rel="noopener noreferrer">[fusion_fontawesome icon="fa-codepen fab" size="" flip="" rotate="" spin="no" alignment="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" circle="yes" iconcolor="" circlecolor="" circlebordercolor="" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset=""][/fusion_fontawesome]</a>

<a href="https://medium.com/@marklchaves" target="_blank" rel="noopener noreferrer">[fusion_fontawesome icon="fa-medium fab" size="" flip="" rotate="" spin="no" alignment="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" circle="yes" iconcolor="" circlecolor="" circlebordercolor="" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset=""][/fusion_fontawesome]</a>

<a href="https://github.com/marklchaves/" target="_blank" rel="noopener noreferrer">[fusion_fontawesome icon="fa-github fab" size="" flip="" rotate="" spin="no" alignment="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" circle="yes" iconcolor="" circlecolor="" circlebordercolor="" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset=""][/fusion_fontawesome]</a>

<a href="https://marklchaves.slack.com" target="_blank" rel="noopener noreferrer">[fusion_fontawesome icon="fa-slack fab" size="" flip="" rotate="" spin="no" alignment="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" circle="yes" iconcolor="" circlecolor="" circlebordercolor="" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset=""][/fusion_fontawesome]</a>

<a href="https://ko-fi.com/marklchaves" target="_blank">[fusion_fontawesome icon="fa-mug-hot fas" size="" flip="" rotate="" spin="no" alignment="" hide_on_mobile="small-visibility,medium-visibility,large-visibility" class="" id="" margin_top="" margin_right="" margin_bottom="" margin_left="" circle="yes" iconcolor="" circlecolor="" circlebordercolor="" animation_type="" animation_direction="down" animation_speed="0.1" animation_offset=""][/fusion_fontawesome]</a>

<!-- Academicon Example -->
<a href="#" target="_blank"><i class="ai ai-google-scholar-square ai-3x"></i></a>
</span>

Screen Captures

https://imgur.com/a/ll8NVVN