Untitled

<!doctype html>

<html lang="en">

<head>
    <meta charset="utf-8">
    <title>Lolwut</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.css" integrity="sha256-/Z28yXtfBv/6/alw+yZuODgTbKZm86IKbPE/5kjO/xY=" crossorigin="anonymous" />
</head>

<body>

    <br>
    <div class="ui container">
        <div class="ui center aligned segment">
            <a class="ui facebook icon button" data-content="Facebook"><i class="facebook f icon"></i></a>
            <a class="ui twitter icon button" data-content="Facebook"><i class="twitter icon"></i></a>
            <a class="ui google plus icon button" data-content="Lol G+"><i class="google plus icon"></i></a>
            <a class="ui linkedin icon button" data-content="Lol Linkedin"><i class="linkedin icon"></i></a>
            <a class="ui instagram icon button" data-content="Instagram"><i class="instagram icon"></i></a>
        </div>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.13/semantic.min.js" integrity="sha256-Bhi6GMQ/72uYZcJXCJ2LToOIcN3+Cx47AZnq/Bw1f7A=" crossorigin="anonymous"></script>

    <script>
        $('.button').popup();
    </script>

</body>

</html>