HTML中常用链接模块实现

在很多页面上我们都可以看到常用链接模块 附上代码和页面效果

<div class="container mt-4">
    <div class="row">
        <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" >
            <div class="carousel-inner">
                <div class="carousel-item active">
                    <div class="row">
                        <div class="col-sm-3">
                            <div class="card" >
                                <div class="card-body">
                                    <h3>常用链接</h3>
                                    <button class="btn btn-link" th:οnclick="http://zhlgd.whut.edu.cn/tpass/login?service=http%3A%2F%2Fzhlgd.whut.edu.cn%2Ftp_up%2F">智慧理工大</button><br/>
                                    <button class="btn btn-link" th:οnclick="http://gd.whut.edu.cn/">研究生院</button><br/>
                                    <button class="btn btn-link" th:οnclick="http://lib.whut.edu.cn/">武汉理工大学图书馆</button><br/>
                                    <button class="btn btn-link" th:οnclick="http://scc.whut.edu.cn/">学生就业指导中心</button><br/>
                                    <button class="btn btn-link" th:οnclick="http://119.97.236.29/NCRE_EMS/studentlogin.aspx">计算机等级报名</button><br/>
                                    <button class="btn btn-link" th:οnclick="https://www.imooc.com/">慕课网</button><br/>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>