<!DOCTYPE html>
<html lang="en">
<head>
? ? <meta charset="UTF-8">
? ? <title>開班</title>
? ? <style type="text/css">
? ? ? ? *{
? ? ? ? ? ? margin:0;
? ? ? ? ? ? padding:0;
? ? ? ? ? ? list-style: none;
? ? ? ? }
? ? ? ? .box{
? ? ? ? ? ? width: 300px;
? ? ? ? ? ? height: 400px;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? ? ? border:1px solid #ddd;
? ? ? ? ? ? margin-top:10px;
? ? ? ? }
? ? ? ? h2{
? ? ? ? ? ? width:268px;
? ? ? ? ? ? height:40px;
? ? ? ? ? ? background-color: #f5f5f5;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? ? ? border-top: 3px solid green;
? ? ? ? ? ? font-size: 14px;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? line-height: 40px;
? ? ? ? }
? ? ? ? h2 a{
? ? ? ? ? ? color: red;
? ? ? ? ? ? display: block;
? ? ? ? ? ? float:right;
? ? ? ? }
? ? ? ? .box1{
? ? ? ? ? ? width: 268px;
? ? ? ? ? ? height: 120px;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? font-size: 12px;
? ? ? ? ? ? border-bottom: 1px dashed #ddd;
? ? ? ? }
? ? ? ? .box1 a{
? ? ? ? ? ? color: black;
? ? ? ? ? ? text-decoration: none;
? ? ? ? }
? ? ? ? .box a:hover{
? ? ? ? ? ? color: red;
? ? ? ? ? ? text-decoration: underline;
? ? ? ? }
? ? ? ? .box1 h3{
? ? ? ? ? ? ? ? font-size: 14px;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? line-height: 40px;
? ? ? ? }
? ? ? ? span{
? ? ? ? ? ? color: red;
? ? ? ? }
? ? ? ? .box2{
? ? ? ? ? ? width: 268px;
? ? ? ? ? ? height: 120px;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? font-size: 12px;
? ? ? ? }
? ? ? ? .box2 h3{
? ? ? ? ? ? ? ? font-size: 14px;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? line-height: 40px;
? ? ? ? }
? ? ? ? .box2 a{
? ? ? ? ? ? color: black;
? ? ? ? ? ? text-decoration: none;
? ? ? ? }
? ? ? ? .box3{
? ? ? ? ? ? width: 268px;
? ? ? ? ? ? height: 120px;
? ? ? ? ? ? margin: 0 auto;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? font-size: 12px;
? ? ? ? }
? ? ? ? .box3 h3{
? ? ? ? ? ? ? ? font-size: 14px;
? ? ? ? ? ? padding-left: 16px;
? ? ? ? ? ? padding-right: 16px;
? ? ? ? ? ? line-height: 40px;
? ? ? ? }
? ? ? ? .box3 a{
? ? ? ? ? ? color: black;
? ? ? ? ? ? text-decoration: none;
? ? ? ? }
? ? ? ? .one{
? ? ? ? ? ? display: block;
? ? ? ? ? ? float: right;
? ? ? ? ? ? color: black;
? ? ? ? }
? ? ? ? .one1{
? ? ? ? ? ? display: block;
? ? ? ? ? ? float: right;
? ? ? ? ? ? color: red;
? ? ? ? }
? ? </style>
</head>
<body>
? ? <div class="box">
? ? ? ? <h2>
? ? ? ? ? ? 近期開班
? ? ? ? ? ? <a href="#">18年面授開發(fā)計(jì)劃</a>
? ? ? ? </h2>
? ? ? ? <div class="box1">
? ? ? ? ? ? <h3><a href="#">人工智能+python-高薪就業(yè)班</a></h3>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：<span>2018-04-26</span><span class="one1">預(yù)約報(bào)名</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：<span>2018-03-23</span><span class="one1">無座，名額爆滿</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2018-01-23<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2017-12-20<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>? ?
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2017-11-18<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? </ul>? ? ?
? ? ? ? </div>
? ? ? ? <div class="box2">
? ? ? ? ? ? <h3><a href="#">Android開發(fā)+測試-高薪就業(yè)班</a></h3>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：<span>2018-04-26</span><span class="one1">預(yù)約報(bào)名</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2018-03-23<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2018-01-23<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>? ?
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2017-12-20<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? ? ? <div class="box3">
? ? ? ? ? ? <h3><a href="#">大數(shù)據(jù)軟件開發(fā)-青芒工作室</a></h3>
? ? ? ? ? ? <ul>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：<span>2018-04-26</span><span class="one1">預(yù)約報(bào)名</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? ? ? <li>
? ? ? ? ? ? ? ? ? ? <a href="#">開班時(shí)間：2018-01-23<span class="one">開班盛況</span></a >
? ? ? ? ? ? ? ? </li>
? ? ? ? ? ? </ul>
? ? ? ? </div>
? ? </div>
</body>
</html>
