mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-06 11:53:17 +08:00
3116 lines
188 KiB
HTML
3116 lines
188 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="zh">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<meta name="description" content="DesignStack" />
|
||
<meta name="author" content="viggo" />
|
||
<title>WebStack</title>
|
||
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Arimo:400,700,400italic">
|
||
<link rel="stylesheet" href="../assets/css/fonts/linecons/css/linecons.css">
|
||
<link rel="stylesheet" href="../assets/css/fonts/fontawesome/css/font-awesome.min.css">
|
||
<link rel="stylesheet" href="../assets/css/bootstrap.css">
|
||
<link rel="stylesheet" href="../assets/css/xenon-core.css">
|
||
<link rel="stylesheet" href="../assets/css/xenon-components.css">
|
||
<link rel="stylesheet" href="../assets/css/xenon-skins.css">
|
||
<link rel="stylesheet" href="../assets/css/nav.css">
|
||
<script src="../assets/js/jquery-1.11.1.min.js"></script>
|
||
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
|
||
<!--[if lt IE 9]>
|
||
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
||
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
||
<![endif]-->
|
||
</head>
|
||
|
||
<body class="page-body">
|
||
<!-- skin-white -->
|
||
<div class="page-container">
|
||
<div class="sidebar-menu toggle-others fixed">
|
||
<div class="sidebar-menu-inner">
|
||
<header class="logo-env">
|
||
<!-- logo -->
|
||
<div class="logo">
|
||
<a href="index.html" class="logo-expanded">
|
||
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
|
||
</a>
|
||
<a href="index.html" class="logo-collapsed">
|
||
<img src="../assets/images/logo-collapsed@2x.png" width="40" alt="" />
|
||
</a>
|
||
</div>
|
||
<div class="mobile-menu-toggle visible-xs">
|
||
<a href="#" data-toggle="mobile-menu">
|
||
<i class="fa-bars"></i>
|
||
</a>
|
||
</div>
|
||
</header>
|
||
<ul id="main-menu" class="main-menu">
|
||
<li>
|
||
<a href="#常用推荐" class="smooth">
|
||
<i class="linecons-cog"></i>
|
||
<span class="title">常用推荐</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#社区资讯" class="smooth">
|
||
<i class="linecons-cog"></i>
|
||
<span class="title">社区资讯</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">灵感采集</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#发现产品" class="smooth">
|
||
<span class="title">发现产品</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#界面灵感" class="smooth">
|
||
<span class="title">界面灵感</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#网页灵感" class="smooth">
|
||
<span class="title">网页灵感</span>
|
||
<span class="label label-pink pull-right hidden-collapsed">Hot</span>
|
||
</a>
|
||
</li>
|
||
<!-- <li>
|
||
<a href="#动效设计" class="smooth">
|
||
<span class="title">动效设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#电商平台" class="smooth">
|
||
<span class="title">电商平台</span>
|
||
</a>
|
||
</li> -->
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">素材资源</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#图标素材" class="smooth">
|
||
<span class="title">图标素材</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#LOGO设计" class="smooth">
|
||
<span class="title">LOGO设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#平面素材" class="smooth">
|
||
<span class="title">平面素材</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#UI资源" class="smooth">
|
||
<span class="title">UI资源</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#Sketch资源" class="smooth">
|
||
<span class="title">Sketch资源</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#字体资源" class="smooth">
|
||
<span class="title">字体资源</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#Muckup" class="smooth">
|
||
<span class="title">Muckup</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#摄影图库" class="smooth">
|
||
<span class="title">摄影图库</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#PPT资源" class="smooth">
|
||
<span class="title">PPT资源</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">常用工具</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#图形创意" class="smooth">
|
||
<span class="title">图形创意</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#界面设计" class="smooth">
|
||
<span class="title">界面设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#交互动效" class="smooth">
|
||
<span class="title">交互动效</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#在线配色" class="smooth">
|
||
<span class="title">在线配色</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#在线工具" class="smooth">
|
||
<span class="title">在线工具</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#Sketch插件" class="smooth">
|
||
<span class="title">Sketch插件</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#Chrome插件" class="smooth">
|
||
<span class="title">Chrome插件</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#H5制作" class="smooth">
|
||
<span class="title">H5制作</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">学习教程</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#视频教程" class="smooth">
|
||
<span class="title">视频教程</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#设计文章" class="smooth">
|
||
<span class="title">设计文章</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#设计电台" class="smooth">
|
||
<span class="title">设计电台</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#设计规范" class="smooth">
|
||
<span class="title">设计规范</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">交互设计</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#交互网站" class="smooth">
|
||
<span class="title">交互网站</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#交互书籍" class="smooth">
|
||
<span class="title">交互书籍</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#线框工具" class="smooth">
|
||
<span class="title">线框工具</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#交互简历" class="smooth">
|
||
<span class="title">交互简历</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#数据分析" class="smooth">
|
||
<span class="title">数据分析</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">团队博客</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#UED团队" class="smooth">
|
||
<span class="title">UED团队</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#创意公司" class="smooth">
|
||
<span class="title">创意公司</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#设计师" class="smooth">
|
||
<span class="title">设计师</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#培训机构" class="smooth">
|
||
<span class="title">培训机构</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a>
|
||
<i class="linecons-desktop"></i>
|
||
<span class="title">其他设计</span>
|
||
</a>
|
||
<ul>
|
||
<li>
|
||
<a href="#插画设计" class="smooth">
|
||
<span class="title">插画设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#广告设计" class="smooth">
|
||
<span class="title">广告设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#建筑设计" class="smooth">
|
||
<span class="title">建筑设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#室内设计" class="smooth">
|
||
<span class="title">室内设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#景观设计" class="smooth">
|
||
<span class="title">景观设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#服装设计" class="smooth">
|
||
<span class="title">服装设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#经典艺术" class="smooth">
|
||
<span class="title">经典艺术</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
<div class="main-content">
|
||
<nav class="navbar user-info-navbar" role="navigation">
|
||
<!-- User Info, Notifications and Menu Bar -->
|
||
<!-- Left links for user info navbar -->
|
||
<ul class="user-info-menu left-links list-inline list-unstyled">
|
||
<li class="hidden-sm hidden-xs">
|
||
<a href="#" data-toggle="sidebar">
|
||
<i class="fa-bars"></i>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
<!-- Right links for user info navbar -->
|
||
<ul class="user-info-menu right-links list-inline list-unstyled">
|
||
<li class="search-form">
|
||
<!-- You can add "always-visible" to show make the search input visible -->
|
||
<form name="userinfo_search_form" method="get" action="#">
|
||
<input type="text" name="s" class="form-control search-field" placeholder="Type to search..." />
|
||
<button type="submit" class="btn btn-link">
|
||
<i class="linecons-search"></i>
|
||
</button>
|
||
</form>
|
||
</li>
|
||
<!-- Added in v1.2 -->
|
||
<li class="dropdown hover-line language-switcher">
|
||
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
|
||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||
</a>
|
||
<ul class="dropdown-menu languages">
|
||
<li>
|
||
<a href="#">
|
||
<img src="../assets/images/flags/flag-us.png" alt="flag-us" /> English
|
||
</a>
|
||
</li>
|
||
<li class="active">
|
||
<a href="#">
|
||
<img src="../assets/images/flags/flag-cn.png" alt="flag-cn" /> Chinese
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
<!-- 常用推荐 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="常用推荐"></i>常用推荐</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://dribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://dribbble.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/dribbble.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Dribbble</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球UI设计师作品分享平台。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://behance.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://behance.net/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/behance.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>behance</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Adobe旗下的设计师交流平台，来自世界各地的设计师在这里分享自己的作品。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ui.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/uicn.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>UI中国</strong>
|
||
</a>
|
||
<p class="overflowClip_2">图形交互与界面设计交流、作品展示、学习平台。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.zcool.com.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.zcool.com.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/zcool.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>站酷</strong>
|
||
</a>
|
||
<p class="overflowClip_2">中国人气设计师互动平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pinterest.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pinterest.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pinterest.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Pinterest</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球美图收藏采集站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://huaban.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://huaban.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/huaban.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>花瓣</strong>
|
||
</a>
|
||
<p class="overflowClip_2">收集灵感,保存有用的素材</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medium.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/medium.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Medium</strong>
|
||
</a>
|
||
<p class="overflowClip_2">高质量设计文章</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uisdc.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uisdc.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/uisdc.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>优设</strong>
|
||
</a>
|
||
<p class="overflowClip_2">设计师交流学习平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/producthunt.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Producthunt</strong>
|
||
</a>
|
||
<p class="overflowClip_2">发现新鲜有趣的产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.youtube.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.youtube.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/youtube.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Youtube</strong>
|
||
</a>
|
||
<p class="overflowClip_2">全球最大的UI学习分享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!-- END 常用推荐 -->
|
||
<!-- 社区资讯 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="社区资讯"></i>社区资讯</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.leiphone.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.leiphone.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/leiphone.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>雷锋网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">人工智能和智能硬件领域的互联网科技媒体</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://36kr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://36kr.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/36kr.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>36kr</strong>
|
||
</a>
|
||
<p class="overflowClip_2">创业资讯、科技新闻</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.digitaling.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.digitaling.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/digitaling.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>数英网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">数字媒体及职业招聘网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lieyunwang.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lieyunwang.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/lieyunwang.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>猎云网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">互联网创业项目推荐和创业创新资讯</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.woshipm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.woshipm.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/woshipm.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>人人都是产品经理</strong>
|
||
</a>
|
||
<p class="overflowClip_2">产品经理、产品爱好者学习交流平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.zaodula.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.zaodula.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/zaodula.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>互联网早读课</strong>
|
||
</a>
|
||
<p class="overflowClip_2">互联网行业深度阅读与学习平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.chanpin100.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.chanpin100.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/chanpin100.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>产品壹佰</strong>
|
||
</a>
|
||
<p class="overflowClip_2">为产品经理爱好者提供最优质的产品资讯、原创内容和相关视频课程</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pmcaff.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pmcaff.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pmcaff.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>PMCAFF</strong>
|
||
</a>
|
||
<p class="overflowClip_2">中国第一产品经理人气组织，专注于研究互联网产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iyunying.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iyunying.org/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/iyunying.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>爱运营</strong>
|
||
</a>
|
||
<p class="overflowClip_2">网站运营人员学习交流，专注于网站产品运营管理、淘宝运营。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.niaogebiji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.niaogebiji.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/niaogebiji.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>鸟哥笔记</strong>
|
||
</a>
|
||
<p class="overflowClip_2">移动互联网第一干货平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.gtn9.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.gtn9.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/gtn9.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>古田路9号</strong>
|
||
</a>
|
||
<p class="overflowClip_2">国内专业品牌创意平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uigreat.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/uigreat.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>优阁网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">UI设计师学习交流社区</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 社区资讯 -->
|
||
<!-- 发现产品 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="发现产品"></i>发现产品</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.producthunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.producthunt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/producthunt.png" class="img-circle" width="40">
|
||
</a>
|
||
<span class="label label-info" data-toggle="tooltip" data-placement="left" title="" data-original-title="Hello I am a Tooltip"></span>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Producthunt</strong>
|
||
</a>
|
||
<p class="overflowClip_2">发现新鲜有趣的产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://next.36kr.com/posts', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://next.36kr.com/posts">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/NEXT.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>NEXT</strong>
|
||
</a>
|
||
<p class="overflowClip_2">不错过任何一个新产品</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sspai.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sspai.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sspai.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>少数派</strong>
|
||
</a>
|
||
<p class="overflowClip_2">高品质数字消费指南</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://liqi.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://liqi.io/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/liqi.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>利器</strong>
|
||
</a>
|
||
<p class="overflowClip_2">创造者和他们的工具</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://today.itjuzi.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://today.itjuzi.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/today.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Today</strong>
|
||
</a>
|
||
<p class="overflowClip_2">为身边的新产品喝彩</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://faxian.appinn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://faxian.appinn.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/appinn.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>小众软件</strong>
|
||
</a>
|
||
<p class="overflowClip_2">在这里发现更多有趣的应用</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 发现产品 -->
|
||
<!-- 界面灵感 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="界面灵感"></i>界面灵感</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pttrns.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pttrns.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Pttrns.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Pttrns</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Check out the finest collection of design patterns, resources, mobile apps and inspiration</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://collectui.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://collectui.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/CollectUI.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Collect UI</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Daily inspiration collected from daily ui archive and beyond.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ui.uigreat.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ui.uigreat.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/uiuigreat.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>UI uigreat</strong>
|
||
</a>
|
||
<p class="overflowClip_2">APP界面截图参考</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://androidniceties.tumblr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://androidniceties.tumblr.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/AndroidNiceties.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Android Niceties</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A collection of screenshots encompassing some of the most beautiful looking Android apps.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--END 界面灵感 -->
|
||
<br />
|
||
<!-- 网页灵感 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="网页灵感"></i>网页灵感</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.awwwards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.awwwards.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/awwwards.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Awwwards</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Awwwards are the Website Awards that recognize and promote the talent and effort of the best developers, designers and web agencies in the world.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.cssdesignawards.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.cssdesignawards.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/CSSDesignAwards.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>CSS Design Awards</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Website Awards & Inspiration - CSS Gallery</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://thefwa.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://thefwa.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/fwa.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>The FWA</strong>
|
||
</a>
|
||
<p class="overflowClip_2">FWA - showcasing innovation every day since 2000</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ecommercefolio.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ecommercefolio.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Ecommercefolio.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Ecommercefolio</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Only the Best Ecommerce Design Inspiration</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lapa.ninja/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lapa.ninja/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Lapa.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Lapa</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The best landing page design inspiration from around the web.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://reeoo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://reeoo.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/reeoo.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Reeoo</strong>
|
||
</a>
|
||
<p class="overflowClip_2">web design inspiration and website gallery</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmunk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://designmunk.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/designmunk.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Designmunk</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Best Homepage Design Inspiration</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://bestwebsite.gallery/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://bestwebsite.gallery/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/BWG.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Best Websites Gallery</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Website Showcase Inspiration | Best Websites Gallery</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pages.xyz/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pages.xyz/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pages.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Pages</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Curated directory of the best Pages</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sitesee.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sitesee.co/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/SiteSee.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>SiteSee</strong>
|
||
</a>
|
||
<p class="overflowClip_2">SiteSee is a curated gallery of beautiful, modern websites collections.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.siteinspire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.siteinspire.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/siteInspire.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Site Inspire</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A CSS gallery and showcase of the best web design inspiration.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://web.uedna.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://web.uedna.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/WebInspiration.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>WebInspiration</strong>
|
||
</a>
|
||
<p class="overflowClip_2">网页设计欣赏,全球顶级网页设计</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://navnav.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://navnav.co/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/navnav.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>navnav</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A ton of CSS, jQuery, and JavaScript responsive navigation examples, demos, and tutorials from all over the web.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.reallygoodux.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.reallygoodux.io/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/ReallyGoodUX.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Really Good UX</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A library of screenshots and examples of really good UX. Brought to you by
|
||
<Appcues class=""></Appcues>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 网页灵感 -->
|
||
<!-- 图标素材 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="图标素材"></i>图标素材</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.iconfinder.com', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.iconfinder.com">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Iconfinder.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Iconfinder</strong>
|
||
</a>
|
||
<p class="overflowClip_2">2,100,000+ free and premium vector icons.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconfont.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconfont.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/iconfont.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>iconfont</strong>
|
||
</a>
|
||
<p class="overflowClip_2">阿里巴巴矢量图标库</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://iconmonstr.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://iconmonstr.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/iconmonstr.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>iconmonstr</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free simple icons for your next project</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconarchive.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/iconarchive.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Icon Archive</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Search 590,912 free icons</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://findicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://findicons.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/FindIcons.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>FindIcons</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Search through 300,000 free icons</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://icomoon.io/app/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://icomoon.io/app/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/IcoMoonApp.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>IcoMoonApp</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Icon Font, SVG, PDF & PNG Generator</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.easyicon.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.easyicon.net/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/easyicon.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>easyicon</strong>
|
||
</a>
|
||
<p class="overflowClip_2">PNG、ICO、ICNS格式图标搜索、图标下载服务</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flaticon.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flaticon.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/flaticon.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>flaticon</strong>
|
||
</a>
|
||
<p class="overflowClip_2">634,000+ Free vector icons in SVG, PSD, PNG, EPS format or as ICON FONT.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ui-cloud.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ui-cloud.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/UICloud.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>UICloud</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The largest user interface design database in the world.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://material.io/icons/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://material.io/icons/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Materialicons.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Material icons</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Access over 900 material system icons, available in a variety of sizes and densities, and as a web font.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('fontawesomeicon', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="fontawesomeicon">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/fontawesomeicon.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Font Awesome Icon</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The complete set of 675 icons in Font Awesome</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ionicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ionicons.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/ionicons.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>ion icons</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The premium icon font for Ionic Framework.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://simplelineicons.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://simplelineicons.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/simplelineicons.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Simpleline Icons</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Simple line Icons pack</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 图标素材 -->
|
||
<!-- LOGO设计 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="LOGO设计"></i>LOGO设计</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.iconsfeed.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.iconsfeed.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/iconsfeed.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Iconsfeed</strong>
|
||
</a>
|
||
<p class="overflowClip_2">iOS icons gallery</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://iosicongallery.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://iosicongallery.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/iosicongallery.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>iOS Icon Gallery</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Showcasing beautiful icon designs from the iOS App Store</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://worldvectorlogo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://worldvectorlogo.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/worldvectorlogo.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>World Vector Logo</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Brand logos free to download</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://instantlogosearch.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://instantlogosearch.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/InstantLogoSearch.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Instant Logo Search</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Search & download thousands of logos instantly</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END LOGO设计 -->
|
||
<!-- 平面素材 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="平面素材"></i>平面素材</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.freepik.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.freepik.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/freepik.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>freepik</strong>
|
||
</a>
|
||
<p class="overflowClip_2">More than a million free vectors, PSD, photos and free icons.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://wallhalla.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://wallhalla.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/wallhalla.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>wallhalla</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Find awesome high quality wallpapers for desktop and mobile in one place.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://365psd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://365psd.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/365PSD.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>365PSD</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free PSD & Graphics, Illustrations</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://medialoot.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://medialoot.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Medialoot.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Medialoot</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free & Premium Design Resources — Medialoot</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.58pic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.58pic.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/qiantu.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>千图网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">专注免费设计素材下载的网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://588ku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://588ku.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/qianku.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>千库网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">免费png图片背景素材下载</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ooopic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ooopic.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/wotu.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>我图网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">我图网,提供图片素材及模板下载,专注正版设计作品交易</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://90sheji.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://90sheji.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/90sheji.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>90设计</strong>
|
||
</a>
|
||
<p class="overflowClip_2">电商设计（淘宝美工）千图免费淘宝素材库</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.nipic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.nipic.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/nipic.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>昵图网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">原创素材共享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lanrentuku.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lanrentuku.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/lanrentuku.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>懒人图库</strong>
|
||
</a>
|
||
<p class="overflowClip_2">懒人图库专注于提供网页素材下载</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://so.ui001.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://so.ui001.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sousucai.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>素材搜索</strong>
|
||
</a>
|
||
<p class="overflowClip_2">设计素材搜索聚合</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://psefan.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://psefan.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/psefan.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>PS饭团网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">不一样的设计素材库！让自己的设计与众不同！</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sccnn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sccnn.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sccnn.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>素材中国</strong>
|
||
</a>
|
||
<p class="overflowClip_2">免费素材共享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 素材图库 -->
|
||
<!-- UI资源 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="UI资源"></i>UI资源</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesbug.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesbug.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/freebiesbug.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Freebiesbug</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Hand-picked resources for web designer and developers, constantly updated.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://freebiesupply.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://freebiesupply.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/freebiesupply.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Freebie Supply</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free Resources For Designers</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.yrucd.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.yrucd.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/yrucd.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>云瑞</strong>
|
||
</a>
|
||
<p class="overflowClip_2">优秀设计资源的分享网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://designmodo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://designmodo.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Designmodo.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Designmodo</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Web Design Blog and Shop</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://xituqu.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://xituqu.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/xituqu.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>稀土区</strong>
|
||
</a>
|
||
<p class="overflowClip_2">优质设计开发资源分享</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://ui8.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://ui8.net/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/ui8.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>ui8</strong>
|
||
</a>
|
||
<p class="overflowClip_2">UI Kits, Wireframe Kits, Templates, Icons and More</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.uplabs.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.uplabs.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/uplabs.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>uplabs</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Daily resources for product designers & developers</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.uikit.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.uikit.me/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/uikitme.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>UIkit.me</strong>
|
||
</a>
|
||
<p class="overflowClip_2">最便捷新鲜的uikit资源下载网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fribbble.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fribbble.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Fribbble.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Fribbble</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free PSD files and other free design resources by Dribbblers.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://principlerepo.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principlerepo.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/PrincipleRepo.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>PrincipleRepo</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free, High Quality Principle Resources</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END UI资源 -->
|
||
<!-- Sketch资源 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Sketch资源"></i>Sketch资源</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Sketch.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The digital design toolkit</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://utom.design/measure/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://utom.design/measure/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/SketchMeasure.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch Measure</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Friendly user interface offers you a more intuitive way of making marks.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sketchappsources.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sketchappsources.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sketchappsources.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch App Sources</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free design resources and plugins - Icons, UI Kits, Wireframes, iOS, Android Templates for Sketch</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketch.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sketch.im/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sketchIm.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch.im</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Sketch 相关资源汇聚</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://sketchhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sketchhunt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sketchhunt.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch Hunt</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Sketch Hunt is an independent blog sharing gems in learning, plugins & design tools for fans of Sketch app.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.sketchcn.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.sketchcn.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sketchcn.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch中文网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">分享最新的Sketch中文手册</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://awesome-sket.ch/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://awesome-sket.ch/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/AwesomeSketchPlugins.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Awesome Sketch Plugins</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A collection of really useful Sketch plugins.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.sketchcasts.net/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.sketchcasts.net/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sketchcasts.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketchcasts</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Learn Sketch Train your design skills with a weekly video tutorial</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END Sketch资源 -->
|
||
<!-- 字体资源 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="字体资源"></i>字体资源</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fonts.google.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts.google.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/googlefont.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Google Font</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Making the web more beautiful, fast, and open through great typography</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://typekit.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://typekit.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/typekit.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Typekit</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Quality fonts from the world’s best foundries.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.foundertype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.foundertype.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Fondertype.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>方正字库</strong>
|
||
</a>
|
||
<p class="overflowClip_2">方正字库官方网站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ziticq.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ziticq.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/ziticq.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>字体传奇网</strong>
|
||
</a>
|
||
<p class="overflowClip_2">中国首个字体品牌设计师交流网</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://sicangziti.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://sicangziti.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sicangziti.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>私藏字体</strong>
|
||
</a>
|
||
<p class="overflowClip_2">优质字体免费下载站</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.fontsquirrel.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.fontsquirrel.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/fontsquirrel.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Fontsquirrel</strong>
|
||
</a>
|
||
<p class="overflowClip_2">FREE fonts for graphic designers</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.urbanfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.urbanfonts.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/UrbanFonts.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Urban Fonts</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Download Free Fonts and Free Dingbats.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.losttype.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.losttype.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/losttype.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Lost Type</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Lost Type is a Collaborative Digital Type Foundry</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://fonts2u.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://fonts2u.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/fonts2u.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>FONTS2U</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Download free fonts for Windows and Macintosh.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.fontex.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.fontex.org/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/fontex.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Fontex</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free Fonts to Download + Premium Typefaces</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://fontm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://fontm.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/FontM.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>FontM</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free Fonts</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.myfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.myfonts.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/MyFonts.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>My Fonts</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Fonts for Print, Products & Screens</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.dafont.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.dafont.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/dafont.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Da Font</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Archive of freely downloadable fonts.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.onlinewebfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.onlinewebfonts.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/OnlineWebFonts.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>OnlineWebFonts</strong>
|
||
</a>
|
||
<p class="overflowClip_2">WEB Free Fonts for Windows and Mac / Font free Download</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.abstractfonts.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.abstractfonts.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/abstractfonts.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Abstract Fonts</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Abstract Fonts (13,866 free fonts)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 字体资源 -->
|
||
<!-- Muckup -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="Muckup"></i>Muckup</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mockup.zone/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mockup.zone/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/MockupZone.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>MockupZone</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Mockup Zone is an online store where you can find free and premium PSD mockup files to show your designs in a professional way.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://dunnnk.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://dunnnk.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/Dunnnk.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Dunnnk</strong>
|
||
</a>
|
||
<p class="overflowClip_2"> Generate Product Mockups For Free</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.graphberry.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.graphberry.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/graphberry.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Graphberry</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free design resources, Mockups, PSD web templates, Icons</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://threed.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://threed.io/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/threed.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Threed</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Generate 3D Mockups right in your Browser</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/mockupworld.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Mockup World</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The best free Mockups from the Web</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://free.lstore.graphics/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://free.lstore.graphics/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/lstore.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Lstore</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.pixeden.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.pixeden.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pixeden.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>pixeden</strong>
|
||
</a>
|
||
<p class="overflowClip_2">free web resources and graphic design templates.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://forgraphictm.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://forgraphictm.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/forgraphictm.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>For Graphic TM</strong>
|
||
</a>
|
||
<p class="overflowClip_2">High Quality PSD Mockups for Graphic Designers.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END Muckup -->
|
||
<!-- 摄影图库 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="摄影图库"></i>摄影图库</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://unsplash.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://unsplash.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/unsplash.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Unsplash</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Beautiful, free photos.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://visualhunt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://visualhunt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/visualhunt.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>visualhunt</strong>
|
||
</a>
|
||
<p class="overflowClip_2">100% Free High Quality Photos</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://librestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://librestock.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/librestock.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>librestock</strong>
|
||
</a>
|
||
<p class="overflowClip_2">65,084 high quality do-what-ever-you-want stock photos</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://pixabay.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://pixabay.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pixabay.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>pixabay</strong>
|
||
</a>
|
||
<p class="overflowClip_2">可在任何地方使用的免费图片和视频</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.splitshire.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.splitshire.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/SplitShire.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>SplitShire</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free Stock Photos and Videos for commercial use.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://stocksnap.io/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://stocksnap.io/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/StockSnap.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>StockSnap</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Beautiful free stock photos</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://albumarium.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://albumarium.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/albumarium.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>albumarium</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The best place to find & share beautiful images</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://myphotopack.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://myphotopack.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/myphotopack.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>myphotopack</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A free photo pack just for you. Every month.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://notaselfie.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://notaselfie.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/notaselfie.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Notaselfie</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Photos that happen along the way. You can use the images anyway you like. Have fun!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://papers.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://papers.co/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/papers.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>papers</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Wallpapers Every Hour!Hand collected :)</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://stokpic.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://stokpic.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/stokpic.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>stokpic</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free Stock Photos For Commercial Use</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://55mm.co/visuals', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://55mm.co/visuals">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/55mm.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>55mm</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Use our FREE photos to tell your story! </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://thestocks.im/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://thestocks.im/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/thestocks.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>thestocks</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Use our FREE photos to tell your story! </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://freenaturestock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://freenaturestock.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/freenaturestock.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>freenaturestock</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Exclusive mindblowing freebies for designers and developers</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://negativespace.co/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://negativespace.co/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/negativespace.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>negativespace</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Beautiful, High-Resolution Free Stock Photos</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://gratisography.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://gratisography.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/gratisography.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>gratisography</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free high-resolution pictures you can use on your personal and commercial projects, free of copyright restrictions. </p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://imcreator.com/free', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://imcreator.com/free">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/imcreator.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>imcreator</strong>
|
||
</a>
|
||
<p class="overflowClip_2">A curated collection of free web design resources, all for commercial use.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.lifeofpix.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.lifeofpix.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/lifeofpix.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>lifeofpix</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free high resolution photography</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/skitterphoto.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>skitterphoto</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free Stock Photos for Creative Professionals</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://mmtstock.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://mmtstock.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/mmtstock.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>mmtstock</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Free photos for commercial use</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://skitterphoto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://skitterphoto.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/skitterphoto.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>skitterphoto</strong>
|
||
</a>
|
||
<p class="overflowClip_2">a place to find, show and share public domain photos</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://magdeleine.co/browse/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://magdeleine.co/browse/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/magdeleine.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>magdeleine</strong>
|
||
</a>
|
||
<p class="overflowClip_2">HAND-PICKED FREE PHOTOS FOR YOUR INSPIRATION</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://jeshoots.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://jeshoots.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/jeshoots.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>jeshoots</strong>
|
||
</a>
|
||
<p class="overflowClip_2">New Free Photos & Mockups in to your Inbox!</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.hdwallpapers.net', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.hdwallpapers.net">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/hdwallpapers.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>hdwallpapers</strong>
|
||
</a>
|
||
<p class="overflowClip_2">High Definition Wallpapers & Desktop Backgrounds</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://publicdomainarchive.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://publicdomainarchive.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/publicdomainarchive.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>publicdomainarchive</strong>
|
||
</a>
|
||
<p class="overflowClip_2">New 100% Free Stock Photos. Every. Single. Week.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 摄影图库 -->
|
||
<!-- PPT资源 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="PPT资源"></i>PPT资源</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.officeplus.cn/Template/Home.shtml', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.officeplus.cn/Template/Home.shtml">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/officeplus.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>OfficePLUS</strong>
|
||
</a>
|
||
<p class="overflowClip_2">OfficePLUS，微软Office官方在线模板网站！</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.ypppt.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.ypppt.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/ypppt.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>优品PPT</strong>
|
||
</a>
|
||
<p class="overflowClip_2">高质量的模版，而且还有PPT图表，PPT背景图等资源</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptplus.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptplus.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pptplus.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>PPT+</strong>
|
||
</a>
|
||
<p class="overflowClip_2">PPT加直播、录制和分享—PPT+语音内容分享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.pptmind.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.pptmind.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/pptmind.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>PPTMind</strong>
|
||
</a>
|
||
<p class="overflowClip_2">分享高端ppt模板与keynote模板的数字作品交易平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.tretars.com/ppt-templates', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.tretars.com/ppt-templates">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/tretars.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>tretars</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The best free Mockups from the Web</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://ppt.500d.me/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://ppt.500d.me/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/500d.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>5百丁</strong>
|
||
</a>
|
||
<p class="overflowClip_2">中国领先的PPT模板共享平台</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END PPT资源 -->
|
||
<!-- 图形创意 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="图形创意"></i>图形创意</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/photoshop.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/photoshop.html">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/photoshop.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>photoshop</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Photoshop不需要解释</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://affinity.serif.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://affinity.serif.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/AffinityDesigner.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Affinity Designer</strong>
|
||
</a>
|
||
<p class="overflowClip_2">专业创意软件</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/illustrator/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/illustrator/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/illustrator.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>illustrator</strong>
|
||
</a>
|
||
<p class="overflowClip_2">矢量图形和插图。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.adobe.com/cn/products/indesign.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/cn/products/indesign.html">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/INDESIGN .png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>indesign</strong>
|
||
</a>
|
||
<p class="overflowClip_2">页面设计、布局和出版。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.maxon.net/en/products/cinema-4d/overview/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.maxon.net/en/products/cinema-4d/overview/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/cinema4d.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>cinema-4d</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Cinema 4D is the perfect package for all 3D artists who want to achieve breathtaking results fast and hassle-free.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.autodesk.com/products/3ds-max/overview', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.autodesk.com/products/3ds-max/overview">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/3dsmax.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>3ds-max</strong>
|
||
</a>
|
||
<p class="overflowClip_2">3D modeling, animation, and rendering software</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.blender.org/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.blender.org/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/blender.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Blender</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Blender is the free and open source 3D creation suite.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 图形创意 -->
|
||
<!-- 界面设计 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="界面设计"></i>界面设计</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://sketchapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://sketchapp.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/sketchapp.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Sketch</strong>
|
||
</a>
|
||
<p class="overflowClip_2">The digital design toolkit</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.adobe.com/products/xd.html', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.adobe.com/products/xd.html">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/ADOBEXDCC.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Adobe XD</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Introducing Adobe XD. Design. Prototype. Experience.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.invisionapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.invisionapp.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/invisionapp.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>invisionapp</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Powerful design prototyping tools</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://marvelapp.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://marvelapp.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/marvelapp.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>marvelapp</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Simple design, prototyping and collaboration</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://creative.adobe.com/zh-cn/products/download/muse', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://creative.adobe.com/zh-cn/products/download/muse">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/MuseCC.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Muse CC</strong>
|
||
</a>
|
||
<p class="overflowClip_2">无需利用编码即可进行网站设计。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.figma.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.figma.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/figma.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>figma</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Design, prototype, and gather feedback all in one place with Figma.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 界面设计 -->
|
||
<!-- 交互动效 -->
|
||
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="交互动效"></i>交互动效</h4>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.adobe.com/cn/products/aftereffects/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.adobe.com/cn/products/aftereffects/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/AdobeAfterEffectsCC.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>Adobe After Effects CC</strong>
|
||
</a>
|
||
<p class="overflowClip_2">电影般的视觉效果和动态图形。</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://principleformac.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://principleformac.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/principle.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>principle</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Animate Your Ideas, Design Better Apps</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://www.flinto.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://www.flinto.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/flinto.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>flinto</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Flinto is a Mac app used by top designers around the world to create interactive and animated prototypes of their app designs.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('https://framer.com/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://framer.com/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/framer.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>framer</strong>
|
||
</a>
|
||
<p class="overflowClip_2">Design everything from detailed icons to high-fidelity interactions—all in one place.</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="row">
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('http://www.protopie.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="http://www.protopie.cn/">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/protopie.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>protopie</strong>
|
||
</a>
|
||
<p class="overflowClip_2">高保真交互原型设计</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<br />
|
||
<!--END 交互动效 -->
|
||
|
||
<!-- Main Footer -->
|
||
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
|
||
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->
|
||
<!-- Or class "fixed" to always fix the footer to the end of page -->
|
||
<footer class="main-footer sticky footer-type-1">
|
||
<div class="footer-inner">
|
||
<!-- Add your copyright text here -->
|
||
<div class="footer-text">
|
||
© 2017
|
||
<strong>Designstack</strong> design by <a href="http://viggoz.com" target="_blank"><strong>Viggo</strong></a>
|
||
<!-- - Purchase for only <strong>23$</strong> -->
|
||
</div>
|
||
<!-- Go to Top Link, just add rel="go-top" to any link to add this functionality -->
|
||
<div class="go-up">
|
||
<a href="#" rel="go-top">
|
||
<i class="fa-angle-up"></i>
|
||
</a>
|
||
</div>
|
||
</div>
|
||
</footer>
|
||
</div>
|
||
</div>
|
||
<!-- 锚点平滑移动 -->
|
||
<script type="text/javascript">
|
||
// $(document).ready(function() {
|
||
// $("#main-menu li ul li").click(function() {
|
||
// $(this).siblings('li').removeClass('active'); // 删除其他兄弟元素的样式
|
||
// $(this).addClass('active'); // 添加当前元素的样式
|
||
// });
|
||
// $("a.smooth").click(function() {
|
||
// $("html, body").animate({
|
||
// scrollTop: $($(this).attr("href")).offset().top - 30
|
||
// }, {
|
||
// duration: 500,
|
||
// easing: "swing"
|
||
// });
|
||
// });
|
||
// return false;
|
||
// });
|
||
|
||
var href = "";
|
||
var pos = 0;
|
||
$("a.smooth").click(function(e) {
|
||
$("#main-menu li").each(function() {
|
||
$(this).removeClass("active");
|
||
});
|
||
$(this).parent("li").addClass("active");
|
||
e.preventDefault();
|
||
href = $(this).attr("href");
|
||
pos = $(href).position().top - 30;
|
||
$("html,body").animate({
|
||
scrollTop: pos
|
||
}, 500);
|
||
});
|
||
</script>
|
||
<!-- Global site tag (gtag.js) - Google Analytics -->
|
||
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-111463289-1"></script>
|
||
<script>
|
||
window.dataLayer = window.dataLayer || [];
|
||
|
||
function gtag() {
|
||
dataLayer.push(arguments);
|
||
}
|
||
gtag('js', new Date());
|
||
|
||
gtag('config', 'UA-111463289-1');
|
||
</script>
|
||
<!-- Bottom Scripts -->
|
||
<script src="../assets/js/bootstrap.min.js"></script>
|
||
<script src="../assets/js/TweenMax.min.js"></script>
|
||
<script src="../assets/js/resizeable.js"></script>
|
||
<script src="../assets/js/joinable.js"></script>
|
||
<script src="../assets/js/xenon-api.js"></script>
|
||
<script src="../assets/js/xenon-toggles.js"></script>
|
||
<!-- JavaScripts initializations and stuff -->
|
||
<script src="../assets/js/xenon-custom.js"></script>
|
||
</body>
|
||
|
||
</html>
|