代码拉取完成，页面将自动刷新
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta name="generator" content="Hugo 0.120.3">
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="viewport"
content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="theme-color" content="#f9f9f9" />
<title>四月黎明 - 网址导航</title>
<link rel="shortcut icon" href="/assets/images/favicon.png" />
<meta name="keywords" content="四月黎明 - 网址导航" />
<meta name="baidu-site-verification" content="codeva-cCAOSG8MBO" />
<link rel="stylesheet" id="block-library-css"
href="/assets/css/block-library.min-5.6.2.css" type="text/css" media="all" />
<link rel="stylesheet" id="iconfont-css" href="/assets/css/iconfont-3.03029.1.css"
type="text/css" media="all" />
<link rel="stylesheet" id="bootstrap-css" href="/assets/css/bootstrap.min-4.3.1.css"
type="text/css" media="all" />
<link rel="stylesheet" id="fancybox-css" href="/assets/css/fancybox.min-3.5.7.css"
type="text/css" media="all" />
<link rel="stylesheet" id="iowen-css" href="/assets/css/style-3.03029.1.css"
type="text/css" media="all" />
<link rel="stylesheet" id="custom-css" href="/assets/css/custom-style.css"
type="text/css" media="all" />
<link rel="stylesheet" id="fortawesome-css" href="/assets/fontawesome-5.15.4/css/all.min.css" type="text/css" />
<script type="text/javascript" src="/assets/js/jquery.min-3.2.1.js" id="jquery-js"></script>
<script type="text/javascript" src="/assets/js/content-search.js" id="content-search-js"></script>
<script>
var _hmt = _hmt || [];
(function () {
var hm = document.createElement("script");
hm.src = "https://hm.baidu.com/hm.js?efccc04cb44fc49faddac5876180b369";
var s = document.getElementsByTagName("script")[0];
s.parentNode.insertBefore(hm, s);
})();
</script>
</head>
<body class="io-grey-mode">
<div id="loading">
<style>
.loader {
width: 250px;
height: 50px;
line-height: 50px;
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: helvetica, arial, sans-serif;
font-weight: 900;
color: #f1404b;
letter-spacing: 0.2em
}
.loader::before,
.loader::after {
content: "";
display: block;
width: 15px;
height: 15px;
background: #f1404b;
position: absolute;
animation: load .7s infinite alternate ease-in-out
}
.loader::before {
top: 0
}
.loader::after {
bottom: 0
}
@keyframes load {
0% {
left: 0;
height: 30px;
width: 15px
}
50% {
height: 8px;
width: 40px
}
100% {
left: 235px;
height: 30px;
width: 15px
}
}
</style>
<div class="loader">四月黎明 - 网址导航</div>
</div>
<div class="page-container">
<div id="sidebar" class="sticky sidebar-nav fade mini-sidebar" style="width: 60px;">
<div class="modal-dialog h-100 sidebar-nav-inner">
<div class="sidebar-logo border-bottom border-color">
<div class="logo overflow-hidden">
<a href="" class="logo-expanded">
<img src="/assets/images/bt8-expand-light.png" height="40" class="logo-light"
alt="四月黎明 - 网址导航">
<img src="/assets/images/bt8-expand-dark.png" height="40" class="logo-dark d-none"
alt="四月黎明 - 网址导航">
</a>
<a href="" class="logo-collapsed">
<img src="/assets/images/bt.png" height="40" class="logo-light"
alt="四月黎明 - 网址导航">
<img src="/assets/images/bt.png" height="40" class="logo-dark d-none"
alt="四月黎明 - 网址导航">
</a>
</div>
</div>
<div class="sidebar-menu flex-fill">
<div class="sidebar-scroll">
<div class="sidebar-menu-inner">
<ul>
<li class="sidebar-item">
<a href="#366a7288b80ec8882b88467447296837" class="smooth">
<i class="far fa-star fa-lg icon-fw icon-lg mr-2"></i>
<span>常用推荐</span>
</a>
</li>
<li class="sidebar-item">
<a href="#89a839e0a347c0be73793d01e52c31ad" class="smooth change-href" data-change="#89a839e0a347c0be73793d01e52c31ad">
<i class="fas fa-flask fa-lg icon-fw icon-lg mr-2"></i>
<span>科研办公</span>
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
</a>
<ul>
<li><a href="#89a839e0a347c0be73793d01e52c31ad" class="smooth"><span>生物信息</span></a></li>
<li><a href="#acd617ea241c9daf2f251963bc03c6e3" class="smooth"><span>云服务器</span></a></li>
<li><a href="#e0aade1cd567f730e498e248bbd6acdf" class="smooth"><span>办公学习</span></a></li>
</ul>
</li>
<li class="sidebar-item">
<a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth change-href" data-change="#a4d417d7850fde0cd00e4af576621a63">
<i class="fas fa-film fa-lg icon-fw icon-lg mr-2"></i>
<span>悠闲娱乐</span>
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
</a>
<ul>
<li><a href="#a4d417d7850fde0cd00e4af576621a63" class="smooth"><span>影音视频</span></a></li>
<li><a href="#e359c5f245a1d6360a9d5a93b2452435" class="smooth"><span>壁纸图片</span></a></li>
<li><a href="#e15122403d5aca361a6b63ddea292464" class="smooth"><span>游戏竞技</span></a></li>
</ul>
</li>
<li class="sidebar-item">
<a href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc" class="smooth change-href" data-change="#5e6e1089ffbc5d7819c0d0f1f7b31ebc">
<i class="far fa-folder-open fa-lg icon-fw icon-lg mr-2"></i>
<span>素材资源</span>
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
</a>
<ul>
<li><a href="#5e6e1089ffbc5d7819c0d0f1f7b31ebc" class="smooth"><span>网盘资源</span></a></li>
<li><a href="#7866a35b09d466b9cf0295af54d30d53" class="smooth"><span>图标素材</span></a></li>
<li><a href="#779477bcccdd4ecb1d852c8d4a67caca" class="smooth"><span>图标设计</span></a></li>
<li><a href="#ff65f7f9721757bf11b0b0c95f1b9446" class="smooth"><span>平面素材</span></a></li>
<li><a href="#722d3693fc0b9344bb46ee220beac1b6" class="smooth"><span>字体资源</span></a></li>
<li><a href="#113a0a745b4169af0f7646269c12ae66" class="smooth"><span>PPT资源</span></a></li>
</ul>
</li>
<li class="sidebar-item">
<a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth change-href" data-change="#4fbc8ba07df90bae306d8e3b83fc5a21">
<i class="fas fa-tools fa-lg icon-fw icon-lg mr-2"></i>
<span>开发设计</span>
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
</a>
<ul>
<li><a href="#4fbc8ba07df90bae306d8e3b83fc5a21" class="smooth"><span>图形创意</span></a></li>
<li><a href="#542c016a714d85715d206c8892fba01f" class="smooth"><span>界面设计</span></a></li>
<li><a href="#31e51a60697ff3fb1d1c4934cce67921" class="smooth"><span>在线配色</span></a></li>
<li><a href="#9c2232288caaa8ec40948cef6a786ac2" class="smooth"><span>在线工具</span></a></li>
<li><a href="#13a0e1cc22ccc31b31242a6046230729" class="smooth"><span>谷歌插件</span></a></li>
</ul>
</li>
<li class="sidebar-item">
<a href="#19cb9b648dba4efc58a205ea413b6b5d" class="smooth change-href" data-change="#19cb9b648dba4efc58a205ea413b6b5d">
<i class="fas fa-pencil-alt fa-lg icon-fw icon-lg mr-2"></i>
<span>资讯学习</span>
<i class="iconfont icon-arrow-r-m sidebar-more text-sm"></i>
</a>
<ul>
<li><a href="#19cb9b648dba4efc58a205ea413b6b5d" class="smooth"><span>资讯书籍</span></a></li>
<li><a href="#c7a9a750a4a636f0bb3e982b5ea9141c" class="smooth"><span>博客论坛</span></a></li>
<li><a href="#33d3098041927a26a98ed4c6822c9687" class="smooth"><span>设计规范</span></a></li>
<li><a href="#aec25b122d7aceb3dd3b64cf71858ed2" class="smooth"><span>视频教程</span></a></li>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="border-top py-2 border-color">
<div class="flex-bottom">
<ul>
<li id="menu-item-237"
class="menu-item menu-item-type-post_type menu-item-object-page menu-item-237 sidebar-item">
<a href="https://superlovelace.top/links/" target="_blank">
<i class="fas fa-file-upload icon-fw icon-lg mr-2"></i>
<span>网站提交</span></a>
</li>
<li id="menu-item-212"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-212 sidebar-item">
<a href="#friendlink" class="smooth">
<i class="fab fa-staylinked icon-fw icon-lg mr-2"></i>
<span>友情链接</span>
</a>
</li>
<li id="menu-item-213"
class="menu-item menu-item-type-custom menu-item-object-custom menu-item-213 sidebar-item">
<a target="_blank" rel="noopener" href="https://superlovelace.top/about/">
<i class="fa fa-info-circle icon-fw icon-lg mr-2"></i>
<span>关于导航</span></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="main-content flex-fill grid-bg">
<div class="big-header-banner">
<div id="header" class="page-header sticky">
<div class="navbar navbar-expand-md">
<div class="container-fluid p-0">
<a href="" class="navbar-brand d-md-none" title="四月黎明 - 网址导航">
<img src="/assets/images/bt.png" class="logo-light"
alt="四月黎明 - 网址导航">
<img src="/assets/images/bt.png" class="logo-dark d-none"
alt="四月黎明 - 网址导航">
</a>
<div class="collapse navbar-collapse order-2 order-md-1">
<div class="header-mini-btn">
<label>
<input id="mini-button" type="checkbox">
<svg viewbox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<path class="line--1" d="M0 40h62c18 0 18-20-17 5L31 55"></path>
<path class="line--2" d="M0 50h80"></path>
<path class="line--3" d="M0 60h62c18 0 18 20-17-5L31 45"></path>
</svg>
</label>
</div>
<div class="rounded-circle weather">
<div id="he-plugin-simple" style="display: contents;"></div>
<script>
WIDGET = {
CONFIG: {
"modules": "01234",
"background": 5,
"tmpColor": "E4C600",
"tmpSize": 14,
"cityColor": "E4C600",
"citySize": 14,
"aqiColor": "#E4C600",
"aqiSize": 14,
"weatherIconSize": 24,
"alertIconSize": 18,
"padding": "10px 10px 10px 10px",
"shadow": "1",
"language": "auto",
"borderRadius": 5,
"fixed": "false",
"vertical": "middle",
"horizontal": "left",
"key": "085791e805a24491b43b06cf58ab31e7"
}
}
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>
</div>
<ul class="navbar-nav site-menu" style="margin-right: 16px;">
</ul>
</div>
<ul class="nav navbar-menu text-xs order-1 order-md-2">
<li class="nav-item mr-3 mr-lg-0 d-none d-lg-block">
<script>
fetch('https://v1.hitokoto.cn')
.then(response => response.json())
.then(data => {
const hitokoto = document.getElementById('hitokoto_text')
hitokoto.href = 'https://hitokoto.cn/?uuid=' + data.uuid
hitokoto.innerText = data.hitokoto
})
.catch(console.error)
</script>
<div id="hitokoto"><a href="#" target="_blank" id="hitokoto_text">疏影横斜水清浅，暗香浮动月黄昏。</a></div>
</li>
<li class="nav-search ml-3 ml-md-4">
<a href="javascript:" data-toggle="modal" data-target="#search-modal"><i
class="iconfont icon-search icon-2x"></i></a>
</li>
<li class="nav-item d-md-none mobile-menu ml-3 ml-md-4">
<a href="javascript:" id="sidebar-switch" data-toggle="modal"
data-target="#sidebar"><i class="iconfont icon-classification icon-2x"></i></a>
</li>
</ul>
</div>
</div>
</div>
<div class="placeholder" style="height:74px"></div>
</div>
<div class="header-big post-top css-color mb-4" id="search-bg" style="">
<div class="s-search">
<div id="search" class="s-search mx-auto">
<div id="search-list-menu" class="hide-type-list">
<div class="s-type text-center">
<div class="s-type-list big">
<div class="anchor" style="position: absolute; left: 50%; opacity: 0;"></div>
<label for="type-baidu" data-id="group-a"><span>常用</span></label>
<label for="type-baidu1" data-id="group-b"><span>搜索</span></label>
<label for="type-br" data-id="group-c"><span>工具</span></label>
<label for="type-zhihu" data-id="group-d"><span>社区</span></label>
<label for="type-taobao1" data-id="group-e"><span>生活</span></label>
<label for="type-zhaopin" data-id="group-f"><span>求职</span></label>
</div>
</div>
</div>
<form action="https://www.baidu.com?s=" method="get" target="_blank" class="super-search-fm">
<input type="text" id="search-text" class="form-control smart-tips search-key"
zhannei="" placeholder="输入关键字搜索" style="outline:0" autocomplete="off">
<button class="submit" type="submit"><i class="iconfont icon-search"></i></button>
</form>
<div id="search-list" class="hide-type-list">
<div class="search-group group-a">
<ul class="search-type">
<li><input hidden="" type="radio" name="type" checked="checked"
id="type-baidu"
value="https://www.baidu.com/s?wd="
data-placeholder="百度一下，你就知道">
<label for="type-baidu"><span class="text-muted">百度</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-bing"
value="https://cn.bing.com/search?q="
data-placeholder="微软 Bing 搜索">
<label for="type-bing"><span class="text-muted">必应</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-google"
value="https://www.google.com/search?q="
data-placeholder="谷歌搜索">
<label for="type-google"><span class="text-muted">谷歌</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-anaconda"
value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
<label for="type-anaconda"><span class="text-muted">软件</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-pubmed"
value="https://pubmed.ncbi.nlm.nih.gov/?term="
data-placeholder="PubMed 搜索/文章标题/关键字">
<label for="type-pubmed"><span class="text-muted">文献</span></label>
</li>
</ul>
</div>
<div class="search-group group-b">
<ul class="search-type">
<li><input hidden="" type="radio" name="type"
id="type-baidu1"
value="https://www.baidu.com/s?wd="
data-placeholder="百度一下，你就知道">
<label for="type-baidu1"><span class="text-muted">百度</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-google1"
value="https://www.google.com/search?q="
data-placeholder="谷歌搜索">
<label for="type-google1"><span class="text-muted">谷歌</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-360"
value="https://www.so.com/s?q="
data-placeholder="360 好搜">
<label for="type-360"><span class="text-muted">360</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-sogo"
value="https://www.sogou.com/web?query="
data-placeholder="搜狗搜索">
<label for="type-sogo"><span class="text-muted">搜狗</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-bing1"
value="https://cn.bing.com/search?q="
data-placeholder="微软 Bing 搜索">
<label for="type-bing1"><span class="text-muted">必应</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-sm"
value="https://yz.m.sm.cn/s?q="
data-placeholder="UC 移动端搜索">
<label for="type-sm"><span class="text-muted">神马</span></label>
</li>
</ul>
</div>
<div class="search-group group-c">
<ul class="search-type">
<li><input hidden="" type="radio" name="type"
id="type-br"
value="https://rank.chinaz.com/all/"
data-placeholder="请输入网址(不带 https://)">
<label for="type-br"><span class="text-muted">权重查询</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-links"
value="https://link.chinaz.com/"
data-placeholder="请输入网址(不带 https://)">
<label for="type-links"><span class="text-muted">友链检测</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-icp"
value="https://icp.aizhan.com/"
data-placeholder="请输入网址(不带 https://)">
<label for="type-icp"><span class="text-muted">备案查询</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-ping"
value="https://ping.chinaz.com/"
data-placeholder="请输入网址(不带 https://)">
<label for="type-ping"><span class="text-muted">PING 检测</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-404"
value="https://tool.chinaz.com/Links/?DAddress="
data-placeholder="请输入网址(不带https://)">
<label for="type-404"><span class="text-muted">死链检测</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-ciku"
value="https://www.ciku5.com/s?wd="
data-placeholder="请输入关键词">
<label for="type-ciku"><span class="text-muted">关键词挖掘</span></label>
</li>
</ul>
</div>
<div class="search-group group-d">
<ul class="search-type">
<li><input hidden="" type="radio" name="type"
id="type-zhihu"
value="https://www.zhihu.com/search?type=content&q="
data-placeholder="知乎">
<label for="type-zhihu"><span class="text-muted">知乎</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-wechat"
value ="https://weixin.sogou.com/weixin?type=2&query="
data-placeholder="微信">
<label for="type-wechat"><span class="text-muted">微信</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-weibo"
value="https://s.weibo.com/weibo/"
data-placeholder="微博">
<label for="type-weibo"><span class="text-muted">微博</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-douban"
value="https://www.douban.com/search?q="
data-placeholder="豆瓣">
<label for="type-douban"><span class="text-muted">豆瓣</span></label>
</li>
</ul>
</div>
<div class="search-group group-e">
<ul class="search-type">
<li><input hidden="" type="radio" name="type"
id="type-taobao1"
value="https://s.taobao.com/search?q="
data-placeholder="淘宝">
<label for="type-taobao1"><span class="text-muted">淘宝</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-jd"
value="https://search.jd.com/Search?keyword="
data-placeholder="京东">
<label for="type-jd"><span class="text-muted">京东</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-xiachufang"
value="https://www.xiachufang.com/search/?keyword="
data-placeholder="下厨房">
<label for="type-xiachufang"><span class="text-muted">下厨房</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-xiangha"
value="https://www.xiangha.com/so/?q=caipu&s="
data-placeholder="香哈菜谱">
<label for="type-xiangha"><span class="text-muted">香哈菜谱</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-12306"
value="https://www.12306.cn/?"
data-placeholder="12306">
<label for="type-12306"><span class="text-muted">12306</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-qunar"
value="https://www.qunar.com/?"
data-placeholder="去哪儿">
<label for="type-qunar"><span class="text-muted">去哪儿</span></label>
</li>
</ul>
</div>
<div class="search-group group-f">
<ul class="search-type">
<li><input hidden="" type="radio" name="type"
id="type-zhaopin"
value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw="
data-placeholder="智联招聘">
<label for="type-zhaopin"><span class="text-muted">智联招聘</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-51job"
value="https://search.51job.com/?"
data-placeholder="前程无忧">
<label for="type-51job"><span class="text-muted">前程无忧</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-lagou"
value="https://www.lagou.com/jobs/list_"
data-placeholder="拉钩网">
<label for="type-lagou"><span class="text-muted">拉钩网</span></label>
</li>
<li><input hidden="" type="radio" name="type"
id="type-liepin"
value="https://www.liepin.com/zhaopin/?key="
data-placeholder="猎聘网">
<label for="type-liepin"><span class="text-muted">猎聘网</span></label>
</li>
</ul>
</div>
</div>
<div class="card search-smart-tips search-hot-text">
<ul id="word" style="display: none"></ul>
</div>
</div>
</div>
</div>
<div id="content" class="content-site customize-site">
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="366a7288b80ec8882b88467447296837"></i>
常用推荐
</h4>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.bilibili.com/" target="_blank" data-id="" data-url="https://www.bilibili.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bilibili 视频弹幕网站">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png" data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="哔哩哔哩">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>哔哩哔哩</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Bilibili 视频弹幕网站</p>
</div>
</div>
</div>
</a>
<a href="https://www.bilibili.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://music.163.com/" target="_blank" data-id="" data-url="https://music.163.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="163 网易云音乐。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="网易云音乐">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>网易云音乐</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">163 网易云音乐。</p>
</div>
</div>
</div>
</a>
<a href="https://music.163.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://github.com/" target="_blank" data-id="" data-url="https://github.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="GitHub 开源社区。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/github.jpg" data-src="assets/images/logos/github.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="GitHub">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>GitHub</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">GitHub 开源社区。</p>
</div>
</div>
</div>
</a>
<a href="https://github.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://agithub.xyz/" target="_blank" data-id="" data-url="https://agithub.xyz/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="GitHub 国内镜像站（勿登录）。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/github.jpg" data-src="assets/images/logos/github.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="GitHub镜像站">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>GitHub镜像站</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">GitHub 国内镜像站（勿登录）。</p>
</div>
</div>
</div>
</a>
<a href="https://agithub.xyz/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://gitee.com/" target="_blank" data-id="" data-url="https://gitee.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Gitee 开源社区。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/gitee.jpg" data-src="assets/images/logos/gitee.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Gitee（码云）">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Gitee（码云）</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Gitee 开源社区。</p>
</div>
</div>
</div>
</a>
<a href="https://gitee.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.jiumodiary.com/" target="_blank" data-id="" data-url="https://www.jiumodiary.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="贼好用的电子书资源搜索">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/JiumoSearch.png" data-src="assets/images/logos/JiumoSearch.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="鸠摩搜书">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>鸠摩搜书</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">贼好用的电子书资源搜索</p>
</div>
</div>
</div>
</a>
<a href="https://www.jiumodiary.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://mp.weixin.qq.com/" target="_blank" data-id="" data-url="https://mp.weixin.qq.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="再小的个体也有自己的品牌。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e5%85%ac%e4%bc%97%e5%8f%b7.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="公众号平台">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>公众号平台</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">再小的个体也有自己的品牌。</p>
</div>
</div>
</div>
</a>
<a href="https://mp.weixin.qq.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.earthol.com/" target="_blank" data-id="" data-url="https://www.earthol.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="全球高清卫星地图">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%9c%b0%e5%9b%be%e5%9c%a8%e7%ba%bf.ico" data-src="assets/images/logos/%e5%9c%b0%e5%9b%be%e5%9c%a8%e7%ba%bf.ico"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="地图在线">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>地图在线</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">全球高清卫星地图</p>
</div>
</div>
</div>
</a>
<a href="https://www.earthol.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.csdn.net/" target="_blank" data-id="" data-url="https://www.csdn.net/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专业开发者社区">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/csdn.webp" data-src="assets/images/logos/csdn.webp"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="CSDN">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>CSDN</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">专业开发者社区</p>
</div>
</div>
</div>
</a>
<a href="https://www.csdn.net/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://juejin.cn/" target="_blank" data-id="" data-url="https://juejin.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中文技术分享与交流平台">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%a8%80%e5%9c%9f%e6%8e%98%e9%87%91.png" data-src="assets/images/logos/%e7%a8%80%e5%9c%9f%e6%8e%98%e9%87%91.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="稀土掘金">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>稀土掘金</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">中文技术分享与交流平台</p>
</div>
</div>
</div>
</a>
<a href="https://juejin.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.htmleaf.com/" target="_blank" data-id="" data-url="http://www.htmleaf.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="jQuery、html5、css3的插件库">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/jQuery%e4%b9%8b%e5%ae%b6.webp" data-src="assets/images/logos/jQuery%e4%b9%8b%e5%ae%b6.webp"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="jQuery之家">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>jQuery之家</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">jQuery、html5、css3的插件库</p>
</div>
</div>
</div>
</a>
<a href="http://www.htmleaf.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.bootstrapmb.com/" target="_blank" data-id="" data-url="http://www.bootstrapmb.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bootstrap模板_响应式网站模板">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/bootstrapmb.png" data-src="assets/images/logos/bootstrapmb.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bootstrap模板库">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Bootstrap模板库</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Bootstrap模板_响应式网站模板</p>
</div>
</div>
</div>
</a>
<a href="http://www.bootstrapmb.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="89a839e0a347c0be73793d01e52c31ad"></i>
生物信息
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.ncbi.nlm.nih.gov/" target="_blank" data-id="" data-url="https://www.ncbi.nlm.nih.gov/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="National Center for Biotechnology Information.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ncbi.jpg" data-src="assets/images/logos/ncbi.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="NCBI">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>NCBI</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">National Center for Biotechnology Information.</p>
</div>
</div>
</div>
</a>
<a href="https://www.ncbi.nlm.nih.gov/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://anaconda.org/bioconda/" target="_blank" data-id="" data-url="https://anaconda.org/bioconda/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bioconda :: Anaconda.org.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/bioconda.jpg" data-src="assets/images/logos/bioconda.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bioconda">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Bioconda</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Bioconda :: Anaconda.org.</p>
</div>
</div>
</div>
</a>
<a href="https://anaconda.org/bioconda/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://metacpan.org/" target="_blank" data-id="" data-url="https://metacpan.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search the CPAN.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/cpan.jpg" data-src="assets/images/logos/cpan.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="CPAN">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>CPAN</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Search the CPAN.</p>
</div>
</div>
</div>
</a>
<a href="https://metacpan.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://gitter.im/galaxyproject" target="_blank" data-id="" data-url="https://gitter.im/galaxyproject"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Galaxy Gitter Community.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/gitter.jpg" data-src="assets/images/logos/gitter.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Gitter Galaxy">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Gitter Galaxy</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Galaxy Gitter Community.</p>
</div>
</div>
</div>
</a>
<a href="https://gitter.im/galaxyproject" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.r-project.org/" target="_blank" data-id="" data-url="https://www.r-project.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="https://www.r-project.org">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/r-project.jpg" data-src="assets/images/logos/r-project.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="R Project">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>R Project</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">https://www.r-project.org</p>
</div>
</div>
</div>
</a>
<a href="https://www.r-project.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.bioconductor.org/" target="_blank" data-id="" data-url="http://www.bioconductor.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="http://www.bioconductor.org">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/bioconductor.jpg" data-src="assets/images/logos/bioconductor.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Bioconductor">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Bioconductor</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">http://www.bioconductor.org</p>
</div>
</div>
</div>
</a>
<a href="http://www.bioconductor.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="acd617ea241c9daf2f251963bc03c6e3"></i>
云服务器
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.aliyun.com/" target="_blank" data-id="" data-url="https://www.aliyun.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="上云就上阿里云。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>阿里云</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">上云就上阿里云。</p>
</div>
</div>
</div>
</a>
<a href="https://www.aliyun.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://cloud.tencent.com/" target="_blank" data-id="" data-url="https://cloud.tencent.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="产业智变，云启未来。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e4%ba%91.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="腾讯云">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>腾讯云</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">产业智变，云启未来。</p>
</div>
</div>
</div>
</a>
<a href="https://cloud.tencent.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.huaweicloud.com/" target="_blank" data-id="" data-url="https://www.huaweicloud.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="提供云计算服务+智能，见未来-华为云。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png" data-src="assets/images/logos/%e5%8d%8e%e4%b8%ba%e4%ba%91.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="华为云">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>华为云</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">提供云计算服务+智能，见未来-华为云。</p>
</div>
</div>
</div>
</a>
<a href="https://www.huaweicloud.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://my.cloudraft.cn/" target="_blank" data-id="" data-url="https://my.cloudraft.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云筏 - 科研云。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e4%ba%91%e7%ad%8f%e5%a3%b6%e4%ba%91.webp" data-src="assets/images/logos/%e4%ba%91%e7%ad%8f%e5%a3%b6%e4%ba%91.webp"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="云筏科技">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>云筏科技</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">云筏 - 科研云。</p>
</div>
</div>
</div>
</a>
<a href="https://my.cloudraft.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.ji-cloud.cn/" target="_blank" data-id="" data-url="https://www.ji-cloud.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云电脑-云游戏-手机变电脑软件。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png" data-src="assets/images/logos/%e6%9e%81%e4%ba%91%e6%99%ae%e6%83%a0%e4%ba%91%e7%94%b5%e8%84%91.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="极云普惠云电脑">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>极云普惠云电脑</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">云电脑-云游戏-手机变电脑软件。</p>
</div>
</div>
</div>
</a>
<a href="https://www.ji-cloud.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.qingjiaocloud.com/" target="_blank" data-id="" data-url="https://www.qingjiaocloud.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="云桌面,一站式云电脑服务平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg" data-src="assets/images/logos/%e9%9d%92%e6%a4%92%e4%ba%91.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="青椒云">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>青椒云</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">云桌面,一站式云电脑服务平台。</p>
</div>
</div>
</div>
</a>
<a href="https://www.qingjiaocloud.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="e0aade1cd567f730e498e248bbd6acdf"></i>
办公学习
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.youdao.com/" target="_blank" data-id="" data-url="https://www.youdao.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费，即时的多语种在线翻译。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道词典">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>有道词典</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费，即时的多语种在线翻译。</p>
</div>
</div>
</div>
</a>
<a href="https://www.youdao.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://fanyi.youdao.com/" target="_blank" data-id="" data-url="http://fanyi.youdao.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="有道翻译。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png" data-src="assets/images/logos/%e6%9c%89%e9%81%93%e8%af%8d%e5%85%b8.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="有道翻译">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>有道翻译</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">有道翻译。</p>
</div>
</div>
</div>
</a>
<a href="http://fanyi.youdao.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://translate.google.cn/" target="_blank" data-id="" data-url="https://translate.google.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="谷歌翻译。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg" data-src="assets/images/logos/%e8%b0%b7%e6%ad%8c%e7%bf%bb%e8%af%91.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="谷歌翻译">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>谷歌翻译</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">谷歌翻译。</p>
</div>
</div>
</div>
</a>
<a href="https://translate.google.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.processon.com/" target="_blank" data-id="" data-url="https://www.processon.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线作图、实时协作。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ProcessOn.png" data-src="assets/images/logos/ProcessOn.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ProcessOn">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ProcessOn</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费在线作图、实时协作。</p>
</div>
</div>
</div>
</a>
<a href="https://www.processon.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.examcoo.com/" target="_blank" data-id="" data-url="https://www.examcoo.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线考试平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e8%80%83%e8%af%95%e9%85%b7.ico" data-src="assets/images/logos/%e8%80%83%e8%af%95%e9%85%b7.ico"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="考试酷">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>考试酷</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费在线考试平台。</p>
</div>
</div>
</div>
</a>
<a href="https://www.examcoo.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="a4d417d7850fde0cd00e4af576621a63"></i>
影音视频
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://v.qq.com/" target="_blank" data-id="" data-url="http://v.qq.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="腾讯视频，海量视频在线观看。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png" data-src="assets/images/logos/%e8%85%be%e8%ae%af%e8%a7%86%e9%a2%91.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="腾讯视频">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>腾讯视频</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">腾讯视频，海量视频在线观看。</p>
</div>
</div>
</div>
</a>
<a href="http://v.qq.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.youku.com/" target="_blank" data-id="" data-url="http://www.youku.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优酷 - 这个世界很酷。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e4%bc%98%e9%85%b7.png" data-src="assets/images/logos/%e4%bc%98%e9%85%b7.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优酷">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>优酷</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">优酷 - 这个世界很酷。</p>
</div>
</div>
</div>
</a>
<a href="http://www.youku.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.iqiyi.com/" target="_blank" data-id="" data-url="https://www.iqiyi.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="爱奇艺在线视频。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png" data-src="assets/images/logos/%e7%88%b1%e5%a5%87%e8%89%ba.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="爱奇艺">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>爱奇艺</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">爱奇艺在线视频。</p>
</div>
</div>
</div>
</a>
<a href="https://www.iqiyi.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.bilibili.com/" target="_blank" data-id="" data-url="https://www.bilibili.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Bilibili 视频弹幕网站。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png" data-src="assets/images/logos/%e5%93%94%e5%93%a9%e5%93%94%e5%93%a9.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="哔哩哔哩">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>哔哩哔哩</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Bilibili 视频弹幕网站。</p>
</div>
</div>
</div>
</a>
<a href="https://www.bilibili.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://y.qq.com/" target="_blank" data-id="" data-url="https://y.qq.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="QQ 音乐，在线听歌。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/QQ%e9%9f%b3%e4%b9%90.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="QQ 音乐">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>QQ 音乐</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">QQ 音乐，在线听歌。</p>
</div>
</div>
</div>
</a>
<a href="https://y.qq.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://music.163.com/" target="_blank" data-id="" data-url="https://music.163.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="163 网易云音乐。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg" data-src="assets/images/logos/%e7%bd%91%e6%98%93%e4%ba%91%e9%9f%b3%e4%b9%90.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="网易云音乐">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>网易云音乐</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">163 网易云音乐。</p>
</div>
</div>
</div>
</a>
<a href="https://music.163.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.dytt8.net/index.htm" target="_blank" data-id="" data-url="https://www.dytt8.net/index.htm"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYTT8），高清电影下载。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="电影天堂（DYTT8）">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>电影天堂（DYTT8）</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYTT8），高清电影下载。</p>
</div>
</div>
</div>
</a>
<a href="https://www.dytt8.net/index.htm" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.dygod.net/" target="_blank" data-id="" data-url="https://www.dygod.net/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电影天堂（DYGOD），高清电影下载。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png" data-src="assets/images/logos/%e7%94%b5%e5%bd%b1%e5%a4%a9%e5%a0%82.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="电影天堂（DYGOD）">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>电影天堂（DYGOD）</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">电影天堂（DYGOD），高清电影下载。</p>
</div>
</div>
</div>
</a>
<a href="https://www.dygod.net/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="e359c5f245a1d6360a9d5a93b2452435"></i>
壁纸图片
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://bz.zzzmh.cn/index" target="_blank" data-id="" data-url="https://bz.zzzmh.cn/index"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="极简壁纸。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e6%9e%81%e7%ae%80%e5%a3%81%e7%ba%b8.png" data-src="assets/images/logos/%e6%9e%81%e7%ae%80%e5%a3%81%e7%ba%b8.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="极简壁纸">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>极简壁纸</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">极简壁纸。</p>
</div>
</div>
</div>
</a>
<a href="https://bz.zzzmh.cn/index" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://10wallpaper.com/cn/" target="_blank" data-id="" data-url="https://10wallpaper.com/cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="高品质壁纸下载站。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/default.webp" data-src="assets/images/logos/default.webp"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="10wallpaper">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>10wallpaper</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">高品质壁纸下载站。</p>
</div>
</div>
</div>
</a>
<a href="https://10wallpaper.com/cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://wall.alphacoders.com" target="_blank" data-id="" data-url="https://wall.alphacoders.com"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="HD Wallpapers, Background Images。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/alphacoders.png" data-src="assets/images/logos/alphacoders.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="WALLPAPER ABYSS">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>WALLPAPER ABYSS</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">HD Wallpapers, Background Images。</p>
</div>
</div>
</div>
</a>
<a href="https://wall.alphacoders.com" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://wallhaven.cc/" target="_blank" data-id="" data-url="https://wallhaven.cc/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The best wallpapers on the Net!">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/wallhaven.png" data-src="assets/images/logos/wallhaven.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wallhaven">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>wallhaven</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The best wallpapers on the Net!</p>
</div>
</div>
</div>
</a>
<a href="https://wallhaven.cc/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://wallpaperswide.com/" target="_blank" data-id="" data-url="https://wallpaperswide.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free 4K & 8K UltraHD Desktop Backgound Wallpapers for UHD TV。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/default.webp" data-src="assets/images/logos/default.webp"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wallpaperswide">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>wallpaperswide</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Free 4K & 8K UltraHD Desktop Backgound Wallpapers for UHD TV。</p>
</div>
</div>
</div>
</a>
<a href="https://wallpaperswide.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://unsplash.com/" target="_blank" data-id="" data-url="https://unsplash.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful Free Images & Pictures。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/unsplash.svg" data-src="assets/images/logos/unsplash.svg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="unsplash">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>unsplash</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Beautiful Free Images & Pictures。</p>
</div>
</div>
</div>
</a>
<a href="https://unsplash.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.pexels.com/zh-cn/" target="_blank" data-id="" data-url="https://www.pexels.com/zh-cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费素材图片。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/pexels.svg" data-src="assets/images/logos/pexels.svg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Pexels">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Pexels</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费素材图片。</p>
</div>
</div>
</div>
</a>
<a href="https://www.pexels.com/zh-cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://pixabay.com" target="_blank" data-id="" data-url="https://pixabay.com"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="1.8 million+ Stunning Free Images to Use Anywhere。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/pixabay.svg" data-src="assets/images/logos/pixabay.svg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Pixabay">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Pixabay</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">1.8 million+ Stunning Free Images to Use Anywhere。</p>
</div>
</div>
</div>
</a>
<a href="https://pixabay.com" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.logosc.cn/so/" target="_blank" data-id="" data-url="https://www.logosc.cn/so/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费版权图片一键搜索。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/default.webp" data-src="assets/images/logos/default.webp"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="搜图神器">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>搜图神器</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费版权图片一键搜索。</p>
</div>
</div>
</div>
</a>
<a href="https://www.logosc.cn/so/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="e15122403d5aca361a6b63ddea292464"></i>
游戏竞技
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="#ZgotmplZ" target="_blank" data-id="" data-url="#ZgotmplZ"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="百度贴吧。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%99%be%e5%ba%a6%e8%b4%b4%e5%90%a7.jpg" data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e8%b4%b4%e5%90%a7.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度贴吧">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>百度贴吧</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">百度贴吧。</p>
</div>
</div>
</div>
</a>
<a href="#ZgotmplZ" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://ava.mangot5.com/ava/index" target="_blank" data-id="" data-url="https://ava.mangot5.com/ava/index"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="台服 AVA 战地之王。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e6%88%98%e5%9c%b0%e4%b9%8b%e7%8e%8b.png" data-src="assets/images/logos/%e6%88%98%e5%9c%b0%e4%b9%8b%e7%8e%8b.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="台服战地">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>台服战地</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">台服 AVA 战地之王。</p>
</div>
</div>
</div>
</a>
<a href="https://ava.mangot5.com/ava/index" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="5e6e1089ffbc5d7819c0d0f1f7b31ebc"></i>
网盘资源
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://pan.baidu.com/" target="_blank" data-id="" data-url="http://pan.baidu.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="https://pan.baidu.com/.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg" data-src="assets/images/logos/%e7%99%be%e5%ba%a6%e7%bd%91%e7%9b%98.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="百度网盘">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>百度网盘</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">https://pan.baidu.com/.</p>
</div>
</div>
</div>
</a>
<a href="http://pan.baidu.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.aliyundrive.com/" target="_blank" data-id="" data-url="https://www.aliyundrive.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里云盘，你的数字世界。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png" data-src="assets/images/logos/%e9%98%bf%e9%87%8c%e4%ba%91%e7%9b%98.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阿里云盘">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>阿里云盘</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">阿里云盘，你的数字世界。</p>
</div>
</div>
</div>
</a>
<a href="https://www.aliyundrive.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://cloud.189.cn/" target="_blank" data-id="" data-url="https://cloud.189.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="家庭云|网盘|文件备份|资源分享。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg" data-src="assets/images/logos/%e5%a4%a9%e7%bf%bc%e4%ba%91%e7%9b%98.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="天翼云盘">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>天翼云盘</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">家庭云|网盘|文件备份|资源分享。</p>
</div>
</div>
</div>
</a>
<a href="https://cloud.189.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.jianguoyun.com/" target="_blank" data-id="" data-url="https://www.jianguoyun.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="坚果云官网。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png" data-src="assets/images/logos/%e5%9d%9a%e6%9e%9c%e4%ba%91.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="坚果云">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>坚果云</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">坚果云官网。</p>
</div>
</div>
</div>
</a>
<a href="https://www.jianguoyun.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="7866a35b09d466b9cf0295af54d30d53"></i>
图标素材
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.iconfinder.com" target="_blank" data-id="" data-url="https://www.iconfinder.com"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2,100,000+ free and premium vector icons.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Iconfinder.png" data-src="assets/images/logos/Iconfinder.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconfinder">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Iconfinder</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">2,100,000+ free and premium vector icons.</p>
</div>
</div>
</div>
</a>
<a href="https://www.iconfinder.com" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.iconfont.cn/" target="_blank" data-id="" data-url="http://www.iconfont.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阿里巴巴矢量图标库。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/iconfont.png" data-src="assets/images/logos/iconfont.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iconfont">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>iconfont</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">阿里巴巴矢量图标库。</p>
</div>
</div>
</div>
</a>
<a href="http://www.iconfont.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://iconmonstr.com/" target="_blank" data-id="" data-url="https://iconmonstr.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free simple icons for your next project.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/iconmonstr.png" data-src="assets/images/logos/iconmonstr.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iconmonstr">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>iconmonstr</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Free simple icons for your next project.</p>
</div>
</div>
</div>
</a>
<a href="https://iconmonstr.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.iconarchive.com/" target="_blank" data-id="" data-url="http://www.iconarchive.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search 590,912 free icons.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/iconarchive.png" data-src="assets/images/logos/iconarchive.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Icon Archive">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Icon Archive</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Search 590,912 free icons.</p>
</div>
</div>
</div>
</a>
<a href="http://www.iconarchive.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://findicons.com/" target="_blank" data-id="" data-url="https://findicons.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search through 300,000 free icons.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/FindIcons.png" data-src="assets/images/logos/FindIcons.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FindIcons">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>FindIcons</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Search through 300,000 free icons.</p>
</div>
</div>
</div>
</a>
<a href="https://findicons.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://icomoon.io/app/" target="_blank" data-id="" data-url="https://icomoon.io/app/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Icon Font, SVG, PDF &amp; PNG Generator.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/IcoMoonApp.png" data-src="assets/images/logos/IcoMoonApp.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="IcoMoonApp">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>IcoMoonApp</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Icon Font, SVG, PDF &amp; PNG Generator.</p>
</div>
</div>
</div>
</a>
<a href="https://icomoon.io/app/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.easyicon.net/" target="_blank" data-id="" data-url="http://www.easyicon.net/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PNG、ICO、ICNS格式图标搜索、图标下载服务。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/easyicon.png" data-src="assets/images/logos/easyicon.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="easyicon">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>easyicon</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">PNG、ICO、ICNS格式图标搜索、图标下载服务。</p>
</div>
</div>
</div>
</a>
<a href="http://www.easyicon.net/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.flaticon.com/" target="_blank" data-id="" data-url="https://www.flaticon.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/flaticon.png" data-src="assets/images/logos/flaticon.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flaticon">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>flaticon</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
</div>
</div>
</div>
</a>
<a href="https://www.flaticon.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://ui-cloud.com/" target="_blank" data-id="" data-url="http://ui-cloud.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The largest user interface design database in the world.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/UICloud.png" data-src="assets/images/logos/UICloud.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="UICloud">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>UICloud</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The largest user interface design database in the world.</p>
</div>
</div>
</div>
</a>
<a href="http://ui-cloud.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://material.io/icons/" target="_blank" data-id="" data-url="https://material.io/icons/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Materialicons.png" data-src="assets/images/logos/Materialicons.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Material icons">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Material icons</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
</div>
</div>
</div>
</a>
<a href="https://material.io/icons/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://fontawesome.com/icons/" target="_blank" data-id="" data-url="https://fontawesome.com/icons/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The complete set of 675 icons in Font Awesome.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/fontawesomeicon.png" data-src="assets/images/logos/fontawesomeicon.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Font Awesome Icon">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Font Awesome Icon</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The complete set of 675 icons in Font Awesome.</p>
</div>
</div>
</div>
</a>
<a href="https://fontawesome.com/icons/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://ionicons.com/" target="_blank" data-id="" data-url="http://ionicons.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The premium icon font for Ionic Framework.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ionicons.png" data-src="assets/images/logos/ionicons.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ion icons">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ion icons</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The premium icon font for Ionic Framework.</p>
</div>
</div>
</div>
</a>
<a href="http://ionicons.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://simplelineicons.com/" target="_blank" data-id="" data-url="http://simplelineicons.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Simple line Icons pack.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/simplelineicons.png" data-src="assets/images/logos/simplelineicons.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Simpleline Icons">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Simpleline Icons</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Simple line Icons pack.</p>
</div>
</div>
</div>
</a>
<a href="http://simplelineicons.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="779477bcccdd4ecb1d852c8d4a67caca"></i>
图标设计
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.iconsfeed.com/" target="_blank" data-id="" data-url="http://www.iconsfeed.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="iOS icons gallery.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/iconsfeed.png" data-src="assets/images/logos/iconsfeed.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Iconsfeed">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Iconsfeed</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">iOS icons gallery.</p>
</div>
</div>
</div>
</a>
<a href="http://www.iconsfeed.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://iosicongallery.com/" target="_blank" data-id="" data-url="http://iosicongallery.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Showcasing beautiful icon designs from the iOS App Store.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/iosicongallery.png" data-src="assets/images/logos/iosicongallery.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="iOS Icon Gallery">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>iOS Icon Gallery</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Showcasing beautiful icon designs from the iOS App Store.</p>
</div>
</div>
</div>
</a>
<a href="http://iosicongallery.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://worldvectorlogo.com/" target="_blank" data-id="" data-url="https://worldvectorlogo.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Brand logos free to download.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/worldvectorlogo.png" data-src="assets/images/logos/worldvectorlogo.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="World Vector Logo">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>World Vector Logo</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Brand logos free to download.</p>
</div>
</div>
</div>
</a>
<a href="https://worldvectorlogo.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://instantlogosearch.com/" target="_blank" data-id="" data-url="http://instantlogosearch.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Search & download thousands of logos instantly.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/InstantLogoSearch.png" data-src="assets/images/logos/InstantLogoSearch.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Instant Logo Search">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Instant Logo Search</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Search & download thousands of logos instantly.</p>
</div>
</div>
</div>
</a>
<a href="http://instantlogosearch.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="ff65f7f9721757bf11b0b0c95f1b9446"></i>
平面素材
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.freepik.com/" target="_blank" data-id="" data-url="https://www.freepik.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="More than a million free vectors, PSD, photos and free icons.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/freepik.png" data-src="assets/images/logos/freepik.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="freepik">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>freepik</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">More than a million free vectors, PSD, photos and free icons.</p>
</div>
</div>
</div>
</a>
<a href="https://www.freepik.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://wallhalla.com/" target="_blank" data-id="" data-url="https://wallhalla.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Find awesome high quality wallpapers for desktop and mobile in one place.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/wallhalla.png" data-src="assets/images/logos/wallhalla.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wallhalla">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>wallhalla</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
</div>
</div>
</div>
</a>
<a href="https://wallhalla.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://365psd.com/" target="_blank" data-id="" data-url="https://365psd.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free PSD &amp; Graphics, Illustrations.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/365PSD.png" data-src="assets/images/logos/365PSD.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="365PSD">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>365PSD</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Free PSD &amp; Graphics, Illustrations.</p>
</div>
</div>
</div>
</a>
<a href="https://365psd.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://medialoot.com/" target="_blank" data-id="" data-url="https://medialoot.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free &amp; Premium Design Resources &mdash; Medialoot.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Medialoot.png" data-src="assets/images/logos/Medialoot.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Medialoot">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Medialoot</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Free &amp; Premium Design Resources &mdash; Medialoot.</p>
</div>
</div>
</div>
</a>
<a href="https://medialoot.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.58pic.com/" target="_blank" data-id="" data-url="http://www.58pic.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专注免费设计素材下载的网站.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/qiantu.png" data-src="assets/images/logos/qiantu.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="千图网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>千图网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">专注免费设计素材下载的网站.</p>
</div>
</div>
</div>
</a>
<a href="http://www.58pic.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://588ku.com/" target="_blank" data-id="" data-url="http://588ku.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费 png 图片背景素材下载。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/qianku.png" data-src="assets/images/logos/qianku.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="千库网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>千库网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费 png 图片背景素材下载。</p>
</div>
</div>
</div>
</a>
<a href="http://588ku.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.ooopic.com/" target="_blank" data-id="" data-url="http://www.ooopic.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="我图网，提供图片素材及模板下载，专注正版设计作品交易。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/wotu.png" data-src="assets/images/logos/wotu.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="我图网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>我图网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">我图网，提供图片素材及模板下载，专注正版设计作品交易。</p>
</div>
</div>
</div>
</a>
<a href="http://www.ooopic.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://90sheji.com/" target="_blank" data-id="" data-url="http://90sheji.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="电商设计（淘宝美工）千图免费淘宝素材库。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/90sheji.png" data-src="assets/images/logos/90sheji.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="90 设计">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>90 设计</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">电商设计（淘宝美工）千图免费淘宝素材库。</p>
</div>
</div>
</div>
</a>
<a href="http://90sheji.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.nipic.com/" target="_blank" data-id="" data-url="http://www.nipic.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="原创素材共享平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/nipic.png" data-src="assets/images/logos/nipic.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="昵图网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>昵图网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">原创素材共享平台。</p>
</div>
</div>
</div>
</a>
<a href="http://www.nipic.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.lanrentuku.com/" target="_blank" data-id="" data-url="http://www.lanrentuku.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="懒人图库专注于提供网页素材下载。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/lanrentuku.png" data-src="assets/images/logos/lanrentuku.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="懒人图库">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>懒人图库</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">懒人图库专注于提供网页素材下载。</p>
</div>
</div>
</div>
</a>
<a href="http://www.lanrentuku.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://so.ui001.com/" target="_blank" data-id="" data-url="http://so.ui001.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="设计素材搜索聚合。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/sousucai.png" data-src="assets/images/logos/sousucai.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="素材搜索">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>素材搜索</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">设计素材搜索聚合。</p>
</div>
</div>
</div>
</a>
<a href="http://so.ui001.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://psefan.com/" target="_blank" data-id="" data-url="http://psefan.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="不一样的设计素材库！让自己的设计与众不同！">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/psefan.png" data-src="assets/images/logos/psefan.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PS 饭团网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>PS 饭团网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">不一样的设计素材库！让自己的设计与众不同！</p>
</div>
</div>
</div>
</a>
<a href="http://psefan.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.sccnn.com/" target="_blank" data-id="" data-url="http://www.sccnn.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费素材共享平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/sccnn.png" data-src="assets/images/logos/sccnn.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="素材中国">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>素材中国</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费素材共享平台。</p>
</div>
</div>
</div>
</a>
<a href="http://www.sccnn.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="722d3693fc0b9344bb46ee220beac1b6"></i>
字体资源
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://fonts.google.com/" target="_blank" data-id="" data-url="https://fonts.google.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Making the web more beautiful, fast, and open through great typography.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/googlefont.png" data-src="assets/images/logos/googlefont.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Google Font">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Google Font</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Making the web more beautiful, fast, and open through great typography.</p>
</div>
</div>
</div>
</a>
<a href="https://fonts.google.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://typekit.com/" target="_blank" data-id="" data-url="https://typekit.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Quality fonts from the world’s best foundries.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/typekit.png" data-src="assets/images/logos/typekit.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Typekit">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Typekit</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Quality fonts from the world’s best foundries.</p>
</div>
</div>
</div>
</a>
<a href="https://typekit.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.foundertype.com/" target="_blank" data-id="" data-url="http://www.foundertype.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="方正字库官方网站。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Fondertype.png" data-src="assets/images/logos/Fondertype.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="方正字库">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>方正字库</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">方正字库官方网站。</p>
</div>
</div>
</div>
</a>
<a href="http://www.foundertype.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://ziticq.com/" target="_blank" data-id="" data-url="http://ziticq.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国首个字体品牌设计师交流网。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ziticq.png" data-src="assets/images/logos/ziticq.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="字体传奇网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>字体传奇网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">中国首个字体品牌设计师交流网。</p>
</div>
</div>
</div>
</a>
<a href="http://ziticq.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://sicangziti.com/" target="_blank" data-id="" data-url="http://sicangziti.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="优质字体免费下载站。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/sicangziti.png" data-src="assets/images/logos/sicangziti.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="私藏字体">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>私藏字体</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">优质字体免费下载站。</p>
</div>
</div>
</div>
</a>
<a href="http://sicangziti.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.fontsquirrel.com/" target="_blank" data-id="" data-url="https://www.fontsquirrel.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="FREE fonts for graphic designers.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/fontsquirrel.png" data-src="assets/images/logos/fontsquirrel.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Fontsquirrel">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Fontsquirrel</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">FREE fonts for graphic designers.</p>
</div>
</div>
</div>
</a>
<a href="https://www.fontsquirrel.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.urbanfonts.com/" target="_blank" data-id="" data-url="https://www.urbanfonts.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download Free Fonts and Free Dingbats.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/UrbanFonts.png" data-src="assets/images/logos/UrbanFonts.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Urban Fonts">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Urban Fonts</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Download Free Fonts and Free Dingbats.</p>
</div>
</div>
</div>
</a>
<a href="https://www.urbanfonts.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.losttype.com/" target="_blank" data-id="" data-url="http://www.losttype.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Lost Type is a Collaborative Digital Type Foundry.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/losttype.png" data-src="assets/images/logos/losttype.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Lost Type">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Lost Type</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Lost Type is a Collaborative Digital Type Foundry.</p>
</div>
</div>
</div>
</a>
<a href="http://www.losttype.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://fonts2u.com/" target="_blank" data-id="" data-url="https://fonts2u.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Download free fonts for Windows and Macintosh.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/fonts2u.png" data-src="assets/images/logos/fonts2u.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FONTS2U">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>FONTS2U</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Download free fonts for Windows and Macintosh.</p>
</div>
</div>
</div>
</a>
<a href="https://fonts2u.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.fontex.org/" target="_blank" data-id="" data-url="http://www.fontex.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts to Download + Premium Typefaces.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/fontex.png" data-src="assets/images/logos/fontex.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Fontex">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Fontex</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts to Download + Premium Typefaces.</p>
</div>
</div>
</div>
</a>
<a href="http://www.fontex.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://fontm.com/" target="_blank" data-id="" data-url="http://fontm.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Free Fonts">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/FontM.png" data-src="assets/images/logos/FontM.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="FontM">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>FontM</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Free Fonts</p>
</div>
</div>
</div>
</a>
<a href="http://fontm.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.myfonts.com/" target="_blank" data-id="" data-url="http://www.myfonts.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Fonts for Print, Products & Screens.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/MyFonts.png" data-src="assets/images/logos/MyFonts.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="My Fonts">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>My Fonts</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Fonts for Print, Products & Screens.</p>
</div>
</div>
</div>
</a>
<a href="http://www.myfonts.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.dafont.com/" target="_blank" data-id="" data-url="https://www.dafont.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Archive of freely downloadable fonts.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/dafont.png" data-src="assets/images/logos/dafont.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Da Font">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Da Font</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Archive of freely downloadable fonts.</p>
</div>
</div>
</div>
</a>
<a href="https://www.dafont.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.onlinewebfonts.com/" target="_blank" data-id="" data-url="https://www.onlinewebfonts.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB Free Fonts for Windows and Mac / Font free Download.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/OnlineWebFonts.png" data-src="assets/images/logos/OnlineWebFonts.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="OnlineWebFonts">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>OnlineWebFonts</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">WEB Free Fonts for Windows and Mac / Font free Download.</p>
</div>
</div>
</div>
</a>
<a href="https://www.onlinewebfonts.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.abstractfonts.com/" target="_blank" data-id="" data-url="http://www.abstractfonts.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Abstract Fonts (13,866 free fonts).">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/abstractfonts.png" data-src="assets/images/logos/abstractfonts.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Abstract Fonts">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Abstract Fonts</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Abstract Fonts (13,866 free fonts).</p>
</div>
</div>
</div>
</a>
<a href="http://www.abstractfonts.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="113a0a745b4169af0f7646269c12ae66"></i>
PPT资源
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.officeplus.cn/Template/Home.shtml" target="_blank" data-id="" data-url="http://www.officeplus.cn/Template/Home.shtml"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="OfficePLUS，微软Office官方在线模板网站！">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/officeplus.png" data-src="assets/images/logos/officeplus.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="OfficePLUS">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>OfficePLUS</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">OfficePLUS，微软Office官方在线模板网站！</p>
</div>
</div>
</div>
</a>
<a href="http://www.officeplus.cn/Template/Home.shtml" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.ypppt.com/" target="_blank" data-id="" data-url="http://www.ypppt.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="高质量的模版，而且还有PPT图表，PPT背景图等资源。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ypppt.png" data-src="assets/images/logos/ypppt.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="优品PPT">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>优品PPT</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">高质量的模版，而且还有PPT图表，PPT背景图等资源。</p>
</div>
</div>
</div>
</a>
<a href="http://www.ypppt.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.pptplus.cn/" target="_blank" data-id="" data-url="http://www.pptplus.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PPT加直播、录制和分享—PPT+语音内容分享平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/pptplus.png" data-src="assets/images/logos/pptplus.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PPT+">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>PPT+</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">PPT加直播、录制和分享—PPT+语音内容分享平台。</p>
</div>
</div>
</div>
</a>
<a href="http://www.pptplus.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.pptmind.com/" target="_blank" data-id="" data-url="http://www.pptmind.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="分享高端 ppt 模板与 keynote 模板的数字作品交易平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/pptmind.png" data-src="assets/images/logos/pptmind.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="PPTMind">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>PPTMind</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">分享高端 ppt 模板与 keynote 模板的数字作品交易平台。</p>
</div>
</div>
</div>
</a>
<a href="http://www.pptmind.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.tretars.com/ppt-templates" target="_blank" data-id="" data-url="http://www.tretars.com/ppt-templates"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The best free Mockups from the Web.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/tretars.png" data-src="assets/images/logos/tretars.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tretars">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>tretars</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The best free Mockups from the Web.</p>
</div>
</div>
</div>
</a>
<a href="http://www.tretars.com/ppt-templates" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://ppt.500d.me/" target="_blank" data-id="" data-url="http://ppt.500d.me/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="中国领先的PPT模板共享平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/500d.png" data-src="assets/images/logos/500d.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="5百丁">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>5百丁</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">中国领先的PPT模板共享平台。</p>
</div>
</div>
</div>
</a>
<a href="http://ppt.500d.me/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="4fbc8ba07df90bae306d8e3b83fc5a21"></i>
图形创意
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.adobe.com/cn/products/photoshop.html" target="_blank" data-id="" data-url="https://www.adobe.com/cn/products/photoshop.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Photoshop不需要解释">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/photoshop.png" data-src="assets/images/logos/photoshop.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="photoshop">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>photoshop</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Photoshop不需要解释</p>
</div>
</div>
</div>
</a>
<a href="https://www.adobe.com/cn/products/photoshop.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://affinity.serif.com/" target="_blank" data-id="" data-url="https://affinity.serif.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="专业创意软件">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/AffinityDesigner.png" data-src="assets/images/logos/AffinityDesigner.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Affinity Designer">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Affinity Designer</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">专业创意软件</p>
</div>
</div>
</div>
</a>
<a href="https://affinity.serif.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.adobe.com/cn/products/illustrator/" target="_blank" data-id="" data-url="https://www.adobe.com/cn/products/illustrator/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="矢量图形和插图。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Illustrator.png" data-src="assets/images/logos/Illustrator.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Illustrator">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Illustrator</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">矢量图形和插图。</p>
</div>
</div>
</div>
</a>
<a href="https://www.adobe.com/cn/products/illustrator/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.adobe.com/cn/products/indesign.html" target="_blank" data-id="" data-url="http://www.adobe.com/cn/products/indesign.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="页面设计、布局和出版。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/INDESIGN%20.png" data-src="assets/images/logos/INDESIGN%20.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="indesign">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>indesign</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">页面设计、布局和出版。</p>
</div>
</div>
</div>
</a>
<a href="http://www.adobe.com/cn/products/indesign.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.maxon.net/en/products/cinema-4d/overview/" target="_blank" data-id="" data-url="https://www.maxon.net/en/products/cinema-4d/overview/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/cinema4d.png" data-src="assets/images/logos/cinema4d.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="cinema-4d">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>cinema-4d</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
</div>
</div>
</div>
</a>
<a href="https://www.maxon.net/en/products/cinema-4d/overview/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.autodesk.com/products/3ds-max/overview" target="_blank" data-id="" data-url="https://www.autodesk.com/products/3ds-max/overview"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="3D modeling, animation, and rendering software">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/3dsmax.png" data-src="assets/images/logos/3dsmax.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="3ds-max">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>3ds-max</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">3D modeling, animation, and rendering software</p>
</div>
</div>
</div>
</a>
<a href="https://www.autodesk.com/products/3ds-max/overview" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.blender.org/" target="_blank" data-id="" data-url="https://www.blender.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Blender is the free and open source 3D creation suite.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/blender.png" data-src="assets/images/logos/blender.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Blender">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Blender</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Blender is the free and open source 3D creation suite.</p>
</div>
</div>
</div>
</a>
<a href="https://www.blender.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="542c016a714d85715d206c8892fba01f"></i>
界面设计
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://sketchapp.com/" target="_blank" data-id="" data-url="https://sketchapp.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The digital design toolkit">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/sketchapp.png" data-src="assets/images/logos/sketchapp.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Sketch">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Sketch</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The digital design toolkit</p>
</div>
</div>
</div>
</a>
<a href="https://sketchapp.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.adobe.com/products/xd.html" target="_blank" data-id="" data-url="http://www.adobe.com/products/xd.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introducing Adobe XD. Design. Prototype. Experience.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ADOBEXDCC.png" data-src="assets/images/logos/ADOBEXDCC.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Adobe XD">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Adobe XD</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Introducing Adobe XD. Design. Prototype. Experience.</p>
</div>
</div>
</div>
</a>
<a href="http://www.adobe.com/products/xd.html" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.invisionapp.com/" target="_blank" data-id="" data-url="https://www.invisionapp.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Powerful design prototyping tools">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/invisionapp.png" data-src="assets/images/logos/invisionapp.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="invisionapp">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>invisionapp</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Powerful design prototyping tools</p>
</div>
</div>
</div>
</a>
<a href="https://www.invisionapp.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://marvelapp.com/" target="_blank" data-id="" data-url="https://marvelapp.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Simple design, prototyping and collaboration">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/marvelapp.png" data-src="assets/images/logos/marvelapp.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="marvelapp">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>marvelapp</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Simple design, prototyping and collaboration</p>
</div>
</div>
</div>
</a>
<a href="https://marvelapp.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://creative.adobe.com/zh-cn/products/download/muse" target="_blank" data-id="" data-url="https://creative.adobe.com/zh-cn/products/download/muse"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="无需利用编码即可进行网站设计。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/MuseCC.png" data-src="assets/images/logos/MuseCC.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Muse CC">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Muse CC</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">无需利用编码即可进行网站设计。</p>
</div>
</div>
</div>
</a>
<a href="https://creative.adobe.com/zh-cn/products/download/muse" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.figma.com/" target="_blank" data-id="" data-url="https://www.figma.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design, prototype, and gather feedback all in one place with Figma.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/figma.png" data-src="assets/images/logos/figma.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="figma">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>figma</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Design, prototype, and gather feedback all in one place with Figma.</p>
</div>
</div>
</div>
</a>
<a href="https://www.figma.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="31e51a60697ff3fb1d1c4934cce67921"></i>
在线配色
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://khroma.co/generator/" target="_blank" data-id="" data-url="http://khroma.co/generator/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Khroma is the fastest way to discover, search, and save color combos you'll want to use.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/khroma.png" data-src="assets/images/logos/khroma.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="khroma">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>khroma</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Khroma is the fastest way to discover, search, and save color combos you'll want to use.</p>
</div>
</div>
</div>
</a>
<a href="http://khroma.co/generator/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://uigradients.com" target="_blank" data-id="" data-url="https://uigradients.com"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colored gradients.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/uigradients.png" data-src="assets/images/logos/uigradients.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="uigradients">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>uigradients</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colored gradients.</p>
</div>
</div>
</div>
</a>
<a href="https://uigradients.com" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://gradients.io/" target="_blank" data-id="" data-url="http://gradients.io/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Curated gradients for designers and developers.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/gradients.png" data-src="assets/images/logos/gradients.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="gradients">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>gradients</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Curated gradients for designers and developers.</p>
</div>
</div>
</div>
</a>
<a href="http://gradients.io/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://webkul.github.io/coolhue/" target="_blank" data-id="" data-url="https://webkul.github.io/coolhue/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Coolest.png" data-src="assets/images/logos/Coolest.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Coolest">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Coolest</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Coolest handpicked Gradient Hues for your next super ⚡ amazing stuff.</p>
</div>
</div>
</div>
</a>
<a href="https://webkul.github.io/coolhue/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://webgradients.com/" target="_blank" data-id="" data-url="https://webgradients.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/webgradients.png" data-src="assets/images/logos/webgradients.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="webgradients">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>webgradients</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">WebGradients is a free collection of 180 linear gradients that you can use as content backdrops in any part of your website.</p>
</div>
</div>
</div>
</a>
<a href="https://webgradients.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.grabient.com/" target="_blank" data-id="" data-url="https://www.grabient.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="2017 Grabient by unfold.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/grabient.png" data-src="assets/images/logos/grabient.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="grabient">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>grabient</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">2017 Grabient by unfold.</p>
</div>
</div>
</div>
</a>
<a href="https://www.grabient.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.thedayscolor.com/" target="_blank" data-id="" data-url="http://www.thedayscolor.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The daily color digest">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/thedayscolor.png" data-src="assets/images/logos/thedayscolor.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="thedayscolor">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>thedayscolor</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The daily color digest</p>
</div>
</div>
</div>
</a>
<a href="http://www.thedayscolor.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://flatuicolors.com/" target="_blank" data-id="" data-url="http://flatuicolors.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Copy Paste Color Pallette from Flat UI Theme.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/flatuicolors.png" data-src="assets/images/logos/flatuicolors.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flatuicolors">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>flatuicolors</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Copy Paste Color Pallette from Flat UI Theme.</p>
</div>
</div>
</div>
</a>
<a href="http://flatuicolors.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://coolors.co/" target="_blank" data-id="" data-url="https://coolors.co/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="The super fast color schemes generator!">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/coolors.png" data-src="assets/images/logos/coolors.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="coolors">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>coolors</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">The super fast color schemes generator!</p>
</div>
</div>
</div>
</a>
<a href="https://coolors.co/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.colorhunt.co/" target="_blank" data-id="" data-url="http://www.colorhunt.co/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful Color Palettes.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/colorhunt.png" data-src="assets/images/logos/colorhunt.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="colorhunt">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>colorhunt</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Beautiful Color Palettes.</p>
</div>
</div>
</div>
</a>
<a href="http://www.colorhunt.co/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://color.adobe.com/zh/create/color-wheel" target="_blank" data-id="" data-url="https://color.adobe.com/zh/create/color-wheel"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Create color schemes with the color wheel or browse thousands of color combinations from the Color community.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/AdobeColorCC.png" data-src="assets/images/logos/AdobeColorCC.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Adobe Color CC">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Adobe Color CC</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Create color schemes with the color wheel or browse thousands of color combinations from the Color community.</p>
</div>
</div>
</div>
</a>
<a href="https://color.adobe.com/zh/create/color-wheel" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.flatuicolorpicker.com/" target="_blank" data-id="" data-url="http://www.flatuicolorpicker.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Best Flat Colors For UI Design.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/flatuicolorpicker.png" data-src="assets/images/logos/flatuicolorpicker.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="flatuicolorpicker">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>flatuicolorpicker</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Best Flat Colors For UI Design.</p>
</div>
</div>
</div>
</a>
<a href="http://www.flatuicolorpicker.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://qrohlf.com/trianglify-generator/" target="_blank" data-id="" data-url="http://qrohlf.com/trianglify-generator/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Trianglify Generator.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/trianglify.png" data-src="assets/images/logos/trianglify.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="trianglify">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>trianglify</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Trianglify Generator.</p>
</div>
</div>
</div>
</a>
<a href="http://qrohlf.com/trianglify-generator/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://klart.co/colors/" target="_blank" data-id="" data-url="https://klart.co/colors/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Beautiful colors and designs to your inbox every week.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/klart.png" data-src="assets/images/logos/klart.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="klart">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>klart</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Beautiful colors and designs to your inbox every week.</p>
</div>
</div>
</div>
</a>
<a href="https://klart.co/colors/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.vanschneider.com/colors" target="_blank" data-id="" data-url="http://www.vanschneider.com/colors"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Color Claim was created in 2012 by Tobias van Schneider with the goal to collect & combine unique colors for my future projects.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/vanschneider.png" data-src="assets/images/logos/vanschneider.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="vanschneider">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>vanschneider</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Color Claim was created in 2012 by Tobias van Schneider with the goal to collect & combine unique colors for my future projects.</p>
</div>
</div>
</div>
</a>
<a href="http://www.vanschneider.com/colors" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="9c2232288caaa8ec40948cef6a786ac2"></i>
在线工具
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://tinypng.com/" target="_blank" data-id="" data-url="https://tinypng.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Optimize your images with a perfect balance in quality and file size.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/tinypng.png" data-src="assets/images/logos/tinypng.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="tinypng">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>tinypng</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Optimize your images with a perfect balance in quality and file size.</p>
</div>
</div>
</div>
</a>
<a href="https://tinypng.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://goqr.me/" target="_blank" data-id="" data-url="http://goqr.me/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="create QR codes for free (Logo, T-Shirt, vCard, EPS).">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/goqr.png" data-src="assets/images/logos/goqr.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="goqr">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>goqr</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">create QR codes for free (Logo, T-Shirt, vCard, EPS).</p>
</div>
</div>
</div>
</a>
<a href="http://goqr.me/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://ezgif.com" target="_blank" data-id="" data-url="https://ezgif.com"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="simple online GIF maker and toolset for basic animated GIF editing.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/ezgif.png" data-src="assets/images/logos/ezgif.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ezgif">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ezgif</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">simple online GIF maker and toolset for basic animated GIF editing.</p>
</div>
</div>
</div>
</a>
<a href="https://ezgif.com" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://inloop.github.io/shadow4android/" target="_blank" data-id="" data-url="http://inloop.github.io/shadow4android/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Android 9-patch shadow generator fully customizable shadows.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Android9patch.png" data-src="assets/images/logos/Android9patch.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Android 9 patch">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Android 9 patch</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Android 9-patch shadow generator fully customizable shadows.</p>
</div>
</div>
</div>
</a>
<a href="http://inloop.github.io/shadow4android/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://screensiz.es/" target="_blank" data-id="" data-url="http://screensiz.es/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Viewport Sizes and Pixel Densities for Popular Devices.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/screensizes.png" data-src="assets/images/logos/screensizes.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="screen sizes">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>screen sizes</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Viewport Sizes and Pixel Densities for Popular Devices.</p>
</div>
</div>
</div>
</a>
<a href="http://screensiz.es/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://jakearchibald.github.io/svgomg/" target="_blank" data-id="" data-url="https://jakearchibald.github.io/svgomg/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="SVG 在线压缩平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/svgomg.png" data-src="assets/images/logos/svgomg.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="svgomg">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>svgomg</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">SVG 在线压缩平台。</p>
</div>
</div>
</div>
</a>
<a href="https://jakearchibald.github.io/svgomg/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.gaoding.com" target="_blank" data-id="" data-url="https://www.gaoding.com"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="免费在线抠图软件,图片快速换背景-抠白底图。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/gaoding.png" data-src="assets/images/logos/gaoding.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="稿定抠图">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>稿定抠图</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">免费在线抠图软件,图片快速换背景-抠白底图。</p>
</div>
</div>
</div>
</a>
<a href="https://www.gaoding.com" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="13a0e1cc22ccc31b31242a6046230729"></i>
谷歌插件
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.wappalyzer.com/" target="_blank" data-id="" data-url="https://www.wappalyzer.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Identify technology on websites.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/wappalyzer.png" data-src="assets/images/logos/wappalyzer.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="wappalyzer">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>wappalyzer</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Identify technology on websites.</p>
</div>
</div>
</div>
</a>
<a href="https://www.wappalyzer.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://usepanda.com/" target="_blank" data-id="" data-url="http://usepanda.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A smart news reader built for productivity.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/usepanda.png" data-src="assets/images/logos/usepanda.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Panda">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Panda</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">A smart news reader built for productivity.</p>
</div>
</div>
</div>
</a>
<a href="http://usepanda.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://sizzy.co/" target="_blank" data-id="" data-url="https://sizzy.co/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A tool for developing responsive websites crazy-fast.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/sizzy.png" data-src="assets/images/logos/sizzy.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="sizzy">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>sizzy</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">A tool for developing responsive websites crazy-fast.</p>
</div>
</div>
</div>
</a>
<a href="https://sizzy.co/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://csspeeper.com/" target="_blank" data-id="" data-url="https://csspeeper.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Smart CSS viewer tailored for Designers.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/csspeeper.png" data-src="assets/images/logos/csspeeper.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="csspeeper">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>csspeeper</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Smart CSS viewer tailored for Designers.</p>
</div>
</div>
</div>
</a>
<a href="https://csspeeper.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://insight.io/" target="_blank" data-id="" data-url="http://insight.io/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IDE-like code search and navigation, on the cloud.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/insight.png" data-src="assets/images/logos/insight.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="insight">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>insight</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">IDE-like code search and navigation, on the cloud.</p>
</div>
</div>
</div>
</a>
<a href="http://insight.io/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://mustsee.earth/" target="_blank" data-id="" data-url="http://mustsee.earth/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Discover the world's most beautiful places at every opened tab.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/mustsee.png" data-src="assets/images/logos/mustsee.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="mustsee">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>mustsee</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Discover the world's most beautiful places at every opened tab.</p>
</div>
</div>
</div>
</a>
<a href="http://mustsee.earth/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="19cb9b648dba4efc58a205ea413b6b5d"></i>
资讯书籍
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://weread.qq.com/" target="_blank" data-id="" data-url="https://weread.qq.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="微信读书电脑版。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg" data-src="assets/images/logos/%e5%be%ae%e4%bf%a1%e8%af%bb%e4%b9%a6.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="微信读书">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>微信读书</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">微信读书电脑版。</p>
</div>
</div>
</div>
</a>
<a href="https://weread.qq.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.bookstack.cn/" target="_blank" data-id="" data-url="https://www.bookstack.cn/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IT 互联网开源编程书籍免费阅读与下载。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg" data-src="assets/images/logos/%e4%b9%a6%e6%a0%88%e7%bd%91.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="书栈网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>书栈网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">IT 互联网开源编程书籍免费阅读与下载。</p>
</div>
</div>
</div>
</a>
<a href="https://www.bookstack.cn/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="c7a9a750a4a636f0bb3e982b5ea9141c"></i>
博客论坛
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.inoreader.com/" target="_blank" data-id="" data-url="https://www.inoreader.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="重新掌控你的新闻订阅源。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/inoreader.jpg" data-src="assets/images/logos/inoreader.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Inoreader">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Inoreader</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">重新掌控你的新闻订阅源。</p>
</div>
</div>
</div>
</a>
<a href="https://www.inoreader.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://news.ycombinator.com/" target="_blank" data-id="" data-url="https://news.ycombinator.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="一家关于计算机黑客和创业公司的社会化新闻网站。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/hacker-news.jpg" data-src="assets/images/logos/hacker-news.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Hacker News">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Hacker News</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">一家关于计算机黑客和创业公司的社会化新闻网站。</p>
</div>
</div>
</div>
</a>
<a href="https://news.ycombinator.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://bbs.pinggu.org/" target="_blank" data-id="" data-url="https://bbs.pinggu.org/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="国内活跃的经济、管理、金融、统计在线教育和咨询网站。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg" data-src="assets/images/logos/%e7%bb%8f%e7%ae%a1%e4%b9%8b%e5%ae%b6.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="经管之家">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>经管之家</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">国内活跃的经济、管理、金融、统计在线教育和咨询网站。</p>
</div>
</div>
</div>
</a>
<a href="https://bbs.pinggu.org/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.ruanyifeng.com/blog/" target="_blank" data-id="" data-url="http://www.ruanyifeng.com/blog/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="阮一峰，科技爱好者周刊。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png" data-src="assets/images/logos/%e9%98%ae%e4%b8%80%e5%b3%b0.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="阮一峰的网络日志">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>阮一峰的网络日志</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">阮一峰，科技爱好者周刊。</p>
</div>
</div>
</div>
</a>
<a href="http://www.ruanyifeng.com/blog/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="33d3098041927a26a98ed4c6822c9687"></i>
设计规范
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://designguidelines.co/" target="_blank" data-id="" data-url="http://designguidelines.co/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Design Guidelines &mdash; The way products are built.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/designguidelines.png" data-src="assets/images/logos/designguidelines.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Design Guidelines">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Design Guidelines</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Design Guidelines &mdash; The way products are built.</p>
</div>
</div>
</div>
</a>
<a href="http://designguidelines.co/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://github.com/alexpate/awesome-design-systems" target="_blank" data-id="" data-url="https://github.com/alexpate/awesome-design-systems"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="A collection of awesome design systems.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/awesome_design_systems.png" data-src="assets/images/logos/awesome_design_systems.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Awesome design systems">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Awesome design systems</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">A collection of awesome design systems.</p>
</div>
</div>
</div>
</a>
<a href="https://github.com/alexpate/awesome-design-systems" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://material.io/guidelines/" target="_blank" data-id="" data-url="https://material.io/guidelines/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Introduction - Material Design.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/Material_Design.png" data-src="assets/images/logos/Material_Design.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Material Design">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Material Design</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Introduction - Material Design.</p>
</div>
</div>
</div>
</a>
<a href="https://material.io/guidelines/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://developer.apple.com/ios/human-interface-guidelines" target="_blank" data-id="" data-url="https://developer.apple.com/ios/human-interface-guidelines"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Human Interface Guidelines iOS.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/human_interface_guidelines.png" data-src="assets/images/logos/human_interface_guidelines.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Human Interface Guidelines">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Human Interface Guidelines</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Human Interface Guidelines iOS.</p>
</div>
</div>
</div>
</a>
<a href="https://developer.apple.com/ios/human-interface-guidelines" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://viggoz.com/photoshopetiquette/" target="_blank" data-id="" data-url="http://viggoz.com/photoshopetiquette/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="PS礼仪-WEB设计指南。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/photoshopetiquette.png" data-src="assets/images/logos/photoshopetiquette.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Photoshop Etiquette">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Photoshop Etiquette</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">PS礼仪-WEB设计指南。</p>
</div>
</div>
</div>
</a>
<a href="http://viggoz.com/photoshopetiquette/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<div class="d-flex flex-fill">
<h4 class="text-gray text-lg mb-4">
<i class="site-tag iconfont icon-tag icon-lg mr-1" id="aec25b122d7aceb3dd3b64cf71858ed2"></i>
视频教程
</h4>
<div class="flex-fill"></div>
</div>
<div class="row">
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.photoshoplady.com/" target="_blank" data-id="" data-url="http://www.photoshoplady.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="Your Favourite Photoshop Tutorials in One Place.">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/PhotoshopLady.png" data-src="assets/images/logos/PhotoshopLady.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Photoshop Lady">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Photoshop Lady</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">Your Favourite Photoshop Tutorials in One Place.</p>
</div>
</div>
</div>
</a>
<a href="http://www.photoshoplady.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://doyoudo.com/" target="_blank" data-id="" data-url="http://doyoudo.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="创意设计软件学习平台。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/doyoudo.png" data-src="assets/images/logos/doyoudo.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="doyoudo">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>doyoudo</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">创意设计软件学习平台。</p>
</div>
</div>
</div>
</a>
<a href="http://doyoudo.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="http://www.c945.com/web-ui-tutorial/" target="_blank" data-id="" data-url="http://www.c945.com/web-ui-tutorial/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="WEB UI免费视频公开课。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/web_ui_tutorial.png" data-src="assets/images/logos/web_ui_tutorial.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="没位道">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>没位道</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">WEB UI免费视频公开课。</p>
</div>
</div>
</div>
</a>
<a href="http://www.c945.com/web-ui-tutorial/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
<div class="url-card col-6 col-sm-6 col-md-4 col-xl-5a col-xxl-6a">
<div class="url-body default">
<a href="https://www.imooc.com/" target="_blank" data-id="" data-url="https://www.imooc.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="程序员的梦工厂（有UI课程）。">
<div class="card-body">
<div class="url-content d-flex align-items-center">
<div class="url-img mr-2 d-flex align-items-center justify-content-center">
<img class="lazy" src="assets/images/logos/imooc.png" data-src="assets/images/logos/imooc.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="慕课网">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>慕课网</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">程序员的梦工厂（有UI课程）。</p>
</div>
</div>
</div>
</a>
<a href="https://www.imooc.com/" class="togo text-center text-muted is-views" data-id="689"
data-toggle="tooltip" data-placement="right" title="直达" rel="nofollow">
<i class="iconfont icon-goto"></i>
</a>
</div>
</div>
</div>
<br />
<h4 class="text-gray text-lg mb-4">
<i class="iconfont icon-book-mark-line icon-lg mr-2" id="friendlink"></i>友情链接
</h4>
<div class="friendlink text-xs card">
<div class="card-body">
<a href="https://www.bioitee.com/" title="Bio & IT 网址导航" target="_blank">BioIT爱好者</a>
<a href="https://shen.bioitee.com/" title="网站主题作者博客" target="_blank">主题博客</a>
<a href="https://shumlab.com/cookbook/webstack-hugo" title="网站主题说明文档" target="_blank">主题文档</a>
</div>
</div>
</div>
<footer class="main-footer footer-type-1 text-xs">
<div id="footer-tools" class="d-flex flex-column">
<a href="javascript:" id="go-to-up" class="btn rounded-circle go-up m-1" rel="go-top">
<i class="iconfont icon-to-up"></i>
</a>
<a href="javascript:" data-toggle="modal" data-target="#search-modal" class="btn rounded-circle m-1"
rel="search" one-link-mark="yes">
<i class="iconfont icon-search"></i>
</a>
<a href="tencent://message/?Menu=yes&uin=1552009725" class="btn rounded-circle kefu m-1" target="_blank" data-toggle="tooltip" data-placement="left" title="联系我">
<i class="mode-ico iconfont icon-qq"></i>
</a>
<a href="javascript:" onclick="window.location.href='javascript:switchNightMode()'" class="btn rounded-circle switch-dark-mode m-1" id="yejian"
data-toggle="tooltip" data-placement="left" title="日间模式">
<i class="mode-ico iconfont icon-night"></i>
</a>
</div>
<div class="footer-inner">
<div class="footer-text">本站内容源自互联网，如有内容侵犯了你的权益，请联系删除相关内容，联系邮箱：[email protected] <br/>© 2023 <a href="https://superlovelace.top/about/">棱境</a><br/><a href="https://github.com/shenweiyan/WebStack-Hugo">Hugo</a> | <a href="https://github.com/shenweiyan/WebStack-Hugo">WebStack</a> | <a href="https://www.bioitee.com/">Bio IT 爱好者</a><br/></div>
</div>
</footer>
</div>
</div>
<div class="modal fade search-modal" id="search-modal">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<div class="modal-body">
<div id="search" class="s-search mx-auto my-4">
<div id="search-list" class="hide-type-list">
<div class="s-type">
<span></span>
<div class="s-type-list">
<label for="m_type-baidu" data-id="group-a">常用</label>
<label for="m_type-baidu1" data-id="group-b">搜索</label>
<label for="m_type-br" data-id="group-c">工具</label>
<label for="m_type-zhihu" data-id="group-d">社区</label>
<label for="m_type-taobao1" data-id="group-e">生活</label>
<label for="m_type-zhaopin" data-id="group-f">求职</label>
</div>
</div>
<div class="search-group group-a"><span class="type-text text-muted">常用</span>
<ul class="search-type">
<li><input checked="checked" hidden="" type="radio" name="type2"
id="m_type-baidu" value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道">
<label for="m_type-baidu"><span class="text-muted">百度</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-bing" value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索">
<label for="m_type-bing"><span class="text-muted">必应</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-google" value="https://www.google.com/search?q=" data-placeholder="谷歌搜索">
<label for="m_type-google"><span class="text-muted">谷歌</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-anaconda" value="https://anaconda.org/search?q=" data-placeholder="Anaconda 软件搜索">
<label for="m_type-anaconda"><span class="text-muted">软件</span></label></li>
<li><input hidden="" type="radio" name="type2"
id="m_type-pubmed" value="https://pubmed.ncbi.nlm.nih.gov/?term=" data-placeholder="PubMed 搜索/文章标题/关键字">
<label for="m_type-pubmed"><span class="text-muted">文献</span></label></li>
</ul>
</div>
<div class="search-group group-b"><span class="type-text text-muted">搜索</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-baidu1"
value="https://www.baidu.com/s?wd=" data-placeholder="百度一下，你就知道"><label
for="m_type-baidu1"><span class="text-muted">百度</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-google1"
value="https://www.google.com/search?q=" data-placeholder="谷歌搜索"><label
for="m_type-google1"><span class="text-muted">谷歌</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-360"
value="https://www.so.com/s?q=" data-placeholder="360 好搜"><label
for="m_type-360"><span class="text-muted">360</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-sogo"
value="https://www.sogou.com/web?query=" data-placeholder="搜狗搜索"><label
for="m_type-sogo"><span class="text-muted">搜狗</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-bing1"
value="https://cn.bing.com/search?q=" data-placeholder="微软必应搜索"><label
for="m_type-bing1"><span class="text-muted">必应</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-sm"
value="https://yz.m.sm.cn/s?q=" data-placeholder="UC 移动端搜索"><label
for="m_type-sm"><span class="text-muted">神马</span></label></li>
</ul>
</div>
<div class="search-group group-c"><span class="type-text text-muted">工具</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-br"
value="https://rank.chinaz.com/all/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-br"><span class="text-muted">权重查询</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-links"
value="https://link.chinaz.com/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-links"><span class="text-muted">友链检测</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-icp"
value="https://icp.aizhan.com/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-icp"><span class="text-muted">备案查询</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-ping"
value="https://ping.chinaz.com/" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-ping"><span class="text-muted">PING 检测</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-404"
value="https://tool.chinaz.com/Links/?DAddress=" data-placeholder="请输入网址(不带 https://)"><label
for="m_type-404"><span class="text-muted">死链检测</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-ciku"
value="https://www.ciku5.com/s?wd=" data-placeholder="请输入关键词"><label
for="m_type-ciku"><span class="text-muted">关键词挖掘</span></label></li>
</ul>
</div>
<div class="search-group group-d"><span class="type-text text-muted">社区</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-zhihu"
value="https://www.zhihu.com/search?type=content&q=" data-placeholder="知乎">
<label for="m_type-zhihu"><span class="text-muted">知乎</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-wechat"
value="https://weixin.sogou.com/weixin?type=2&query=" data-placeholder="微信">
<label for="m_type-wechat"><span class="text-muted">微信</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-weibo"
value="https://s.weibo.com/weibo/" data-placeholder="微博">
<label for="m_type-weibo"><span class="text-muted">微博</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-douban"
value="https://www.douban.com/search?q=" data-placeholder="豆瓣">
<label for="m_type-douban"><span class="text-muted">豆瓣</span></label></li>
</ul>
</div>
<div class="search-group group-e"><span class="type-text text-muted">生活</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-taobao1"
value="https://s.taobao.com/search?q=" data-placeholder="淘宝">
<label for="m_type-taobao1"><span class="text-muted">淘宝</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-jd"
value="https://search.jd.com/Search?keyword=" data-placeholder="京东">
<label for="m_type-jd"><span class="text-muted">京东</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-xiachufang"
value="https://www.xiachufang.com/search/?keyword=" data-placeholder="下厨房">
<label for="m_type-xiachufang"><span class="text-muted">下厨房</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-xiangha"
value="https://www.xiangha.com/so/?q=caipu&s=" data-placeholder="香哈菜谱">
<label for="m_type-xiangha"><span class="text-muted">香哈菜谱</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-12306"
value="https://www.12306.cn/?" data-placeholder="12306">
<label for="m_type-12306"><span class="text-muted">12306</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-qunar"
value="https://www.qunar.com/?" data-placeholder="去哪儿">
<label for="m_type-qunar"><span class="text-muted">去哪儿</span></label></li>
</ul>
</div>
<div class="search-group group-f"><span class="type-text text-muted">求职</span>
<ul class="search-type">
<li><input hidden="" type="radio" name="type2" id="m_type-zhaopin"
value="https://sou.zhaopin.com/jobs/searchresult.ashx?kw=" data-placeholder="智联招聘">
<label for="m_type-zhaopin"><span class="text-muted">智联招聘</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-51job"
value="https://search.51job.com/?" data-placeholder="前程无忧">
<label for="m_type-51job"><span class="text-muted">前程无忧</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-lagou"
value="https://www.lagou.com/jobs/list_" data-placeholder="拉钩网">
<label for="m_type-lagou"><span class="text-muted">拉钩网</span></label></li>
<li><input hidden="" type="radio" name="type2" id="m_type-liepin"
value="https://www.liepin.com/zhaopin/?key=" data-placeholder="猎聘网">
<label for="m_type-liepin"><span class="text-muted">猎聘网</span></label></li>
</ul>
</div>
</div>
<form action="https://nav.iowen.cn?s=" method="get" target="_blank" class="super-search-fm">
<input type="text" id="m_search-text" class="form-control smart-tips search-key" zhannei=""
autocomplete="off" placeholder="输入关键字搜索" style="outline:0">
<button type="submit"><i class="iconfont icon-search"></i></button>
</form>
<div class="card search-smart-tips" style="display: none">
<ul></ul>
</div>
</div>
</div>
<div style="position: absolute;bottom: -40px;width: 100%;text-align: center;">
<a href="javascript:" data-dismiss="modal"><i class="iconfont icon-close-circle icon-2x" style="color: #fff;"></i></a>
</div>
</div>
</div>
</div>
<script type='text/javascript' src='/assets/js/jquery.ui.touch-punch.min-0.2.2.js' id='jqueryui-touch-js'></script>
<script type='text/javascript' src='/assets/js/clipboard.min-5.6.2.js' id='clipboard-js'></script>
<script type='text/javascript' src='/assets/js/tooltip-extend.js' id='iplaycode-nav-js'></script>
<script type='text/javascript' id='popper-js-extra'>
var theme = {"ajaxurl":"","addico":"https:\/\/nav.baidu.cn\/wp-content\/themes\/onenav\/images\/add.png","order":"asc","formpostion":"top","defaultclass":"io-grey-mode","isCustomize":"1","icourl":"","icopng":".png","urlformat":"1","customizemax":"10","newWindow":"0","lazyload":"1","minNav":"1","loading":"1","hotWords":"baidu","classColumns":" col-sm-6 col-md-4 col-xl-5a col-xxl-6a ","apikey":"TWpBeU1UVTNOekk1TWpVMEIvZ1M2bFVIQllUMmxsV1dZelkxQTVPVzB3UW04eldGQmxhM3BNWW14bVNtWk4="};
</script>
<script type='text/javascript' src='/assets/js/popper.min.js' id='popper-js'></script>
<script type='text/javascript' src='/assets/js/bootstrap.min-4.3.1.js' id='bootstrap-js'></script>
<script type='text/javascript' src='/assets/js/theia-sticky-sidebar-1.5.0.js' id='sidebar-js'></script>
<script type='text/javascript' src='/assets/js/lazyload.min-12.4.0.js' id='lazyload-js'></script>
<script type='text/javascript' src='/assets/js/fancybox.min-3.5.7.js' id='lightbox-js-js'></script>
<script type='text/javascript' src='/assets/js/app-mini.js' id='appmini-js'></script>
<script type="text/javascript">
$(document).ready(function(){
var siteWelcome = $('#loading');
siteWelcome.addClass('close');
setTimeout(function() {
siteWelcome.remove();
}, 600);
});
</script>
<script>
$(document).ready(function(){
setTimeout(function () {
if ($('a.smooth[href="' + window.location.hash + '"]')[0]) {
$('a.smooth[href="' + window.location.hash + '"]').click();
}else if (window.location.hash != '') {
$("html, body").animate({
scrollTop: $(window.location.hash).offset().top - 90
}, {
duration: 500,
easing: "swing"
});
}
}, 300);
$(document).on('click','a.smooth',function(ev) {
if($('#sidebar').hasClass('show') && !$(this).hasClass('change-href')){
$('#sidebar').modal('toggle');
}
if($(this).attr("href").substr(0, 1) == "#"){
$("html, body").animate({
scrollTop: $($(this).attr("href")).offset().top - 90
}, {
duration: 500,
easing: "swing"
});
}
if($(this).hasClass('go-search-btn')){
$('#search-text').focus();
}
if(!$(this).hasClass('change-href')){
var menu = $("a"+$(this).attr("href"));
menu.click();
toTarget(menu.parent().parent(),true,true);
}
});
$(document).on('click','a.tab-noajax',function(ev) {
var url = $(this).data('link');
if(url)
$(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').show().attr('href', url);
else
$(this).parents('.d-flex.flex-fill.flex-tab').children('.btn-move.tab-move').hide();
});
});
</script>
<script>
(function(){
if(document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") === ''){
if(new Date().getHours() > 22 || new Date().getHours() < 6){
document.body.classList.remove('io-black-mode');
document.body.classList.add('io-grey-mode');
document.cookie = "night=1;path=/";
console.log('夜间模式开启');
}else{
document.body.classList.remove('night');
document.cookie = "night=0;path=/";
console.log('夜间模式关闭');
}
}else{
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
document.body.classList.remove('night');
}else if(night == '1'){
document.body.classList.add('night');
}
}
})();
$("#search-bg").css("background-image", "url(assets\/images\/bg1.jpg)");
function switchNightMode(){
var night = document.cookie.replace(/(?:(?:^|.*;\s*)night\s*\=\s*([^;]*).*$)|^.*$/, "$1") || '0';
if(night == '0'){
$("#search-bg").css("background-image", "url(assets\/images\/bg1.jpg)");
document.body.classList.remove('io-grey-mode');
document.body.classList.add('io-black-mode');
document.cookie = "night=1;path=/"
console.log(' ');
$(".switch-dark-mode").attr("data-original-title","日间模式");
$(".mode-ico").removeClass("icon-night");
$(".mode-ico").addClass("icon-light");
}else{
$("#search-bg").css("background-image", "url(assets\/images\/bg1.jpg)")
document.body.classList.remove('io-black-mode');
document.body.classList.add('io-grey-mode');
document.cookie = "night=0;path=/"
console.log(' ');
$(".switch-dark-mode").attr("data-original-title","夜间模式");
$(".mode-ico").removeClass("icon-light");
$(".mode-ico").addClass("icon-night");
}
}
</script>
</body>
</html>
此处可能存在不合适展示的内容，页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容，可点击提交进行申诉，我们将尽快为您处理。
马建仓 AI 助手