mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-06 20:03:25 +08:00
868 lines
48 KiB
HTML
868 lines
48 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="80" 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-uk.png" alt="flag-uk" /> English
|
||
</a>
|
||
<ul class="dropdown-menu languages">
|
||
<li>
|
||
<a href="#">
|
||
<img src="../assets/images/flags/flag-al.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('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>websiteName</strong>
|
||
</a>
|
||
<p class="overflowClip_2">websiteInfo</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>websiteName</strong>
|
||
</a>
|
||
<p class="overflowClip_2">websiteInfo</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="col-sm-3">
|
||
<div class="xe-widget xe-conversations box2 label-info" onclick="window.open('website', '_blank')" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="website">
|
||
<div class="xe-comment-entry">
|
||
<a class="xe-user-img">
|
||
<img src="../assets/images/logos/default.png" class="img-circle" width="40">
|
||
</a>
|
||
<div class="xe-comment">
|
||
<a href="#" class="xe-user-name overflowClip_1">
|
||
<strong>websiteName</strong>
|
||
</a>
|
||
<p class="overflowClip_2">websiteInfo</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!--END 发现产品 -->
|
||
<!-- Main Footer -->
|
||
<!-- Choose between footer styles: "footer-type-1" or "footer-type-2" -->
|
||
<!-- Add class "sticky" to always stick the footer to the end of page (if page contents is small) -->
|
||
<!-- Or class "fixed" to always fix the footer to the end of page -->
|
||
<footer class="main-footer sticky footer-type-1">
|
||
<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>
|