···
<!doctype html>
<!-- Bootstrap -->
<link rel="stylesheet" href="./css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
<!-- HTML5 shim 和 Respond.js 是为了让 IE8 支持 HTML5 元素和媒体查询(media queries)功能 -->
<!-- 警告:通过 file:// 协议(就是直接将 html 页面拖拽到浏览器中)访问页面时 Respond.js 不起作用 -->
<!--[if lt IE 9]>
<script src="https://fastly.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
<script src="https://fastly.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
<![endif]-->
<div class="col-md-7 bg-success">
<div class="panel panel-default">
<div class="panel-body">
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="./img/header.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="#">Python数据挖掘与分析</a>
</h4>
<p>在实际应用中,待分析数据的来源类型可能是非常繁杂的,必然需要将其读入并转化为方便处理的结构和形式,为后续的工作做好准备。本课程介绍使用Python进行数据分析的第一步,即不同类型的数据获取,内容涉及txt、csv、docx、xlsx、json等不同类型文件内容的读取,列表、字典、集合等在数据分析时常用的Python内置类型的用法,Python标准库json和扩展库pandas、Scrapy的简单用法。</p>
<div class="row">
<div class="col-md-8 bg-info">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>冷少-1天前
</div>
<div class="col-md-4 bg-warning">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>2
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>1
</div>
</div>
</div>
</div>
<div class="media">
<div class="media-left">
<a href="#">
<img class="media-object" src="./img/header.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">
<a href="#">Python数据挖掘与分析</a>
</h4>
<p>在实际应用中,待分析数据的来源类型可能是非常繁杂的,必然需要将其读入并转化为方便处理的结构和形式,为后续的工作做好准备。本课程介绍使用Python进行数据分析的第一步,即不同类型的数据获取,内容涉及txt、csv、docx、xlsx、json等不同类型文件内容的读取,列表、字典、集合等在数据分析时常用的Python内置类型的用法,Python标准库json和扩展库pandas、Scrapy的简单用法。</p>
<div class="row">
<div class="col-md-8 bg-info">
<span class="glyphicon glyphicon-user" aria-hidden="true"></span>冷少-1天前
</div>
<div class="col-md-4 bg-warning">
<span class="glyphicon glyphicon-eye-open" aria-hidden="true"></span>2
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>1
</div>
</div>
</div>
</div>
<nav aria-label="Page navigation">
<ul class="pagination">
<li>
<a href="#" aria-label="Previous">
<span aria-hidden="true">«</span>
</a>
</li>
<li class="active"><a href="#">1</a></li>
<li><a href="#">2</a></li>
<li class="disabled"><a href="#">3</a></li>
<li><a href="#">4</a></li>
<li><a href="#">5</a></li>
<li>
<a href="#" aria-label="Next">
<span aria-hidden="true">»</span>
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
<div class="col-md-3 bg-danger">
<div class="panel panel-default visible-md visible-lg">
<div class="panel-heading">
<h3 class="panel-title">开发者名片</h3>
</div>
<ul class="list-group">
<li class="list-group-item item_value">
<span class="item_label"> 网名:</span> <span class="label_value"> <!-- shineyu | -->花落芝兰</span>
</li>
<li class="list-group-item item_value">
<span class="item_label"> 职业:</span> <span class="label_value"> 高级儒拉</span>
</li>
<li class="list-group-item item_value">
<span class="item_label"> QQ:</span> <span class="label_value"> 77374325</span>
</li>
<li class="list-group-item item_value">
<span class="item_label"> 微信:</span> <span class="label_value"> 辣少</span>
</li>
<li class="list-group-item item_value">
<span class="item_label"> 邮箱:</span> <span class="label_value"> lashao@qa.com</span>
</li>
</ul>
</div>
</div>
</div>