master

分支 (1)

管理

管理

master

website-link
/
index2.html

<!DOCTYPE html>
<html lang="zh">

<head>
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="author" content="Faiz" />
    <title>小悟空</title>
    <link rel="shortcut icon" href="assets/images/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
    <link rel="stylesheet" href="assets/css/fonts/linecons/css/linecons.css">
    <link rel="stylesheet" href="assets/css/fonts/fontawesome/css/font-awesome.min.css">
    <link rel="stylesheet" href="assets/css/bootstrap.css">
    <link rel="stylesheet" href="assets/css/xenon-core.css">
    <link rel="stylesheet" href="assets/css/xenon-components.css">
    <link rel="stylesheet" href="assets/css/xenon-skins.css">
    <link rel="stylesheet" href="assets/css/nav.css">
    <link href="static/toTop/css/style.css" rel="stylesheet" type="text/css" />

    <script src="assets/js/jquery-1.11.1.min.js"></script>
    <script src="static/toTop/js/script.js" type="text/javascript"></script>
    <style type="text/css" media="screen">
        body {

            font-family: "Cascadia Mono", "方正卡通简体";
            src: url('../static/fonts/CascadiaMono.ttf');
            font-size: 18px;

        }
    </style>

    <script>
        var _hmt = _hmt || [];
        (function () {
            var hm = document.createElement("script");
            hm.src = "https://hm.baidu.com/hm.js?32b528db0b38a1c31d0056cb7a5f7264";
            var s = document.getElementsByTagName("script")[0];
            s.parentNode.insertBefore(hm, s);
        })();
    </script>
    <!-- 获取IP -->
    <script src="http://pv.sohu.com/cityjson?ie=utf-8"></script>
    <script type="text/javascript">
        console.log('sohu搜狐IP');
        console.log(returnCitySN);
        // console.log(returnCitySN["cname"] + ',' + returnCitySN["cip"]);
        // var IP=returnCitySN["cip"]+','+returnCitySN["cname"];
        // var IP='当前城市为：'+returnCitySN["cname"]+',IP是：'+returnCitySN["cip"];


        //    var IP = '';
        // var city = $.ajax({
        //     async: false,
        //     type: "GET", //默认get
        //     url: "http://whois.pconline.com.cn/ipJson.jsp?jsonp=true&ip=" + returnCitySN['cip'], //默认当前页
        //     // data: "data",  //格式{key:value}
        //     dataType: "jsonp",
        //     beforeSend: function() {}, //请求发送前回调,常用验证
        //     success: function(res) { //请求成功回调
        //         console.log('太平洋IP');
        //         console.log(res);
        //         city = res['addr'];

        //         var IP = city + '🙂🙂🙂🙂🙂' + returnCitySN["cip"];
        //         $('#ip').text(IP);
        //     }
        // })
    </script>
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <!-- / FB Open Graph -->
    <meta property="og:type" content="article">
    <style>
        /* .footer-inner {
            width: 100%;
            height: 30px;
            margin: 250 0 auto;
            background:#f00;
            position: fixed;
            bottom: 0;
            text-align: center;
        } */


        #sengine a {
            float: left;
        }

        #searchinput {
            width: 250px;
        }

        .active {
            background-color: LightSteelBlue;
        }

        .item:hover {
            background-color: LightSteelBlue;
        }

        .main-content {
            background-image: linear-gradient(45deg, #357ebf 0%, #fff7e6 50%, #b3d7ff 56%);
        }


        /* #sengine a:hover{
            background-color: LightSteelBlue;
        } */
    </style>
</head>

<body class="page-body">
    <!-- skin-white -->
    <div class="page-container">
        <div class="sidebar-menu toggle-others fixed">
            <div class="sidebar-menu-inner">
                <header class="logo-env">
                    <!-- logo -->
                    <div class="logo">
                        <a href="index.html" class="logo-expanded">
                            <img src="assets/images/logo@2x.png" width="100%" alt="" />
                        </a>
                        <a href="index.html" class="logo-collapsed">
                            <img src="assets/images/logo-collapsed@2x.png" width="40" alt="" />
                        </a>
                    </div>
                    <div class="mobile-menu-toggle visible-xs">
                        <a href="#" data-toggle="user-info-menu">
                            <i class="linecons-cog"></i>
                        </a>
                        <a href="#" data-toggle="mobile-menu">
                            <i class="fa-bars"></i>
                        </a>
                    </div>
                </header>
                <ul id="main-menu" class="main-menu">
                    <!-- <li>
                        <a href="#搜索引擎" class="smooth">
                            <i class="linecons-search"></i>
                            <span class="title">搜索引擎</span>
                        </a>
                    </li> -->
                    <li>
                        <a href="#日常浏览" class="smooth">
                            <i class="linecons-eye"></i>
                            <span class="title">日常浏览</span>
                            <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                        </a>
                    </li>
                    <li>
                        <a href="#服务器管理" class="smooth">
                            <i class="linecons-cog"></i>
                            <span class="title">服务器管理</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-lightbulb"></i>
                            <span class="title">编程</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#编程文档" class="smooth">
                                    <span class="title">编程文档</span>
                                </a>
                            </li>
                            <li>
                                <a href="#急速框架" class="smooth">
                                    <span class="title">急速框架</span>
                                </a>
                            </li>
                            <li>
                                <a href="#PHP博客论坛" class="smooth">
                                    <span class="title">PHP博客论坛</span>
                                </a>
                            </li>
                            <li>
                                <a href="#PHP个人博客" class="smooth">
                                    <span class="title">PHP个人博客</span>
                                </a>
                            </li>
                            <li>
                                <a href="#源码站" class="smooth">
                                    <span class="title">源码站</span>
                                    <span class="label label-pink pull-right hidden-collapsed">Hot</span>
                                </a>
                            </li>
                            <li>
                                <a href="#大牛技术" class="smooth">
                                    <span class="title">大牛技术</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#AI智能" class="smooth">
                            <i class="linecons-desktop"></i>
                            <span class="title">AI智能</span>
                        </a>
                    </li>
                    <li>
                        <a href="#电脑IT" class="smooth">
                            <i class="linecons-desktop"></i>
                            <span class="title">电脑IT</span>
                        </a>
                    </li>
                    <li>
                        <a href="#创意设计" class="smooth">
                            <i class="linecons-star"></i>
                            <span class="title">创意设计</span>
                        </a>
                    </li>
                    <li>
                        <a href="#PS大法" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">PS大法</span>
                        </a>
                    </li>
                    <li>
                        <a href="#广告素材" class="smooth">
                            <i class="linecons-lightbulb"></i>
                            <span class="title">广告素材</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-thumbs-up"></i>
                            <span class="title">素材资源</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#图标素材" class="smooth">
                                    <span class="title">图标素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#LOGO设计" class="smooth">
                                    <span class="title">LOGO设计</span>
                                </a>
                            </li>
                            <li>
                                <a href="#平面素材" class="smooth">
                                    <span class="title">平面素材</span>
                                </a>
                            </li>
                            <li>
                                <a href="#UI资源" class="smooth">
                                    <span class="title">UI资源</span>
                                </a>
                            </li>
                            <li>
                                <a href="#字体资源" class="smooth">
                                    <span class="title">字体资源</span>
                                </a>
                            </li>
                            <li>
                                <a href="#摄影图库" class="smooth">
                                    <span class="title">摄影图库</span>
                                </a>
                            </li>
                            <li>
                                <a href="#PPT资源" class="smooth">
                                    <span class="title">PPT资源</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#微信推文" class="smooth">
                            <i class="linecons-doc"></i>
                            <span class="title">微信推文</span>
                        </a>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-diamond"></i>
                            <span class="title">常用工具</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#在线配色" class="smooth">
                                    <span class="title">在线配色</span>
                                </a>
                            </li>
                            <li>
                                <a href="#在线工具" class="smooth">
                                    <span class="title">在线工具</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a>
                            <i class="linecons-pencil"></i>
                            <span class="title">学习教程</span>
                        </a>
                        <ul>
                            <li>
                                <a href="#视频教程" class="smooth">
                                    <span class="title">视频教程</span>
                                </a>
                            </li>
                            <li>
                                <a href="#设计文章" class="smooth">
                                    <span class="title">设计文章</span>
                                </a>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <a href="#打工人干饭魂" class="smooth">
                            <i class="linecons-sound"></i>
                            <span class="title">打工人干饭魂</span>
                        </a>
                    </li>
                    <li>
                        <a href="#友情导航" class="smooth">
                            <i class="linecons-note"></i>
                            <span class="title">友情导航</span>
                        </a>
                    </li>
                    <li>
                        <a href="about.html">
                            <i class="linecons-heart"></i>
                            <span class="tooltip-blue">关于本站</span>
                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                        </a>
                    </li>
                    <!-- <div class="submit-tag">
                        <a href="about.html">
                            <i class="linecons-heart"></i>
                            <span class="tooltip-blue">关于本站</span>
                            <span class="label label-Primary pull-right hidden-collapsed">♥︎</span>
                        </a>
                    </div> -->
                </ul>
            </div>
        </div>
        <div class="main-content" id="bg">
            <!--  <script language="javascript">
                /*设置渐变背景数组*/
                var Arraycolor = new Array(
                    "linear-gradient(to right, #e66465, #9198e0)",
                    "linear-gradient(to right, #9198e0, #FFC0CB)",
                    "linear-gradient(to right, #69DEDB, #EDF892)",
                    "linear-gradient(to right, #EDF892, #FFC0CB)",
                    "linear-gradient(to right, #DCB2C6, #e66465)");
                var n = 0;

                function turncolors() {
                    n = Math.floor(Math.random() * 5);
                    // n++;
                    // if (n == (Arraycolor.length - 1)) n = 0;
                    console.log(n);
                    document.getElementById("bg").style.backgroundImage = Arraycolor[n]
                    setTimeout("turncolors()", 5600); //可以设置自动变换时间
                }
                turncolors();
            </script> -->
            <nav class="navbar user-info-navbar" role="navigation">
                <!-- User Info, Notifications and Menu Bar -->
                <!-- Left links for user info navbar -->
                <ul class="user-info-menu left-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="#" data-toggle="sidebar">
                            <i class="fa-bars"></i>
                        </a>
                    </li>
                    <li id="sengine" class="dropdown hover-line language-switcher">
                        <a href="#" class="active item" data-url="https://www.baidu.com/s?wd=$s">百 度</a>
                        <a href="#" class="item" data-url="https://www.google.com/search?q=$s">谷 歌</a>
                        <a href="#" class="item" data-url="https://www.bing.com/search?q=$s">必 应</a>
                        <a href="#" class="item" data-url="https://www.sogou.com/web?query=$s">搜 狗</a>
                        <a href="#" class="item" data-url="https://www.so.com/s?q=$s">360搜索</a>
                        <a>
                            <input id="searchinput" type="search" placeholder="一直在等待心仪的你出现！！"
                                autocomplete="off"></input>
                            <img class="search" src="./img/搜索.png" alt="" style="width: 25px;height: 25px;"
                                title="点击搜索">
                            <!-- <i class="search linecons-comment" title="点击搜索">
                                <img src="./img/搜索.png" alt="" style="width: 25px;height: 25px;">
                            </i> -->
                        </a>
                        <a target="_blank" href="http://www.gov.cn/">
                            <img src="assets/images/flags/flag-cn.png" alt="flag-cn" />华夏
                        </a>
                        <a href="#" id="ip">
                            <!-- IP地址显示 -->
                            <!-- 20175533204 -->
                            <!-- <script>document.write(IP)</script> -->
                        </a>
                        <!-- <li>
                            <a  class="dropdown-toggle" data-toggle="dropdown">
                                <img src="assets/images/flags/flag-cn.png" alt="flag-cn" /> 中国
                            </a>
                        </li>
                        <li>
                            <a  class="item active  dropdown-toggle" data-toggle="dropdown" data-url="https://www.baidu.com/s?wd=$s">百 度</a>
                        </li>
                        <li>
                            <a class="item" data-url="https://www.google.com/search?q=$s">谷 歌</a>
                        </li>
                        <li>
                            <a class="item" data-url="https://www.bing.com/search?q=$s">必 应</a>
                        </li>
                        <li>
                            <a class="item" data-url="https://www.sogou.com/web?query=$s">搜 狗</a>
                        </li>
                        <li>
                            <a class="item" data-url="https://www.so.com/s?q=$s">360搜索</a>
                        </li>
                        <li>
                            <a>
                                <i class="search linecons-search">
                                    <img src="./img/搜索.png" alt="" style="width: 25px;height: 25px;">
                                </i>
                                <input id="searchinput" type="search" placeholder="找到你想要的~~" autocomplete="off"></input>

                            </a>
                        </li> -->
                        <!-- <ul class="dropdown-menu languages">

                            <li class="active">
                                <a href="#">
                                    <img src="assets/images/flags/flag-cn.png" alt="flag-cn" /> 中国
                                </a>
                            </li>
                            <li >
                                <a href="#">
                                    <img src="assets/images/flags/flag-cn.png" alt="flag-cn" /> 中国56
                                </a>
                            </li>

                        </ul> -->
                        <!-- <li >
                            <a href="#">
                                IP地址显示
                                <script>document.write(IP)</script>
                            </a>
                        </li> -->
                    </li>
                </ul>
                <ul class="user-info-menu right-links list-inline list-unstyled">
                    <li class="hidden-sm hidden-xs">
                        <a href="about.html" target="_blank">
                            <i>
                                <!-- class="fa-github" -->
                                <img src="./assets/images/favicon.png" alt="">
                            </i> 小悟空
                        </a>
                    </li>
                </ul>
                <!-- <a href="https://github.com/WebStackPage/WebStackPage.github.io" target="_blank"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub"></a> -->
            </nav>
            <!-- 搜索引擎 -->
            <!-- <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="搜索引擎"></i>搜索引擎</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.baidu.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.baidu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.baidu.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度</strong>
                                </a>
                                <p class="overflowClip_2">百度一下，你就知道</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://cn.bing.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://cn.bing.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cn.bing.com/sa/simg/favicon-2x.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>必应</strong>
                                </a>
                                <p class="overflowClip_2">微软Bing搜索是国际领先的搜索引擎</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.sogou.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.sogou.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.sogou.com/images/logo/new/favicon.ico?v=4"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>搜狗</strong>
                                </a>
                                <p class="overflowClip_2">搜狗搜索引擎 - 上网从搜狗开始</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.so.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.so.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://s2.ssl.qhres.com/static/121a1737750aa53d.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>360</strong>
                                </a>
                                <p class="overflowClip_2">360搜索，SO靠谱</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div> -->
            <!-- END搜索引擎 -->
            <br>
            <!-- 日常浏览 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="日常浏览"></i>日常浏览</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.douyin.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.douyin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://sf1-scmcdn-tos.pstatp.com/goofy/ies/douyin_web/public/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>抖音</strong>
                                </a>
                                <p class="overflowClip_2">【抖音】记录美好生活</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://cp.kuaishou.com/profile', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://cp.kuaishou.com/profile">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://static.yximgs.com/udata/pkg/fe/favicon.70ff1fcc.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>快手创作</strong>
                                </a>
                                <p class="overflowClip_2">快手,快手创作者,创作者,创作者服务,机构,快手机构,MCN,公会</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.weibo.com/login.php', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.weibo.com/login.php">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://weibo.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>新浪微博</strong>
                                </a>
                                <p class="overflowClip_2">微博 – 随时随地发现新鲜事</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.feijisu5.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.feijisu5.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/飞极速.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>飞速在线动漫</strong>
                                </a>
                                <p class="overflowClip_2">飞极速在线,免费提供日本新番动漫、最新电影和最新电视剧在线观看,同时有最新热门动漫、电影、电视剧排行榜。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.bilibili.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.bilibili.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.bilibili.com/favicon.ico?v=1" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>哔哩哔哩动画</strong>
                                </a>
                                <p class="overflowClip_2">
                                    bilibili是国内知名的视频弹幕网站，这里有及时的动漫新番，活跃的ACG氛围，有创意的Up主。大家可以在这里找到许多欢乐。</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.gdaib.edu.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.gdaib.edu.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/njs.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>广东农工商职业技术学院</strong>
                                </a>
                                <p class="overflowClip_2">学校官网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://translate.google.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://translate.google.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://ssl.gstatic.com/translate/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>谷歌翻译</strong>
                                </a>
                                <p class="overflowClip_2">谷歌翻译</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://fanyi.youdao.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://fanyi.youdao.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://shared.ydstatic.com/images/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>有道翻译</strong>
                                </a>
                                <p class="overflowClip_2">有道翻译</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.xinyi.gov.cn/zwgk/zlxx/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.xinyi.gov.cn/zwgk/zlxx/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/xinyi.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>信宜市政府</strong>
                                </a>
                                <p class="overflowClip_2">信宜市人民政府网</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.csdn.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.csdn.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/csdn.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CSDN</strong>
                                </a>
                                <p class="overflowClip_2">专业IT技术社区</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.06681.com/discuss/portal.php', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.06681.com/discuss/portal.php">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/xinyiyudu.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>信宜玉都风情网</strong>
                                </a>
                                <p class="overflowClip_2">家乡的官网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.zhihu.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.zhihu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/zhihu.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>知乎</strong>
                                </a>
                                <p class="overflowClip_2">与世界分享你的知识、经验和见解与世界分享你的知识、经验和见解</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://pan.baidu.com/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0&traceid=#/all?path=%2F&vmode=list', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://pan.baidu.com/disk/home?errno=0&errmsg=Auth%20Login%20Sucess&&bduss=&ssnerror=0&traceid=#/all?path=%2F&vmode=list">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/baiduyun.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度云盘</strong>
                                </a>
                                <p class="overflowClip_2">百度云盘，值得你拥有</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.oschina.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.oschina.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/oschina.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>开源中国</strong>
                                </a>
                                <p class="overflowClip_2">目前中国最大的开源技术社区</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://e.xitu.io/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://e.xitu.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://s3a.pstatp.com/toutiao/xitu_extension/static/favicons/favicon-32x32.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>掘金</strong>
                                </a>
                                <p class="overflowClip_2">
                                    设计师,程序员,产品经理,内容,android,前端,设计,ios,后端,聚合,github,图片,工具,资源,库,文章,安卓,开发,开源</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://github.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://github.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/github.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>github</strong>
                                </a>
                                <p class="overflowClip_2">面向开源及私有软件项目的git托管平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://hellogithub.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://hellogithub.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/github.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>hellogithub</strong>
                                </a>
                                <p class="overflowClip_2">分享 GitHub 上有趣、入门级的开源项目</p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <!-- END日常浏览 -->
            <br>
            <!-- 服务器管理 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="服务器管理"></i>服务器管理</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.aliyun.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.aliyun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://img.alicdn.com/tfs/TB1_ZXuNcfpK1RjSZFOXXa6nFXa-32-32.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>阿里云</strong>
                                </a>
                                <p class="overflowClip_2">阿里云,云服务器,云计算,云数据库,注册公司,域名注册备案,行业解决方案,企业网盘</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.west.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.west.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.west.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>西部数据</strong>
                                </a>
                                <p class="overflowClip_2">
                                    西部数码是基于云计算知名的互联网服务提供商,19年专业知名品牌。专业提供云服务器、虚拟主机、域名注册、企业邮箱等,50余万个虚拟主机网站及1000余万个域名用户的共同选择！
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://console.dnspod.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://console.dnspod.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://imgcache.qq.com/open_proj/proj_qcloud_v2/tc-console/dnspod/gateway/css/img/dnspod.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DNSPod</strong>
                                </a>
                                <p class="overflowClip_2">DNSPod 是国内提供智能 DNS 产品的网站，致力于为各类网站提供高质量的电信、网通、教育网双线或者三线智能
                                    DNS
                                    免费解析。目前DNSPod已经是国内最大的免费DNS解析产品提供商</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://natapp.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://natapp.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.natapp.cn/assets/favicon.ico?version=20190730"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>NATAPP内网穿透</strong>
                                </a>
                                <p class="overflowClip_2">
                                    NATAPP-内网穿透 基于ngrok的国内高速内网映射工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://tongji.baidu.com/web/10000287143/welcome/login', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://tongji.baidu.com/web/10000287143/welcome/login">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.baidu.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度统计</strong>
                                </a>
                                <p class="overflowClip_2">百度统计——领先的中文网站分析平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://workbench.umeng.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://workbench.umeng.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://img.alicdn.com/tfs/TB1cA4QXeuSBuNjy1XcXXcYjFXa-32-32.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>友盟统计数据CNZZ</strong>
                                </a>
                                <p class="overflowClip_2">CNZZ统计</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.kuaidaili.com/free/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.kuaidaili.com/free/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.kuaidaili.com/img/favicon.ico?v=3" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>快代理</strong>
                                </a>
                                <p class="overflowClip_2">国内高匿免费HTTP代理IP</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://beian.miit.gov.cn/#/Integrated/recordQuery', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://beian.miit.gov.cn/#/Integrated/recordQuery">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://beian.miit.gov.cn/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>域名信息备案</strong>
                                </a>
                                <p class="overflowClip_2">ICP/IP地址/域名信息备案管理系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://icp.chinaz.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://icp.chinaz.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://csstools.chinaz.com/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>域名信息备案（速度快）</strong>
                                </a>
                                <p class="overflowClip_2">chinaz.com的备案信息 - 站长工具</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.ip138.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.ip138.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cache.ip138.com/static/image/public/logo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>查询网</strong>
                                </a>
                                <p class="overflowClip_2">iP地址查询--手机号码查询归属地 | 邮政编码查询 | iP地址归属地查询 | 身份证号码验证在线查询网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://wenshu.court.gov.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://wenshu.court.gov.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://wenshu.court.gov.cn/website/wenshu/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>中国裁判文书</strong>
                                </a>
                                <p class="overflowClip_2">全国 企业 信用 信息 公示</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.qixin.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.qixin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.qixin.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>启信宝</strong>
                                </a>
                                <p class="overflowClip_2">启信宝-企业查询_企业信用信息平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.qcc.com/?utm_source=baidu1&utm_medium=cpc&utm_term=pzsy', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.qcc.com/?utm_source=baidu1&utm_medium=cpc&utm_term=pzsy">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://qcc-static.qcc.com/resources/web/omaterial/favicon.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>企查查</strong>
                                </a>
                                <p class="overflowClip_2">企查查-企业工商信息查询系统_查企业_查老板_查风险就上企查查!</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://zxgk.court.gov.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://zxgk.court.gov.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://zxgk.court.gov.cn/static2/img/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>中国执行信息公开网</strong>
                                </a>
                                <p class="overflowClip_2">中国执行信息公开网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.gsxt.gov.cn/index.html', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.gsxt.gov.cn/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="1" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>国家企业信用信息公示系统</strong>
                                </a>
                                <p class="overflowClip_2">全国 企业 信用 信息 公示</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <br>
            <!-- END服务器管理 -->
            <!-- 编程 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="编程文档"></i>编程文档</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://thinkphp.p2hp.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://thinkphp.p2hp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>TP5完全开发手册</strong>
                                </a>
                                <p class="overflowClip_2">本手册仅针对ThinkPHP5.1.*版本</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.kancloud.cn/thinkphp/thinkphp5-guide/30552', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.kancloud.cn/thinkphp/thinkphp5-guide/30552">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>TP5简明开发手册</strong>
                                </a>
                                <p class="overflowClip_2">TP5简明开发手册</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.kancloud.cn/mikkle/thinkphp5_study/268677', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.kancloud.cn/mikkle/thinkphp5_study/268677">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>TP5高级开发手册</strong>
                                </a>
                                <p class="overflowClip_2">TP5高级开发手册</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.kancloud.cn/logoove/we7/1094868', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.kancloud.cn/logoove/we7/1094868">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>万能web开发文档笔记</strong>
                                </a>
                                <p class="overflowClip_2">万能web开发文档笔记</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.php.cn/course/1049.html', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.php.cn/course/1049.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ThinkPHP6.0</strong>
                                </a>
                                <p class="overflowClip_2">ThinkPHP6.0快速开发手册(案例版)</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.thinkphp.cn/ext', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.thinkphp.cn/ext">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ThinkPHP看云插件</strong>
                                </a>
                                <p class="overflowClip_2">收录了ThinkPHP的相关插件和扩展</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.layuiweb.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.layuiweb.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/layui.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Layui前端模块化</strong>
                                </a>
                                <p class="overflowClip_2">经典模块化前端框架 </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.thinkphp.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.thinkphp.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/tp5.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>thinkPHP | 官网</strong>
                                </a>
                                <p class="overflowClip_2">ThinkPHP框架 | 中文最佳实践PHP开源框架,专注WEB应用快速开发8年！ </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://xueyuanjun.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://xueyuanjun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://laravelacademy.org/logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>
                                        Laravel 学院</strong>
                                </a>
                                <p class="overflowClip_2">
                                    学院君,Laravel,Lumen,PHP,Web,框架,文档,教程,笔记,学习,开发工具,Vue,JavaScript,Go,Golang,Gin,微服务,Docker,MySQL,数据结构,算法,网络协议
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://learnku.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://learnku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/laravel.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Laravel开发手册</strong>
                                </a>
                                <p class="overflowClip_2">LearnKu终身编程者的知识社区</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://learnku.com/laravel/wikis', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://learnku.com/laravel/wikis">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/laravel.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Laravel China 社区</strong>
                                </a>
                                <p class="overflowClip_2">我们是高品质的 Laravel 开发者社区，致力于为 Laravel
                                    开发者提供一个分享创造、结识伙伴、协同互助的论坛。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://laravel.p2hp.com/cndocs/9.x/installation', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://laravel.p2hp.com/cndocs/9.x/installation">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/laravel.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Laravel 中文网</strong>
                                </a>
                                <p class="overflowClip_2">Installation - Laravel 中文网 为 Web 工匠创造的 PHP 框架</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.linuxcool.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.linuxcool.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.linuxcool.com/wp-content/uploads/2019/03/cropped-redhat-32x32.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Linux命令大全(手册) – 真正好用的Linux命令在线查询网站</strong>
                                </a>
                                <p class="overflowClip_2">
                                    linuxcool,Linux,Linux系统,Linux命令,Linux命令大全,Linux常用命令,shell，shell脚本,shell脚本学习,Linux命令查询,Linux命令用法详解,Linux命令实例。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://learnku.com/docs/psr', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://learnku.com/docs/psr">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.learnku.com//uploads/communities/Y7fElYYwCFjTTXCdwPNW.png!/both/44x44"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>《PHP PSR 标准规范》</strong>
                                </a>
                                <p class="overflowClip_2">基本代码规范 本篇规范制定了代码基本元素的相关标准，以确保共享的 PHP 代码间具有较高程度的技术互通性。
                                    本文件中的
                                    必须，不得，需要，应，不应，应该，不应该，推荐，可能 和 可选 等能愿动词按照 RFC 2119 中...
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://php.p2hp.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://php.p2hp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://php.p2hp.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PHP中文手册</strong>
                                </a>
                                <p class="overflowClip_2">PHP: Hypertext Preprocessor PHP中文手册 PHP中国镜像 php 国内镜像
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://php.form-create.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://php.form-create.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://php.form-create.com/form-builder.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PHP表单生成器 - FormBuilder</strong>
                                </a>
                                <p class="overflowClip_2">php表单生成器,php表单生成插件,php插件,php,表单生成,表单,PHP表单生成器
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://unbug.github.io/codelf/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://unbug.github.io/codelf/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/stackoverflow.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>变量取名</strong>
                                </a>
                                <p class="overflowClip_2">输入文字取变量名,辅助开发</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://doc.houdunren.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://doc.houdunren.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.houdunwang.com/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>后盾人</strong>
                                </a>
                                <p class="overflowClip_2">在线文档干货
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.kancloud.cn/chunyu/php_basic_knowledge/767166', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.kancloud.cn/chunyu/php_basic_knowledge/767166">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.kancloud.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PHP知识总结 · 看云</strong>
                                </a>
                                <p class="overflowClip_2">
                                    本文档主要总结笔者在面试和项目实际开发中遇到的高频应用知识点，以及对开发经验的总结归纳。路漫漫其修远兮，愿与君并肩求索。 </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://element.eleme.cn/#/zh-CN/component/table', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://element.eleme.cn/#/zh-CN/component/table">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://element.eleme.cn/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>组件 | Element</strong>
                                </a>
                                <p class="overflowClip_2">Element，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库 </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.shouce.ren/code/index', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.shouce.ren/code/index">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.shouce.ren/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>手册网</strong>
                                </a>
                                <p class="overflowClip_2">优秀的手册网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.dba.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.dba.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.dba.cn/book/html/logo.jpg" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>IT技术速查手册</strong>
                                </a>
                                <p class="overflowClip_2">IT技术速查手册代码</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://clipboardjs.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://clipboardjs.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://clipboardjs.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>clipboard.js中文网</strong>
                                </a>
                                <p class="overflowClip_2">现代化的拷贝文字！不依赖flash, 不依赖其他框架，gzip压缩后只有3kb大小</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://21doc.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://21doc.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.pearadmin.com./assets/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>21文档网</strong>
                                </a>
                                <p class="overflowClip_2">
                                    技术热榜,博客,资讯21文档网(https://www.21doc.net)是一个收集、整理、翻译、汇总国内外中英文资源的网站。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://learn-the-web.algonquindesign.ca/topics/css-layout-cheat-sheet/', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://learn-the-web.algonquindesign.ca/topics/css-layout-cheat-sheet/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://learn-the-web.algonquindesign.ca/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CSS 布局速查表</strong>
                                </a>
                                <p class="overflowClip_2">CSS layout cheat sheet · Web Dev Topics · Learn the Web
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://hemin.cn/jq/index.html', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://hemin.cn/jq/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://hemin.cn/jq/img/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>jQuery 中文手册</strong>
                                </a>
                                <p class="overflowClip_2">jquery 在线手册|jQuery API 中文手册|jQuery 速查表|jQuery 参考手册|jQuery
                                    CHM
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://opendocs.alipay.com/open/00y8k9', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://opendocs.alipay.com/open/00y8k9">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://img.alicdn.com/tfs/TB1qEwuzrj1gK0jSZFOXXc7GpXa-32-32.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>支付宝开放平台文档</strong>
                                </a>
                                <p class="overflowClip_2">沙盒</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.sourcetreeapp.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.sourcetreeapp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/sourcetree.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Sourcetree</strong>
                                </a>
                                <p class="overflowClip_2">通过Sourcetree的简单Git GUI可视化和管理存储库。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- 急速框架 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="急速框架"></i>急速框架</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.pearadmin.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.pearadmin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.pearadmin.com./assets/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ITPear Admin 官网</strong>
                                </a>
                                <p class="overflowClip_2">IT致力于让 'Web' 开发变得简单优雅</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.fastadmin.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.fastadmin.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.fastadmin.net/assets/img/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>FastAdmin</strong>
                                </a>
                                <p class="overflowClip_2">FastAdmin – 基于ThinkPHP和Bootstrap的极速后台开发框架</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.h-ui.net/Hui-3.1-typography.shtml', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.h-ui.net/Hui-3.1-typography.shtml">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.h-ui.net/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>H-ui前端框架手册</strong>
                                </a>
                                <p class="overflowClip_2">简单 · 免费 · 适合中国网站 </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.querylist.cc/docs/guide/v4/overview', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="http://www.querylist.cc/docs/guide/v4/overview">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/querylist.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>QueryList</strong>
                                </a>
                                <p class="overflowClip_2">
                                    QueryList指南,QueryList文档</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.catchadmin.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.catchadmin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/CatchAdmin.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CatchAdmin 官网</strong>
                                </a>
                                <p class="overflowClip_2">
                                    基于 Thinkphp & Vue 开发的后台管理框架</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.dcatadmin.com/#', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.dcatadmin.com/#">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/CatchAdmin.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Dcat Admin</strong>
                                </a>
                                <p class="overflowClip_2">
                                    只需很少的代码即可快速构建出一个功能完善的高颜值后台系统，内置丰富的后台常用组件，开箱即用，基于Laravel admin实现。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.workerman.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.workerman.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.workerman.net/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>workerman</strong>
                                </a>
                                <p class="overflowClip_2">
                                    开源高性能PHP应用容器</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(' https://www.easywechat.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title=" https://www.easywechat.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.easywechat.com/w7team.jpg" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>EasyWeChat - 世界上最好的微信开发 SDK</strong>
                                </a>
                                <p class="overflowClip_2">EasyWeChat 是一个由 @overtrue 基于 MIT 协议开发的高质量开源微信第三方
                                    SDK。EasyWeChat
                                    的安装非常简单，因为它是一个标准的 Composer 包，这意味着任何满足下列安装条件的 PHP 项目支持 Composer 都可以使用它。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://youzan.github.io/vant-weapp/#/collapse', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://youzan.github.io/vant-weapp/#/collapse">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/vant.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Vant Weapp</strong>
                                </a>
                                <p class="overflowClip_2">轻量、可靠的小程序 UI 组件库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.lodashjs.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.lodashjs.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.lodashjs.com/img/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Lodash</strong>
                                </a>
                                <p class="overflowClip_2">Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://echarts.apache.org/zh/index.html', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://echarts.apache.org/zh/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.jsdelivr.net/gh/apache/echarts-website@asf-site/zh/images/favicon.png?_v_=20200710_1"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Apache ECharts</strong>
                                </a>
                                <p class="overflowClip_2">Apache ECharts 一个基于 JavaScript 的开源可视化图表库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.buildadmin.com/', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.buildadmin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.buildadmin.com/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>buildadmin</strong>
                                </a>
                                <p class="overflowClip_2">使用流行技术栈快速创建商业级后台管理系统-BuildAdmin是基于TP8、Vue3.x、Typescript、Vite、Pinia、Element plus等的开源后台系统</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://v3.bootcss.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://v3.bootcss.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://v3.bootcss.com/apple-touch-icon.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Bootstrap</strong>
                                </a>
                                <p class="overflowClip_2">Bootstrap - 简洁、直观、强悍、移动设备优先的前端开发框架，让web开发更迅速、简单。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.ibootstrap.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ibootstrap.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://cdn.ibootstrap.cn/img/favicon.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ibootstrap - Bootstrap可视化布局系统</strong>
                                </a>
                                <p class="overflowClip_2">LayoutIt! 可拖放排序在线编辑的Bootstrap可视化布局系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://cn.vuejs.org', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://cn.vuejs.org">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cn.vuejs.org//images/logo.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Vue.js</strong>
                                </a>
                                <p class="overflowClip_2">渐进式 JavaScript 框架</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.swoole.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.swoole.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.swoole.com/dist/skin1/images/logo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Swoole - PHP 协程框架</strong>
                                </a>
                                <p class="overflowClip_2">Swoole:
                                    PHP的异步、并行、高性能网络通信引擎，支持TCP长连接，Websocket，Mqtt等协议。广泛用于手机app、手游服务端、网络游戏服务器、聊天室、硬件通讯、智能家居、车联网、物联网等领域的开发。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.easyswoole.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.easyswoole.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.easyswoole.com/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>
                                        easyswoole</strong>
                                </a>
                                <p class="overflowClip_2">
                                    easyswoole - 基于swoole扩展实现的一款高性能php框架
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://ocpc.baidu.com/developer/d/guide', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ocpc.baidu.com/developer/d/guide">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.baidu.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>百度 oCPC 开发者中心</strong>
                                </a>
                                <p class="overflowClip_2">基础代码埋码指南 · 百度 oCPC 开发者文档</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.douphp.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.douphp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.douphp.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DouPHP-企业建站系统</strong>
                                </a>
                                <p class="overflowClip_2">DouPHP-企业建站系统_轻量级_模块化-豆皮CMS</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://hamibot.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://hamibot.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://hamibot.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Hamibot</strong>
                                </a>
                                <p class="overflowClip_2">Hamibot 安卓自动化工具，提高工作效率</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- end急速框架 -->
            <br>
            <!-- PHP博客论坛 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PHP博客论坛"></i>PHP博客论坛</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.php.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.php.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.php.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PHP中文网</strong>
                                </a>
                                <p class="overflowClip_2">php中文网-教程_手册_视频-免费php在线学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.startphp.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.startphp.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.startphp.cn/templets/news/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PHP自学中心</strong>
                                </a>
                                <p class="overflowClip_2">php教程,php基础,php进阶,php高级,自学php,php学习,it学习网,免费视频教程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.php1.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.php1.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.php1.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>第一PHP社区</strong>
                                </a>
                                <p class="overflowClip_2">第一PHP社区</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.p2hp.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.p2hp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.p2hp.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PHP中文站</strong>
                                </a>
                                <p class="overflowClip_2">创造者和他们的工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.3qphp.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.3qphp.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/today.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>谷谷点程序</strong>
                                </a>
                                <p class="overflowClip_2">谷谷点程序是国内专业的php，javascript，java，android，c语言等编程分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.youqiong.net/market/0/1/0/0', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.youqiong.net/market/0/1/0/0">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://oss.youqiong.net/e5bcbfcf997ca05f/0aac975c62ae1dc6.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>有穹源码</strong>
                                    <!-- 账户：Faiz；密码：123456789 -->
                                </a>
                                <p class="overflowClip_2">有穹，是一个专注于开源软件源码分享与源码创作交流分享的平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">


                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://segmentfault.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://segmentfault.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.segmentfault.com/v-5feb05cf/global/img/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>segmentfault</strong>
                                </a>
                                <p class="overflowClip_2">一个专注于解决编程问题，提高开发技能的社区。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.cnblogs.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.cnblogs.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://common.cnblogs.com/favicon.svg" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>博客园</strong>
                                </a>
                                <p class="overflowClip_2">
                                    开发者,程序员,博客园,程序猿,程序媛,极客,码农,编程,代码,软件开发,开源,IT网站,技术社区,Developer,Programmer,Coder,Geek,Coding,Code
                                </p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://developer.51cto.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://developer.51cto.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://s5.51cto.com/oss/202010/13/fa4588900383b7f5386d4e0ff11830ca.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>
                                        IT技术网站</strong>
                                </a>
                                <p class="overflowClip_2">
                                    开发频道_51CTO.COM_中国领先的IT技术网站
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <br />
            <!--END PHP博客论坛 -->
            <!-- PHP个人博客 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PHP个人博客"></i>PHP个人博客</h4>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.php20.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.php20.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://image.php20.cn/Upload/image/logo.gif" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>仙士可博客</strong>
                                </a>
                                <p class="overflowClip_2">仙士可博客,技术博客,php,技术分享,php博客</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.liaoxuefeng.com/wiki/1022910821149312/1023022460826944', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.liaoxuefeng.com/wiki/1022910821149312/1023022460826944">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.liqingbo.cn/static/images/blog1.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>廖雪峰博客</strong>
                                </a>
                                <p class="overflowClip_2">PHP博客_共同学习分享PHP技术心得【PHP爱好者】</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.blogxuan.com/news.html', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.blogxuan.com/news.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.blogxuan.com/static/home/images/wxapplet.jpg"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>玄玄之家</strong>
                                </a>
                                <p class="overflowClip_2">
                                    玄玄之家博客,PHP,Thinkphp,技术博客,小程序,HTML,CSS3,CSS,jQuery插件,企业建站,免费模板
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://xiaolincoding.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://xiaolincoding.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.xiaolincoding.com/icon.webp"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小林 x 图解计算机基础</strong>
                                </a>
                                <p class="overflowClip_2">
                                    图解计算机网络、操作系统、计算机组成、数据库，让天下没有难懂的八股文！
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.aeink.com', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.aeink.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.aeink.com/content/templates/emlog_dux/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>AE博客</strong>
                                </a>
                                <p class="overflowClip_2">AEINK,墨渊,AE博客,建站源码,网络技术,免空免域,模板主题,电脑软件,域名防红,防洪系统</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://blog.cccyun.cn/post-305.html', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://blog.cccyun.cn/post-305.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://blog.cccyun.cn/content/uploadfile/201506/28561434762580.jpg"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>缤纷彩虹分享天地</strong>
                                </a>
                                <p class="overflowClip_2">网页在线制作系统1.4最新版源码 - 缤纷彩虹天地</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.youngxj.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.youngxj.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.youngxj.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小杰博客</strong>
                                </a>
                                <p class="overflowClip_2">
                                    Young杨小杰Blog,PHPer,小杰,Youngxj,Emlog,PHP技术教程,源码下载,网页技术教程,网站搭建,建站软件,建站技术教程,技术教程
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://api.xingzhige.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://api.xingzhige.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://api.xingzhige.com/assets/img/logo.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>星阁API</strong>
                                </a>
                                <p class="overflowClip_2">
                                    星之阁API站、随机壁纸API、动漫壁纸API、美女壁纸API、一言API、随机头像API、加群API、动漫头像API、手机壁纸API、电脑壁纸API、自动换壁纸API。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.badianboke.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.badianboke.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.badianboke.com//assets/img/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>八点博客</strong>
                                </a>
                                <p class="overflowClip_2">
                                    八点博客-专注于web前端技术、java开发、php开发、golang开发、vuejs开发、uniapp开发、python开发、人工智能等开发实例问答技术文章、开发教程、开发文档、开发社区、开发技术论坛、开发资源下载平台
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.hongfs.cn/index.html', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.hongfs.cn/index.html">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.hongfs.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小黑兔</strong>
                                </a>
                                <p class="overflowClip_2"> 一起向未来
                                </p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.cnblogs.com/makalochen', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.cnblogs.com/makalochen">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://common.cnblogs.com/favicon.svg" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>makalo - 博客园</strong>
                                </a>
                                <p class="overflowClip_2">makalo__个人笔记
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.cnblogs.com/zxf100/tag/PHP/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.cnblogs.com/zxf100/tag/PHP/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://common.cnblogs.com/favicon.svg" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>下页、再停留 - 博客园</strong>
                                </a>
                                <p class="overflowClip_2">下页、再停留__个人笔记
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.linganmin.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.linganmin.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://graph.linganmin.cn/201206/fe9c5e8ef76354659ab9c6c8764d6f3d"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小下 </strong>
                                </a>
                                <p class="overflowClip_2">
                                    找不到北，就多看东西
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.mdaima.com/daima/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.linganmin.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.mdaima.com/images/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>李雷博客 - PHP博客</strong>
                                </a>
                                <p class="overflowClip_2">
                                    专注PHP技术学习分享的PHP博客常用PHP/JS/JQ/MYSQL代码手册
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <br>
            <!-- ENDPHP个人博客 -->
            <!-- 源码站 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="源码站"></i>源码站</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://sc.chinaz.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://sc.chinaz.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://sc.chinaz.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站长之家</strong>
                                </a>
                                <p class="overflowClip_2">站长素材-分享综合设计素材的平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.jb51.net/jiaoben/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.jb51.net/jiaoben/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.jb51.net/images/logo.gif" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>脚本之家</strong>
                                </a>
                                <p class="overflowClip_2">脚本下载,提供脚本编程类资源软件，资源等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://classcms.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.jb51.net/jiaoben/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://classcms.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ClassCMS</strong>
                                </a>
                                <p class="overflowClip_2">ClassCMS是一款简单、灵活、安全、易于拓展的内容管理系统。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.cssmoban.com/cssthemes/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.cssmoban.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.jb51.net/images/logo.gif" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>模板之家</strong>
                                </a>
                                <p class="overflowClip_2">网页模板,网站模板,DIV+CSS模板,企业网站模板下载-模板之家</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.17sucai.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.17sucai.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.17sucai.com/statics/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>17素材网</strong>
                                </a>
                                <p class="overflowClip_2">jQuery网页特效最全网页模板和网站模板jQuery代码_17素材网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.jq22.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.jq22.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.jq22.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>JQ插件库</strong>
                                </a>
                                <!-- <p class="overflowClip_2">在这里发现更多有趣的应用</p> -->
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.51qianduan.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.51qianduan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.51qianduan.com/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>51前端</strong>
                                </a>
                                <p class="overflowClip_2">
                                    js特效_网页特效_html模板_网站模板-51前端特效模板下载平台
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.jq-school.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.jq-school.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.jq-school.com/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>JQuery学校</strong>
                                </a>
                                <p class="overflowClip_2">
                                    jqueryschool-国内最大的jquery原创分享社区</p>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://js.mobanwang.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://js.mobanwang.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.mobanwang.com/images/v4/logo.gif" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>模板王</strong>
                                </a>
                                <p class="overflowClip_2">
                                    模板王JS网页特效下载频道，可进行JS网页特效查询、下载。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.sucaihuo.com/js', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.sucaihuo.com/js">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://ossali.sucaihuo.com/sucaihuo/Public/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>素材火</strong>
                                </a>
                                <p class="overflowClip_2">
                                    源码之家 - 提供最新免费网站源码下载！
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>


            <br />
            <!--END 源码站 -->
            <!-- 大牛技术 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="大牛技术"></i>大牛技术</h4>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://isux.tencent.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://isux.tencent.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://isux.tencent.com/static/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>ISUX</strong>
                                </a>
                                <p class="overflowClip_2">
                                    腾讯社交用户体验设计，简称ISUX，腾讯设计团队网站
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br />
            <!-- END大牛技术 -->
            <!-- end编程 -->

            <!-- AI智能 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="AI智能"></i>AI智能</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.liblib.art/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.liblib.art/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://liblibai-web-static.vibrou.com/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LibLibAI </strong>
                                </a>
                                <p class="overflowClip_2">
                                    Civitai,C 站最好的国内平替
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://inscode.csdn.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://inscode.csdn.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://csdnimg.cn/release/inscode_fe/public/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>InsCode </strong>
                                </a>
                                <p class="overflowClip_2">
                                    InsCode - 让你的灵感立刻落地 - InsCode
                                </p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <!-- END AI智能 -->

            <!-- 电脑IT -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="电脑IT"></i>电脑IT</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.landiannews.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.landiannews.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://static.lancdn.com/landian/public/images/logo/logo-57.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>蓝点网</strong>
                                </a>
                                <p class="overflowClip_2">
                                    蓝点网致力于分享互联网优秀软件、电脑经验、技术交流、IT类新闻资讯等为一体的站点，希望能在网友遇到问题需要帮助时及时提供解决方法。蓝点网，让你更懂你的电脑。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.cxyquan.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.cxyquan.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cxyquan.oss-cn-shenzhen.aliyuncs.com/2018/09/cropped-0-32x32.jpg"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>程序员圈</strong>
                                </a>
                                <p class="overflowClip_2">程序员圈 | 程序猿技术在线学习站点</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.aigei.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.aigei.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn-sqn.aigei.com/assets/site/img/icon/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>爱给网（限制积分下载）</strong>
                                </a>
                                <p class="overflowClip_2">中国最大的数字娱乐免费素材下载网站,免费提供免费的音效配乐|3D模型|视频|游戏素材资源下载。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.zol.com.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.zol.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://icon.zol-img.com.cn/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>中关村在线</strong>
                                </a>
                                <p class="overflowClip_2">
                                    中关村在线,中关村,电脑报价,新闻,行情,导购,装机,攒机,评测,新品,软件,下载,产品,报价,经销商,二手,数码,手机,数码相机,数码摄像机,DC,DV,MP3,MP4,论坛,硬件论坛
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://faxian.appinn.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://faxian.appinn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/appinn.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>小众软件</strong>
                                </a>
                                <p class="overflowClip_2">在这里发现更多有趣的应用</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.yishimei.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.yishimei.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.yishimei.cn/image/ysm_gzh.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>亦是美网络</strong>
                                </a>
                                <p class="overflowClip_2">致力于操作系统应用与计算机网络技术的IT网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://msdn.itellyou.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://msdn.itellyou.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://msdn.itellyou.cn/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我告诉你</strong>
                                </a>
                                <p class="overflowClip_2">MSDN, 我告诉你 - 做一个安静的工具站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 电脑IT -->
            <!-- 创意设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="创意设计"></i>创意设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://dribbble.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://dribbble.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/dribbble.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Dribbble</strong>
                                </a>
                                <p class="overflowClip_2">全球UI设计师作品分享平台。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/uicn.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>UI中国</strong>
                                </a>
                                <p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.zcool.com.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.zcool.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/zcool.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>站酷</strong>
                                </a>
                                <p class="overflowClip_2">中国人气设计师互动平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.uigreat.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/uigreat.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优阁网</strong>
                                </a>
                                <p class="overflowClip_2">UI设计师学习交流社区</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.pinterest.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.pinterest.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/pinterest.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Pinterest</strong>
                                </a>
                                <p class="overflowClip_2">全球美图收藏采集站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://huaban.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://huaban.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/huaban.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>花瓣</strong>
                                </a>
                                <p class="overflowClip_2">收集灵感,保存有用的素材</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.uisdc.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/uisdc.png" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优设</strong>
                                </a>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.gtn9.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/gtn9.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>古田路9号</strong>
                                </a>
                                <p class="overflowClip_2">国内专业品牌创意平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://eleduck.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://eleduck.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/eleduck.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>电鸭社区</strong>
                                </a>
                                <p class="overflowClip_2">国内最早的远程工作社区，也是互联网工作者们的聚集地，非常适合设计开发小伙伴关注</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.woshipm.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/woshipm.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>人人都是产品经理</strong>
                                </a>
                                <p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.pmcaff.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/pmcaff.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PMCAFF</strong>
                                </a>
                                <p class="overflowClip_2">中国第一产品经理人气组织，专注于研究互联网产品</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.niaogebiji.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.niaogebiji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/niaogebiji.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>鸟哥笔记</strong>
                                </a>
                                <p class="overflowClip_2">移动互联网第一干货平台</p>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <br />
            <!-- END 创意设计 -->
            <!--END 推荐 -->
            <!-- PS大法 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PS大法"></i>PS大法</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://brushes8.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://brushes8.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://brushes8.com/wp-content/themes/new1.0/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PS笔刷吧</strong>
                                </a>
                                <p class="overflowClip_2">
                                    海量PhotoShop笔刷素材免费下载！PS笔刷吧</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.06ps.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.06ps.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.06ps.com/skin/style/images/logo.jpg" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PS教程网</strong>
                                </a>
                                <p class="overflowClip_2">PS教程网-PS教程自学网-Photoshop教程-在线PS自学网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.psjia.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.psjia.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.psjia.com/images/logo.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PS家园网</strong>
                                </a>
                                <p class="overflowClip_2">PS家园网集PS教程、PS笔刷、滤镜下载、PS素材下载、PS交流于一体。为您提供一站式的ps学习体验。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.lookae.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.lookae.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.lookae.com/5favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>LookAE.com</strong>
                                </a>
                                <p class="overflowClip_2">大众脸影视后期特效</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.daimg.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.daimg.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/大图网.jpg" class="lozad img-circle" width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>大图网</strong>
                                </a>
                                <p class="overflowClip_2">高清图片,图片素材,PSD素材,PS素材,淘宝素材,影楼模板,矢量素材,设计字体</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br>
            <!-- ENDPS大法 -->
            <!-- 广告素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="广告素材"></i>广告素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.cqado.com.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.cqado.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.cqado.com.cn/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>CQADO</strong>
                                </a>
                                <p class="overflowClip_2">信息流/短视频广告监测_互联网广告媒体平台监控数据工具-CQADO</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://appgrowing.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://appgrowing.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://static-ag.ymcdn.cn/common/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>App Growing</strong>
                                </a>
                                <p class="overflowClip_2">
                                    素材搜索,用户增长,数据监测,SPY工具,广告追踪,竞争情报,营销分析,广告文案,落地页,直营电商,二类电商,游戏买量,竞品追踪,效果优化,市场洞察,信息流推广,竞价广告,激励式视频,朋友圈广告
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://bigbigads.io/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://bigbigads.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://t.uncledesk.com/saasbox/product/icon/3b5cd372435f44d6b7e184ab3b310b1d.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>BigBigAds</strong>
                                </a>
                                <p class="overflowClip_2">BigBigAds_头条广告情报_广告监测系统|广告投放分析|二类电商选品</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.ad1024.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ad1024.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/信息流雷达.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>信息流雷达--feeds radar</strong>
                                </a>
                                <p class="overflowClip_2">
                                    信息流雷达是为广告主、媒体、运营优化师、营销商务提供一站式信息流广告解决方案的工具，通过分析广告热度、广告排行、媒体排行、竞品广告动态等，帮助您快速有效优化广告投放，及时了解广告市场动态、提升工作效率
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br>
            <!-- 图标素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.iconfont.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.iconfont.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/iconfont.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iconfont</strong>
                                </a>
                                <p class="overflowClip_2">阿里巴巴矢量图标库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.fontawesome.com.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.fontawesome.com.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/fontawesomeicon.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Fontawesome中文版webfont</strong>
                                </a>
                                <p class="overflowClip_2">Fontawesome中文版webfont,是一款基于css框架的网页字体图标库，它完全免费</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://yunyingfile.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://yunyingfile.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://yunyingfile.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>运营文件夹-运营导航</strong>
                                </a>
                                <p class="overflowClip_2">运营文件夹,运营工具,导航网站,运营导航,素材网站,效率软件,</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 图标素材 -->
            <!-- LOGO设计 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="LOGO设计"></i>LOGO设计</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.iconsfeed.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.iconsfeed.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/iconsfeed.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Iconsfeed</strong>
                                </a>
                                <p class="overflowClip_2">iOS icons gallery</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://iosicongallery.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://iosicongallery.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/iosicongallery.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iOS Icon Gallery</strong>
                                </a>
                                <p class="overflowClip_2">Showcasing beautiful icon designs from the iOS App Store
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://worldvectorlogo.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://worldvectorlogo.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/worldvectorlogo.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>World Vector Logo</strong>
                                </a>
                                <p class="overflowClip_2">Brand logos free to download</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br />
            <!--END LOGO设计 -->
            <!-- 平面素材 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="平面素材"></i>平面素材</h4>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://medialoot.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://medialoot.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/Medialoot.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Medialoot</strong>
                                </a>
                                <p class="overflowClip_2">Free &amp; Premium Design Resources &mdash; Medialoot</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.nipic.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.nipic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/nipic.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>昵图网</strong>
                                </a>
                                <p class="overflowClip_2">原创素材共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.sccnn.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.sccnn.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/sccnn.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>素材中国</strong>
                                </a>
                                <p class="overflowClip_2">免费素材共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.58pic.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/qiantu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千图网</strong>
                                </a>
                                <p class="overflowClip_2">专注免费设计素材下载的网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://588ku.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://588ku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/qianku.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千库网</strong>
                                </a>
                                <p class="overflowClip_2">免费png图片背景素材下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/wotu.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>我图网</strong>
                                </a>
                                <p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://90sheji.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://90sheji.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/90sheji.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>90设计</strong>
                                </a>
                                <p class="overflowClip_2">电商设计（淘宝美工）千图免费淘宝素材库</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <br />
            <!--END 素材图库 -->
            <!-- UI资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="UI资源"></i>UI资源</h4>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.yrucd.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.yrucd.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/yrucd.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>云瑞</strong>
                                </a>
                                <p class="overflowClip_2">优秀设计资源的分享网站</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <br />
            <!--END UI资源 -->
            <!-- 字体资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.ziticangku.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.ziticangku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/ziticangku.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体仓库</strong>
                                </a>
                                <p class="overflowClip_2">最全的免费商用字体库</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://izihun.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://izihun.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/字魂网.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字魂网</strong>
                                </a>
                                <p class="overflowClip_2">字魂网--商用字体下载，字体定制，在线免费字体下载</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.fonts.net.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.fonts.net.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/字体天下.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体天下</strong>
                                </a>
                                <p class="overflowClip_2">字体天下提供中文字体、手写字体、英文字体、图形字体等各种字体的高速免费下载和在线预览服务.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.foundertype.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/Fondertype.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>方正字库</strong>
                                </a>
                                <p class="overflowClip_2">方正字库官方网站</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://ziticq.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ziticq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/ziticq.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>字体传奇网</strong>
                                </a>
                                <p class="overflowClip_2">中国首个字体品牌设计师交流网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.maoken.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.maoken.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.maoken.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>猫啃</strong>
                                </a>
                                <p class="overflowClip_2">免费商用中英文字体</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 字体资源 -->
            <!-- 摄影图库 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="摄影图库"></i>摄影图库</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://colorhub.me', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://colorhub.me">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://colorhub.me/colorhub.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>colorhub.me</strong>
                                </a>
                                <p class="overflowClip_2">高清无版权图片，个人和商业用途免费</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.mmonly.cc/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.mmonly.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/唯一.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>唯一图库</strong>
                                </a>
                                <p class="overflowClip_2">【唯一图库】主要分享美女图片大全,唯美图片大全以及风景图片大全等</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.pexels.com/zh-cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.pexels.com/zh-cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/pexels.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Pexels高清图片</strong>
                                </a>
                                <p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://stocksnap.io/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://stocksnap.io/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/StockSnap.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>StockSnap</strong>
                                </a>
                                <p class="overflowClip_2">美图分享</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://unsplash.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/unsplash.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Unsplash</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful, free photos.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://pixabay.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/pixabay.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>pixabay</strong>
                                </a>
                                <p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://negativespace.co/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://negativespace.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/negativespace.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>negativespace</strong>
                                </a>
                                <p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://wallhaven.cc/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://wallhaven.cc/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://wallhaven.cc/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>wallhaven</strong>
                                </a>
                                <p class="overflowClip_2">壁纸网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://desk.3gbizhi.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://desk.3gbizhi.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://pic.3gbizhi.com/2020/0822/20200822073145558.jpg.140.140.jpg"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>wallhaven</strong>
                                </a>
                                <p class="overflowClip_2">电脑桌面壁纸大全-高清电脑桌面壁纸图片-超高清壁纸桌面免费下载-3g壁纸</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.hdwallpapers.net', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.hdwallpapers.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/hdwallpapers.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>hdwallpapers</strong>
                                </a>
                                <p class="overflowClip_2">High Definition Wallpapers & Desktop Backgrounds</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://papers.co/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://papers.co/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/papers.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>papers</strong>
                                </a>
                                <p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.bigbigwork.com', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.bigbigwork.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.bigbigwork.com/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>大作</strong>
                                </a>
                                <p class="overflowClip_2">
                                    大作是专为设计师度身定制的集合式搜图引擎，同时收录全球最全的设计素材供设计师使用，为用户加速打开全球各大知名设计网站，一次搜索点击，一秒打开大图。目前在库14.6亿创意设计、设计素材、摄影大图，并且保持每日更新量在25万张以上。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open(' https://pxhere.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title=" https://pxhere.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://s.pxhere.com/media/apple-touch-icon-60x60.png?v=73"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PxHere摄影图库</strong>
                                </a>
                                <p class="overflowClip_2">
                                    素材中国, 桌面壁纸, 高清壁纸, PxHere, CC0图库 ,苹果手机壁纸, 安卓手机壁纸, 摄影图库
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://bz.zzzmh.cn/index', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://bz.zzzmh.cn/index">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://bz.zzzmh.cn/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>极简壁纸</strong>
                                </a>
                                <p class="overflowClip_2">
                                    极简壁纸_海量电脑桌面壁纸美图_4K超高清_最潮壁纸网站
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.bigpixel.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.bigpixel.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://pf.bigpixel.cn/app/data/static_new/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>千亿像素看中国</strong>
                                </a>
                                <p class="overflowClip_2">
                                    放大万倍体验中国城市，展现城市特色，讲好中华文化。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 摄影图库 -->
            <!-- PPT资源 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
            <div class="row">

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.ypppt.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.ypppt.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/ypppt.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优品PPT</strong>
                                </a>
                                <p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://ppt.500d.me/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://ppt.500d.me/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/500d.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>5百丁</strong>
                                </a>
                                <p class="overflowClip_2">中国领先的PPT模板共享平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END PPT资源 -->
            <!-- 微信推文 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="微信推文"></i>微信推文</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://mp.weixin.qq.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://mp.weixin.qq.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://res.wx.qq.com/a/wx_fed/assets/res/NTI4MWU5.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>微信公众平台</strong>
                                </a>
                                <p class="overflowClip_2">微信公众平台，给个人、企业和组织提供业务服务与用户管理能力的全新服务平台。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://weixintools.net/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://weixintools.net/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://weixintools.net/zb_users/upload/2020/12/202012191608387618554338.jpg"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>微信工具箱</strong>
                                </a>
                                <p class="overflowClip_2">微信工具箱——微信营销\公众号运营推广\粉丝关注互动辅助软件工具大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.135editor.com/?https=1', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.135editor.com/?https=1">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.135editor.com//apple-touch-icon.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>135编辑器</strong>
                                </a>
                                <p class="overflowClip_2">135编辑器官网-微信排版编辑器-微信公众号图文排版工具，好用素材多</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://yibanbianji.com/?utm=baidu_qxq&bd_vid=11647804527835662697', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://yibanbianji.com/?utm=baidu_qxq&bd_vid=11647804527835662697">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://cdn.yiban.io/web/mpa-web-editor/common_favicon.861502829603.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>壹伴编辑器</strong>
                                </a>
                                <p class="overflowClip_2">壹伴微信编辑器_微信公众平台图文排版工具_海量模板_一键排版</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <!-- END微信推文-->
            <br>
            <!-- 在线配色 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线配色"></i>在线配色</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://zhongguose.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://zhongguose.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://zhongguose.com/img/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <span class="label label-info" data-toggle="tooltip" data-placement="left" title=""
                                data-original-title="Hello I am a Tooltip"></span>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>中国色</strong>
                                </a>
                                <p class="overflowClip_2">提供各种中国的传统颜色的名称，CMYK值，RGB值，16进制表示。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 在线配色 -->
            <!-- 在线工具 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="在线工具"></i>在线工具</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.uupoop.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uupoop.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.uupoop.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线PS</strong>
                                </a>
                                <p class="overflowClip_2">【在线PS软件】在线PS图片（照片）处理工具_在线制作编辑图片ps精简版</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://tool.lu', '_blank')" data-toggle="tooltip" data-placement="bottom"
                        title="" data-original-title="https://tool.lu">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://tool.lu/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线工具 - 程序员的工具箱</strong>
                                </a>
                                <p class="overflowClip_2">
                                    在线工具,开发人员工具,代码格式化、压缩、加密、解密,下载链接转换,sql工具,正则测试工具,favicon在线制作,字帖工具,中文简繁体转换,迅雷下载链接转换,进制转换,二维码
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://xiuxiu.web.meitu.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://xiuxiu.web.meitu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/美图秀秀.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>美图秀秀网页版</strong>
                                </a>
                                <p class="overflowClip_2">官方网站_在线制作图片及图片处理工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.toolnb.com', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.toolnb.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.toolnb.com/Public/logo.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>爱资料在线工具</strong>
                                </a>
                                <p class="overflowClip_2">爱资料在线工具,在线工具,在线工具箱</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://cli.im/deqr', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://cli.im/deqr">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://static.clewm.net/static/images/favicon.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>草料二维码</strong>
                                </a>
                                <p class="overflowClip_2">在线二维码解码器,可通过拖拽或上传二维码图片、电脑摄像头扫描二维码、输入二维码图片地址等方式获取二维码的内容。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.seo56.cn/weiyuanchuang/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.seo56.cn/weiyuanchuang/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.seo56.cn/Public/seo56/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>在线伪原创</strong>
                                </a>
                                <p class="overflowClip_2">文章伪原创_SEO56伪原创</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.slimego.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.slimego.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.slimego.cn/images/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>史莱姆</strong>
                                </a>
                                <p class="overflowClip_2">史莱姆搜索 - 学习资源最丰富的网盘搜索网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.cn-ki.net', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.cn-ki.net">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.cn-ki.net/static/idata_logo.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>iData-知识检索</strong>
                                </a>
                                <p class="overflowClip_2">iData知识检索—免费下载学术文献,免费论文下载。</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.gaoding.com', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.gaoding.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/gaoding.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>稿定抠图</strong>
                                </a>
                                <p class="overflowClip_2">免费在线抠图软件,图片快速换背景-抠白底图</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.ilovepdf.com/zh-cn', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.ilovepdf.com/zh-cn">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.ilovepdf.com/img/app-icon.png" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PDF转换</strong>
                                </a>
                                <p class="overflowClip_2">iLovePDF | 为PDF爱好者提供的PDF文件在线处理工具</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.gaitubao.com/yinzhang/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.gaitubao.com/yinzhang/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="./img/改图宝.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>改图宝</strong>
                                </a>
                                <p class="overflowClip_2">改图宝 - 在线修改照片大小尺寸工具</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 在线工具 -->
            <!-- 视频教程 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="视频教程"></i>视频教程</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://study.163.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://study.163.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/网易云课堂.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>网易云课堂</strong>
                                </a>
                                <p class="overflowClip_2">
                                    网易云课堂，一个专注职业技能提升的在线学习平台。立足于实用性的要求，与多家教育培训机构和行业的专家、讲师建立合作，聚合了丰富的学习内容，包括课程、电子书、文章、短视频、音频等。平台提倡系统化的学习，旨在帮助用户获得全面的、非零散的知识和技能，实现学有所长，并能学以致用！,云课堂
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.imooc.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.imooc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.imooc.com/static/img/common/touch-icon-ipad.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>慕课网</strong>
                                </a>
                                <p class="overflowClip_2">慕课网，imooc，JAVA，前端，Python，大数据</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.w3cschool.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.w3cschool.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://7n.w3cschool.cn/statics/images/favicon.ico?v=2.2"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>w3cschool</strong>
                                </a>
                                <p class="overflowClip_2">w3cschool - 编程狮，随时随地学编程</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.itheima.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.itheima.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.itheima.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>黑马程序员官网</strong>
                                </a>
                                <p class="overflowClip_2">黑马程序员官网-IT培训机构|java培训|前端培训|python培训|大数据培训</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 视频教程 -->
            <!-- 设计文章 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="设计文章"></i>设计文章</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.uisdc.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="assets/images/logos/uisdc.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>优设网</strong>
                                </a>
                                <p class="overflowClip_2">设计师交流学习平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <br />
            <!--END 设计文章 -->
            <!-- 打工人干饭魂 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="打工人干饭魂"></i>打工人干饭魂</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.zhipin.com/?sid=sem_pz_bdpc_dasou_title', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://www.zhipin.com/?sid=sem_pz_bdpc_dasou_title">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://static.zhipin.com/v2/web/geek/images/logo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>BOSS直聘</strong>
                                </a>
                                <p class="overflowClip_2">找工作我要找老板谈</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://mkt.51job.com/tg/sem/pz_v2.html?from=baidupz', '_blank')"
                        data-toggle="tooltip" data-placement="bottom" title=""
                        data-original-title="https://mkt.51job.com/tg/sem/pz_v2.html?from=baidupz">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://mkt.51job.com//favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>前程无忧</strong>
                                </a>
                                <p class="overflowClip_2">好工作尽在前程无忧</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.zhaopin.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.zhaopin.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://img09.zhaopin.cn/2012/other/mobile/pc/favicon-16x16.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>智联招聘</strong>
                                </a>
                                <p class="overflowClip_2">招聘,招聘网,人才网,求职,找工作</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.lagou.com/guangzhou/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.lagou.com/guangzhou/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="img/lagou.jpg" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>拉钩网</strong>
                                </a>
                                <p class="overflowClip_2">上拉勾-专业的互联网求职找工作平台</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.shixiseng.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.shixiseng.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://sxsimg.xiaoyuanzhao.com/static/new_main/img/logo-shixiseng.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>实习僧</strong>
                                </a>
                                <p class="overflowClip_2">实习_校园招聘_大学生求职招聘网站 | 实习僧</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- END打工人干饭魂-->
            <br>
            <!-- 友情导航 -->
            <h4 class="text-gray"><i class="linecons-tag" style="margin-right: 7px;" id="友情导航"></i>友情导航</h4>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://nav.miooku.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://nav.miooku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://miooku.com/wp-content/uploads/2022/10/20191111045822308_easyicon_net_32.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>DiscoveryNav - 探索导航</strong>
                                </a>
                                <!-- <p class="overflowClip_2">Web前端导航</p> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.peterx.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://nav.miooku.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.peterx.cn/wp-content/uploads/2021/06/pmlogo.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>PM HOME | 产品经理之家</strong>
                                </a>
                                <!-- <p class="overflowClip_2">Web前端导航</p> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.alloyteam.com/nav/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.alloyteam.com/nav/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.alloyteam.com/nav/static/images/alloyteam-favicon.jpg"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>Web前端导航</strong>
                                </a>
                                <p class="overflowClip_2">DiscoveryNav专注探索发现互联网好玩的资源！发现有趣的互联网世界
                                    discovery探索导航是汇集全网优质网址及资源的中文上网导航。及时收录影视、音乐、小说、游戏等分类的网址和内容，让您的网络生活更简单精彩。上网，从discovery探索导航开始。
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.24kdh.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.24kdh.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.24kdh.com/wp-content/uploads/2020/07/201910021570016173270585-3.ico"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>24K导航</strong>
                                </a>
                                <p class="overflowClip_2">24k导航 | 专注全网优质网址、优质资源分享。</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.0ib.cc', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.0ib.cc">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.0ib.cc/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>AI导航网</strong>
                                </a>
                                <!-- <p class="overflowClip_2">搜狗搜索引擎 - 上网从搜狗开始</p> -->
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://ai-bot.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://ai-bot.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://ai-bot.cn/wp-content/uploads/2023/07/ai-bot-favicon.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>
                                        <title>AI工具集导航</title>
                                    </strong>
                                </a>
                                <p class="overflowClip_2">500+ AI工具导航大全，国内外AI工具集合网站</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://16map.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://16map.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://16map.com/wp-content/themes/16map/img/c-icon.png"
                                    class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>
                                        <title>一流导航</title>
                                    </strong>
                                </a>
                                <p class="overflowClip_2">人人都在用的上网导航网址大全</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.yituyu.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.yituyu.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://img.yituyu.com/static/ico.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>
                                        <title>艺图语</title>
                                    </strong>
                                </a>
                                <p class="overflowClip_2">好看的图片大全_美图图库_超高清大图网站 - 艺图语</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
            <div class="row">
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://seeseed.com', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://seeseed.com">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.seeseed.com/favicon.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>无穷尽设计</strong>
                                    <!-- https://www.zhihu.com/question/20403214#answer-1140425 -->
                                </a>
                                <p class="overflowClip_2">Seeseed-无穷尽设计可能，为设计师提供国内外最全的设计灵感、设计素材、设计工具、设计教程。</p>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://hao.shejidaren.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://hao.shejidaren.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://hao.shejidaren.com/images/favicon.ico" class="lozad img-circle"
                                    width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>设计师网址导航</strong>
                                </a>
                                <p class="overflowClip_2">设计师网址导航专注分享优秀设计网站、免费无版权限制可商用的高品质素材，设计教程、尺寸规范、配色方案、设计素材和灵感
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('http://www.jishu5.com/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="http://www.jishu5.com/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="http://www.jishu5.com/favicon.ico" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>技术导航网</strong>
                                </a>
                                <p class="overflowClip_2">技术导航,技术屋导航网,QQ技术导航,技术导航,黑客导航,便捷导航,技术网,娱乐网</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="xe-widget xe-conversations box2 label-info"
                        onclick="window.open('https://www.code-nav.cn/', '_blank')" data-toggle="tooltip"
                        data-placement="bottom" title="" data-original-title="https://www.code-nav.cn/">
                        <div class="xe-comment-entry">
                            <a class="xe-user-img">
                                <img data-src="https://www.code-nav.cn/logo.png" class="lozad img-circle" width="40">
                            </a>
                            <div class="xe-comment">
                                <a href="#" class="xe-user-name overflowClip_1">
                                    <strong>编程导航</strong>
                                </a>
                                <p class="overflowClip_2">最专业的程序员编程导航,发现优质编程学习资源,提高编程学习效率,公众号编程导航</p>
                            </div>
                        </div>
                    </div>
                </div>

            </div>

            <!-- end友情导航 -->
            <!-- 回到顶部 -->
            <div style="display:none;" id="rocket-to-top">
                <div style="opacity:0;display:block;" class="level-2"></div>
                <div class="level-3"></div>
            </div>
            <!-- END回到顶部 -->
            <!-- Main Footer -->
            <!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
            <!-- Add class "sticky" to  always stick the footer to the end of page (if page contents is small) -->
            <!-- Or class "fixed" to  always fix the footer to the end of page -->
            <footer class="main-footer sticky footer-type-1" style="text-align: center;">
                <div class="footer-inner">
                    <!-- Add your copyright text here -->
                    <div class="footer-text">
                        &copy; 2017-2021
                        <a href="about.html">
                            <strong>WebStack</strong>
                        </a> design by
                        <a href="http://viggoz.com" target="_blank">
                            <strong>Faiz</strong>
                        </a>
                        <a href="#" rel="go-top" title="返回顶部">
                            <i class="fa-angle-up"></i>
                        </a>
                        <!--  - Purchase for only <strong>23$</strong> -->
                    </div>
                    <!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
                    <div class="go-up">
                        <a href="#" rel="go-top">
                            <i class="fa-angle-up"></i>
                        </a>
                    </div>
                </div>
            </footer>
        </div>
    </div>
    <!-- 锚点平滑移动 -->
    <script type="text/javascript">
        $(document).ready(function () {
            //img lazy loaded
            const observer = lozad();
            observer.observe();

            $(document).on('click', '.has-sub', function () {
                var _this = $(this)
                if (!$(this).hasClass('expanded')) {
                    setTimeout(function () {
                        _this.find('ul').attr("style", "")
                    }, 300);

                } else {
                    $('.has-sub ul').each(function (id, ele) {
                        var _that = $(this)
                        if (_this.find('ul')[0] != ele) {
                            setTimeout(function () {
                                _that.attr("style", "")
                            }, 300);
                        }
                    })
                }
            })
            $('.user-info-menu .hidden-sm').click(function () {
                if ($('.sidebar-menu').hasClass('collapsed')) {
                    $('.has-sub.expanded > ul').attr("style", "")
                } else {
                    $('.has-sub.expanded > ul').show()
                }
            })
            $("#main-menu li ul li").click(function () {
                $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
                $(this).addClass('active'); // 添加当前元素的样式
            });
            $("a.smooth").click(function (ev) {
                ev.preventDefault();

                public_vars.$mainMenu.add(public_vars.$sidebarProfile).toggleClass('mobile-is-visible');
                ps_destroy();
                $("html, body").animate({
                    scrollTop: $($(this).attr("href")).offset().top - 30
                }, {
                    duration: 500,
                    easing: "swing"
                });
            });
            return false;
        });

        var href = "";
        var pos = 0;
        $("a.smooth").click(function (e) {
            $("#main-menu li").each(function () {
                $(this).removeClass("active");
            });
            $(this).parent("li").addClass("active");
            e.preventDefault();
            href = $(this).attr("href");
            pos = $(href).position().top - 30;
        });
    </script>
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.4.1/dist/jquery.min.js"></script>
    <!-- 搜索框 -->
    <script>
        $('#sengine .item').on('click', (e) => {
            $('#sengine .item.active').toggleClass('active');
            $(e.target).toggleClass('active');
            $('#search-fav').attr('src', $(e.target).data('url').match(/https{0,1}:\/\/\S+\//)[0] + '/favicon.ico');
        });

        $('.search').on('click', function (e) {
            var url = $('#sengine .item.active').data('url');
            console.log(url);
            url = url.replace(/\$s/, $('#searchinput').val());
            window.open(url);
        })
        $('#menubtn').on('click', (e) => {
            $('#seller').modal('show');
        })
        /* 鼠标聚焦时，回车事件 */
        $("#searchinput").bind("keypress", function () {
            if (event.keyCode == 13) {
                // 触发需要调用的方法
                $(".search").click();
            }
        })
    </script>
    <!-- Bottom Scripts -->
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/TweenMax.min.js"></script>
    <script src="assets/js/resizeable.js"></script>
    <script src="assets/js/joinable.js"></script>
    <script src="assets/js/xenon-api.js"></script>
    <script src="assets/js/xenon-toggles.js"></script>
    <!-- JavaScripts initializations and stuff -->
    <script src="assets/js/xenon-custom.js"></script>
    <script src="assets/js/lozad.js"></script>
</body>

</html>