mirror of
https://github.com/WebStackPage/WebStackPage.github.io.git
synced 2026-02-06 11:53:17 +08:00
821 lines
49 KiB
HTML
821 lines
49 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="#DesignStackTag">
|
|
<i class="linecons-cog"></i>
|
|
<span class="title">Chiness</span>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#项目1" class="smooth">
|
|
<span class="title">Skin Generator</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#项目2" class="smooth">
|
|
<span class="title smooth">Update Highlights</span>
|
|
<span class="label label-pink pull-right hidden-collapsed">v1.3</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#DesignStackTag">
|
|
<i class="linecons-desktop"></i>
|
|
<span class="title">Layouts</span>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#DesignStackTag">
|
|
<span class="title">Layout Variants & API</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li>
|
|
<a href="#DesignStackTag">
|
|
<i class="linecons-note"></i>
|
|
<span class="title">UI Elements</span>
|
|
</a>
|
|
<ul>
|
|
<li>
|
|
<a href="#DesignStackTag">
|
|
<span class="title">Other Elements</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" /> Shqip
|
|
</a>
|
|
</li>
|
|
<li class="active">
|
|
<a href="#">
|
|
<img src="../assets/images/flags/flag-uk.png" alt="flag-uk" /> English
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="../assets/images/flags/flag-de.png" alt="flag-de" /> Deutsch
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="../assets/images/flags/flag-fr.png" alt="flag-fr" /> Français
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="../assets/images/flags/flag-br.png" alt="flag-br" /> Português
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<img src="../assets/images/flags/flag-es.png" alt="flag-es" /> Español
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<!-- project2 -->
|
|
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目1"></i>Counters</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>
|
|
<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>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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<!-- end project2 -->
|
|
<!-- project1 -->
|
|
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目2"></i>Counters</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/default.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>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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<!-- end project3 -->
|
|
<!-- project1 -->
|
|
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目3"></i>Counters</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>
|
|
<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>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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<!-- end project4 -->
|
|
<!-- project1 -->
|
|
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目4"></i>Counters</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>
|
|
<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>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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<!-- end project1 -->
|
|
<!-- project5 -->
|
|
<h4 class="text-gray"><i class="linecons-cog" style="margin-right: 7px;" id="项目5"></i>Counters</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>
|
|
<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>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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</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('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/dribbble.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>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/dribbble.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>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/dribbble.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>websiteName</strong>
|
|
</a>
|
|
<p class="overflowClip_2">websiteInfo</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<br />
|
|
<!-- end project1 -->
|
|
<!-- 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() {
|
|
$("a.smooth").click(function() {
|
|
$("html, body").animate({
|
|
scrollTop: $($(this).attr("href")).offset().top + "px"
|
|
}, {
|
|
duration: 500,
|
|
easing: "swing"
|
|
});
|
|
return false;
|
|
});
|
|
// 给点击元素添加active类
|
|
$("smooth").click(function(e) {
|
|
$("smooth").each(function() {
|
|
$(this).removeClass("active");
|
|
});
|
|
$(this).parent("a").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>
|