<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>小茗学习网</title>
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 页面头部 -->
<div class="nav-search">
<!-- logo start -->
<div class="w">
<div class="logo">
<h2>
<a href="index.html"></a>
</h2>
</div>
<!-- search start -->
<div class="searcher">
<input class="fl" type="text" placeholder="在1000+高质量的教程&开发文档中搜索你需要的..." />
<button class="fr"></button>
</div>
<!-- 发布框 -->
<div class="nav">
<div class="release">
<div> <strong>发布</strong></div>
</div>
<div class="download">
<div>
<sapn class="down"><strong>下载</strong></sapn>
</div>
</div>
<div class="logins">
<div class="register">注册</div>|
<div>登录</div>
</div>
</div>
</div>
</div>
<!-- 导航栏 -->
<nav>
<div class="w">
<div class="dorpdown">
<div class="dt">教程分类</div>
<div class="dd">
<ul>
<li>
<dt class="title">人工智能|云计算|大数据</dt>
<dd>深度学习 OpenStack Hadoop</dd>
</li>
<li>
<dt class="title">Web开发|编程语言|数据库</dt>
<dd>PHP Python MySQL</dd>
</li>
<li>
<dt class="title">系统运维|考试认证|网络安全</dt>
<dd>Linux 软考 网络管理</dd>
</li>
<li>
<dt class="title">软件研发|移动开发|游戏开发</dt>
<dd>软件测试 HTML5 Unity3D</dd>
</li>
<li>
<dt class="title">嵌入式|服务器|企业信息化</dt>
<dd>嵌入式Linux Exchange 项目管理</dd>
</li>
<li>
<dt class="title">办公效率|产品/设计|其他</dt>
<dd>Excel 产品经理 IT职场</dd>
</li>
</ul>
</div>
</div>
<div class="navitems">
<ul>
<li><a href="">编程入门教程</a></li>
<li><a href="">编程入门微课</a></li>
<li><a href="">极客文档</a></li>
<li><a href="">学院</a></li>
<li><a href="">百宝箱</a></li>
<li><a href="">在线工具</a></li>
<li><a href="">会员</a></li>
</ul>
</div>
<div class="banner">
<img src="./image/banner.png" alt="">
<form action="">
<dl>
<dt>快速登录</dt>
<!-- </dl> -->
<dd>
<input type="text" placeholder="学号/手机/邮箱">
<input type="text" placeholder="登录密码">
</dd>
<div class="info">
<div><input type="radio" name="" id="">保持登录状态</div>
<a href="#">忘记密码?</a>
</div>
<button class="login-button"></button>
<div class="other-login">
<ul>
<li>
<a href="">
<img class="ologin" src="./image/QQ.png" alt="">
<img class="login-title" src="./image/QQ登录.png" alt="">
</a>
</li>
<li>
<img class="ologin" src="./image/微信.png" alt="">
<img class="login-title" src="./image/微信登录.png" alt="">
</li>
<li>
<img class="ologin" src="./image/微博.png" alt="">
<img class="login-title" src="./image/微博登录.png" alt="">
</li>
<li> <img class="ologin" src="./image/注册.png" alt="">
<img class="login-title" src="./image/注册账号.png" alt="">
</li>
</ul>
</div>
</form>
</div>
<div class="ad">
<ul>
<li><img src="./image/图层 27.png" alt=""></li>
<li><img src="./image/图层 28.png" alt=""></li>
<li><img src="./image/图层 31.png" alt=""></li>
<li><img src="./image/图层 33.png" alt=""></li>
</ul>
</div>
</div>
</nav>
<!-- 内容推荐 -->
<div class="recommend ">
<div class="recommend-list w">
<div class="official-recommend">
<dl>
<dt class="recommend-title">
<div class="title">官方推介</div>
<a href="#">更多》</a>
</dt>
<dd>
<div class="news">
<img src="./image/图层 46.png" alt="">
<article>
<h2 class="news-title"><strong>VIP推新特权,web端微课震撼上线...</strong></h2>
<span class="news-info">一直以来w3cschool都是由站长提供的资金支撑着,为了让w3cschool能持续长久的发展,我们开通了会员服务,
希望能够把更好的服务带给所有w3cschool的用户;会员收益将主要用于服务器租用,带宽购买及维护人员的基本开支;
我们将不断努力,进一步为VIP会员及普通用户提供更多优质系统化内容,更好的效率工具以及更多课程服务等。
签约并入驻w3cschool内容作者,有机会获得官方赠送VIP会员。</span>
</article>
</div>
<div class="news">
<img src="./image/图层 48.png" alt="">
<article>
<h2 class="news-title"><strong>深入解析Go语言</strong></h2>
<span class="news-info">Go语言是谷歌2009发布的第二款开源编程语言。Go语言专门针对多处理器系统应用程序的编程进行了优化,使用Go编译的程序可以媲美C或C++代码的速度,而且更加安全、支持并行进程。本书将和大家一起分享对Go语言的内部实现的一些研究。我一直认为知识是用来分享的,让更多的人分享自己拥有的一切知识这个才是人生最大的快乐。 本书作者:tiancaiamao 本书来源:https://www.gitbook.com/@tianc