<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="css/iconfont.css" />
<link rel="stylesheet" href="css/style.css" />
<script src="js/jquery.js"></script>
</head>
<body>
<div class="container" id="container">
<div class="left-bar" id="leftBar">
<div class="title">
<p>
<font color="#D7FF00">G</font>
<font color="#AFFF00">S</font>
<font color="#00FFA0">的</font>
<font color="#00FFC8">导</font>
<font color="#00FFF0">航</font>
<font color="#00D7FF">小</font>
<font color="#00AFFF">站</font>
</p>
</div>
<nav class="nav">
<div class="item active"><a href=""><i class="iconfont icon-daohang2"></i>分类导航</a><i class="line"></i></div>
<ul class="nav-item" id="navItem">
<li><a href="#bbs" class="active"><i class="iconfont icon-shequ"></i>开发社区</a></li>
<li><a href="#study"><i class="iconfont icon-xuexi1"></i>学无止境</a></li>
<li><a href="#sill"><i class="iconfont icon-blogger"></i>技术博客</a></li>
<li><a href="#docs"><i class="iconfont icon-wendangdocument78"></i>参考文档</a></li>
<li><a href="#tools"><i class="iconfont icon-tool"></i>实用工具</a></li>
<li><a href="#design"><i class="iconfont icon-designer"></i>设计资源</a></li>
<li><a href="#operation"><i class="iconfont icon-yunying"></i>网络运维</a></li>
</ul>
</nav>
</div>
<div class="main">
<div id="mainContext">
<!-- 搜索框 -->
<div class="box">
<div class="sub-category">
<div><img src="img/baidu.ico" width="18px" height="18px"/>百度一下,你就知道</div>
</div>
<div class="form-div">
<form action="https://www.baidu.com/s" target="_blank">
<span class="form-left">
<input type="text"
class="search-input"
name="wd"
maxlength="100"
autocomplete="off"
>
</span>
<span class="btn">
<input type="submit" value="百度一下" class="search-btn" >
</span>
</form>
</div>
</div>
<!-- 开发社区 -->
<div class="box">
<a href="#" name="bbs"></a>
<div class="sub-category">
<div><i class="iconfont icon-shequ"></i>开发社区</div>
</div>
<div>
<a target="_blank" href="http://blog.csdn.net/">
<div class="item">
<div class="logo"><img src="img/csdn.ico" alt="CNDS"> CNDS</div>
<div class="desc">中国最大的IT社区和服务平台</div>
</div>
</a>
<a target="_blank" href="https://github.com/">
<div class="item">
<div class="logo"><img src="img/github.ico" alt="github"> github</div>
<div class="desc">面向开源及私有软件项目的git托管平台</div>
</div>
</a>
<a target="_blank" href="https://juejin.im/">
<div class="item">
<div class="logo"><img src="img/gold-favicon.png" alt="掘金"> 掘金</div>
<div class="desc">只有高手分享的中文技术社区</div>
</div>
</a>
<a target="_blank" href="https://www.zhihu.com/">
<div class="item">
<div class="logo"><img src="img/zhihu.ico" alt="知乎"> 知乎</div>
<div class="desc">与世界分享你的知识、经验和见解与世界分享你的知识、经验和见解</div>
</div>
</a>
<a target="_blank" href="http://stackoverflow.com/">
<div class="item">
<div class="logo"><img src="img/stackoverflow.ico" alt="stackoverflow"> stackoverflow</div>
<div class="desc">国外编程相关的IT技术问答网站</div>
</div>
</a>
<!-- <a target="_blank" href="https://segmentfault.com/">
<div class="item">
<div class="logo"><img src="img/segmentfault.ico" alt="segmentfault"> segmentfault</div>
<div class="desc">一个专注于解决编程问题,提高开发技能的社区。</div>
</div>
</a> -->
<a target="_blank" href="https://www.cnblogs.com/">
<div class="item">
<div class="logo"><!-- <img src="img/cnblogs.ico" alt="博客园"> --> 博客园</div>
<div class="desc">博客模式的技术分享社区</div>
</div>
</a>
<a target="_blank" href="https://www.oschina.net/">
<div class="item">
<div class="logo"><img src="img/oschina.ico" alt="开源中国"> 开源中国</div>
<div class="desc">
<div class="info">
目前中国最大的开源技术社区
</div>
</div>
</div>
</a>
<a target="_blank" href="https://www.v2ex.com/">
<div class="item">
<div class="logo"><img src="img/v2ex.png" alt="V2EX"> V2EX</div>
<div class="desc">一个关于分享和探索的地方。</div>
</div>
</a>
<a target="_blank" href="https://coding.net/">
<div class="item">
<div class="logo"><img src="img/coding.png" alt=" Coding"> Coding</div>
<div class="desc">中国最大的git平台。</div>
</div>
</a>
<a target="_blank" href="https://gitee.com/">
<div class="item">
<div class="logo"><img src="img/gitee.png" alt=" Gitee"> 码云Gitee</div>
<div class="desc">基于Git的代码托管和研发协作平台。</div>
</div>
</a>
</div>
</div>
<!-- 学无止境 -->
<div class="box">
<a href="#" name="study"></a>
<div class="sub-category">
- 1
- 2
- 3
前往页