fullstack.web/www/index.html
2022-12-22 14:57:51 +08:00

4030 lines
238 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta name="generator" content="Hugo 0.104.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>Fullstack Club | 全栈工程师俱乐部</title>
<link rel="shortcut icon" href="assets/images/favicon.ico">
<meta name="keywords" content="Fullstack Club | 全栈工程师俱乐部">
<meta name="baidu-site-verification" content="code-ERzo5lqNbW" />
<meta name="sogou_site_verification" content="c5kms0qkyL"/>
<meta name="360-site-verification" content="fcc13eac55051e381be8a06453359bc1" />
<link rel='stylesheet' id='wp-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='lightbox-css' href='.//assets/css/fancybox.min.css' type='text/css' media='all'>
<link rel='stylesheet' id='style-css' href='.//assets/css/style.css' type='text/css' media='all'>
<link rel='stylesheet' id='style-css' href='.//assets/css/custom-style.css' type='text/css' media='all'>
<link rel="stylesheet" id="fortawesome-css" href=".//assets/fontawesome-free-5.15.4-web/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>
</head>
<body class="io-grey-mode">
<div id="loading">
</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="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/bt8-expand-dark.png" height="40" class="logo-dark d-none"
alt="Fullstack Club | 全栈工程师俱乐部">
</a>
<a href="" class="logo-collapsed">
<img src="assets/images/favicon-128x128.png" height="40" class="logo-light"
alt="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/favicon-128x128.png" height="40" class="logo-dark d-none"
alt="Fullstack Club | 全栈工程师俱乐部">
</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="#9c2232288caaa8ec40948cef6a786ac2" class="smooth change-href" data-change="#9c2232288caaa8ec40948cef6a786ac2">
<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="#9c2232288caaa8ec40948cef6a786ac2" 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>
</ul>
</li>
</ul>
</div>
</div>
</div>
<div class="border-top py-2 border-color">
<div class="flex-bottom">
<ul>
<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="./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="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/favicon-128x128.png" class="logo-light"
alt="Fullstack Club | 全栈工程师俱乐部">
<img src="assets/images/favicon-128x128.png" class="logo-dark d-none"
alt="Fullstack Club | 全栈工程师俱乐部">
</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>
<ul class="navbar-nav site-menu" style="margin-right: 16px;">
<li >
<a href="./">
<i class="fa fa-home fa-lg mr-2"></i>
<span>首页</span>
</a>
<ul class="sub-menu">
</ul>
</li>
</ul>
<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>
</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-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-bing" class="" 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>
</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 checked="checked" 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-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-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-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>
<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.zhihu.com/" target="_blank" data-id="" data-url="https://www.zhihu.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%9f%a5%e4%b9%8e.png" data-src="assets/images/logos/%e7%9f%a5%e4%b9%8e.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.zhihu.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.v2ex.com/" target="_blank" data-id="" data-url="https://www.v2ex.com/"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="V2EX 创意工作者的社区。">
<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/v2ex.jpg" data-src="assets/images/logos/v2ex.jpg"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="V2EX">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>V2EX</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">V2EX 创意工作者的社区。</p>
</div>
</div>
</div>
</a>
<a href="https://www.v2ex.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://www.oschina.net/" target="_blank" data-id="" data-url="https://www.oschina.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/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.jpg" data-src="assets/images/logos/%e5%bc%80%e6%ba%90%e4%b8%ad%e5%9b%bd.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.oschina.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.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>
<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="/swa/window.html?to=%2Fswa%2Fasn1%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fasn1%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="解析 ASN.1">
<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/duolao.png" data-src="assets/images/logos/duolao.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="ASN.1">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>ASN.1</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">解析 ASN.1</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fasn1%2Findex.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="/swa/window.html?to=%2Fswa%2Fcpe%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fcpe%2Findex.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/svgomg.png" data-src="assets/images/logos/svgomg.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="/swa/window.html?to=%2Fswa%2Fcpe%2Findex.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="/swa/window.html?to=%2Fswa%2Fu%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fu%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="UKey 发行器">
<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/u.png" data-src="assets/images/logos/u.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="Key 发行器">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>Key 发行器</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">UKey 发行器</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fu%2Findex.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="/swa/window.html?to=%2Fswa%2Fic%2Findex.html" target="_blank" data-id="" data-url="/swa/window.html?to=%2Fswa%2Fic%2Findex.html"
class="card no-c mb-4" data-toggle="tooltip" data-placement="bottom" data-original-title="IC 卡发行器">
<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/ic.png" data-src="assets/images/logos/ic.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="IC 卡发行器">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>IC 卡发行器</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">IC 卡发行器</p>
</div>
</div>
</div>
</a>
<a href="/swa/window.html?to=%2Fswa%2Fic%2Findex.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://jsfiddle.net/" target="_blank" data-id="" data-url="https://jsfiddle.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/uikitme.png" data-src="assets/images/logos/uikitme.png"
onerror="javascript:this.src='assets\/images\/logos\/default.webp'" alt="JS Playground">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>JS Playground</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">共享前端设计代码</p>
</div>
</div>
</div>
</a>
<a href="https://jsfiddle.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://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://koutu.gaoding.com/" target="_blank" data-id="" data-url="https://koutu.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://koutu.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="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&#43; 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&#43; 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;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;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&#43; 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&#43; 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 &amp; 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 &amp; 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;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;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;amp; Premium Design Resources &amp;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;amp; Premium Design Resources &amp;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 worlds 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 worlds 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 &#43; 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 &#43; 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 &amp; 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 &amp; 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&#43;语音内容分享平台。">
<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&#43;">
</div>
<div class="url-info flex-fill">
<div class="text-sm overflowClip_1">
<strong>PPT&#43;</strong>
</div>
<p class="overflowClip_1 m-0 text-muted text-xs">PPT加直播、录制和分享—PPT&#43;语音内容分享平台。</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&#39;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&#39;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 &amp; 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 &amp; 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 />
<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="http://honor3.com/" title="万荣3D荣耀立方" target="_blank">万荣3D</a>
<a href="https://gpio.me" title="作者的个人博客" target="_blank">个人博客</a>
<a href="https://weibo.com/shuangjiaoshou" 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="mailto:postmaster@fullstack.club" class="btn rounded-circle kefu m-1" target="_blank" data-toggle="tooltip" data-placement="left" title="联系我们">
<i class="fa fa-envelope-open"></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-light"></i>
</a>
</div>
<div class="footer-inner">
<div class="footer-text">本站内容源自互联网如有内容侵犯了你的权益请联系删除相关内容联系邮箱postmaster@fullstack.club <br/>© 2021 - 2022 By <a href="https://www.fullstack.club">FullStack Club</a> | <a href="http://beian.miit.gov.cn/">浙ICP备14009836号-5</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>
</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\/bg-dna.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\/bg-dna.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\/bg-dna.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>