mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-06 11:53:17 +08:00
1463 lines
85 KiB
HTML
1463 lines
85 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>DesignStack</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="dashboard-1.html" class="logo-expanded">
|
||
<img src="../assets/images/logo@2x.png" width="100%" alt="" />
|
||
</a>
|
||
<a href="dashboard-1.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">
|
||
<!-- add class "multiple-expanded" to allow multiple submenus to open -->
|
||
<!-- class "auto-inherit-active-class" will automatically add "active" class for parent elements who are marked already with class "active" -->
|
||
<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 href="#发现产品" class="smooth">
|
||
<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 href="#图标素材">
|
||
<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="#sketch资源" class="smooth">
|
||
<span class="title">sketch资源</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#PSD资源" class="smooth">
|
||
<span class="title">PSD资源</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#字体资源" class="smooth">
|
||
<span class="title">字体资源</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#Mockup" class="smooth">
|
||
<span class="title">Mockup</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#摄影图库" class="smooth">
|
||
<span class="title">摄影图库</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#PPT资源" class="smooth">
|
||
<span class="title">PPT资源</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#图形编辑">
|
||
<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="#3D设计" class="smooth">
|
||
<span class="title">3D设计</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#标注切图" class="smooth">
|
||
<span class="title">标注切图</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a href="#H5制作" class="smooth">
|
||
<span class="title">H5制作</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="#在线配色" class="smooth">
|
||
<span class="title">在线配色</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</li>
|
||
<li>
|
||
<a href="#视频教程">
|
||
<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 href="#交互网站">
|
||
<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 href="#UED团队">
|
||
<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 href="#插画设计">
|
||
<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="extra-search.html">
|
||
<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-al" /> English
|
||
</a>
|
||
</li>
|
||
<li class="active">
|
||
<a href="#">
|
||
<img src="../assets/images/flags/flag-uk.png" alt="flag-uk" /> 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('https://ui.cn/', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="https://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>
|
||
<!--END LOGO设计 -->
|
||
<!-- 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>
|
||
<!-- 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>
|