代码改变世界

作业

2016-12-02 22:32  沙漠中的水  阅读(95)  评论(1)    收藏  举报 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>传智官网</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
    <!--box开始-->
    <div class="box">
            
            <div class="header">
                  <!--top开始-->
                  <div class="top">
                        专业的Java、.Net、PHP、C/C++、网页设计、平面设计、UI设计、iOS培训机构
                        <span class="floatR">
                              <a href="#">网站首页</a><a href="#" class="blue">免费公开课</a><a href="#" class="blue">校园生活</a><a href="#" class="redblack
                              <!---->">传智特刊</a><a href="#">人才服务</a><a href="#">招贤纳士</a><a href="#" class="noline">联系我们</a>
                        </span>
                  </div>
                  <!--top结束-->
                    <!--logo开始-->
                  <div class="logo">
                        <div class="logoL floatL">
                              <a href="#"><img src="images/logo.gif"></a>
                        </div>
                        <div class="logoC floatL">
                              <h2>php学院</h2>
                               <ul class="over">
                                    <li>北京校区</li>
                                    <li>成都校区</li>
                                    <li>广州校区</li>
                                    <li>深圳校区</li>
                              </ul>
                        </div>
                        <div class="logoR floatR">
                              <img src="images/topword.gif">
                        </div>
                  </div>
                        <!--logo结束-->
                        <!--nav开始-->
                        <div class="nav">
                              <ul>
                                    <li><a href="#" class="current">首页</a></li>
                                    <li><a href="#" a2>PHP视频课程</a></li>
                                    <li><a href="#" a2>PHP视频下载</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>
                                    <li><a href="#">人才服务</a></li>
                                    <li><a href="#">人才服务</a></li>
                                    <li><a href="#">人才服务</a></li>
                              </ul>
                        </div>
                        <!--nav结束-->
            </div>
            <!--header结束-->
            <!--left开始-->
            <div class="left floatL">
                  <!--开学开始-->
                  <div class="kaixue">
                        <div class="title">
                              <span class="title1">我们开学啦 </span>
                              <span class="title2">
                                    今天我终于来到了心中向往已久的神圣学府--传智播客，开始了改变命运的征途
                              </span>
                        </div>
                        <div class="imgL floatL">
                              <img src="images/ppt1.jpg">
                        <a href="#"></a></div>
                        <div class="imgR floatR">
                              <ul>
                                    <li><a href="#"><img src="images/img01.jpg"><br>陈建利专题-我有我原则
</a></li>
                                    <li><a href="#"><img src="images/img02.jpg"><br>陈建利专题-我有我原则
</a></li>
                                    <li><a href="#"><img src="images/img03.jpg"><br>陈建利专题-我有我原则
</a></li>
                                    <li><a href="#"><img src="images/img04.jpg"><br>陈建利专题-我有我原则
</a></li>
                              </ul>
                        </div>
                        <div class="clear"></div>
                  </div>
                  <!--开学结束-->
                  <div class="info">
                        <div class="title">
                              <img src="images/college.jpg">
                        </div>
                        <div class="content">
                        <ul>
                                    <li><a href="#"><b class="red">2013年限时钜惠,PHP基础班免费学!</b></a><img src="images/hot.gif" /></li>
                                    <li><a href="#">ci电子商城-开发速度最快的PHP框架!</a></li>
                                    <li><a href="#"><b class="blue">2013年传智播客PHP课程最新升级</b></a></li>
                                    <li><a href="#">国内首家推出企业急需六大核心技术!!</a></li>
                                    <li><a href="#"><b class="blue">学PHP编程，不做孬种程序员！</b></a></li>
                                    <li><a href="#">新年开门红,俩学员毕业入职月薪过万！</a></li>
                                    <li><a href="#">PHP学院年薪20-40万招聘讲师</a></li>
                                    <li><a href="#">传智播客PHP视频教程配套笔记，更新到第114讲</a></li>
                                    <li><a href="#">拒绝"上半天，自学半天"的教学培训</a></li>
                                    <li><a href="#">中关村大型IT人才招聘会 上千岗位任选！</a></li>
                        </ul>

                        </div>
                  </div>
            </div>
            <!--left结束-->
            <!--right开始-->
            <div class="right floatR">
                  <!--PHP培训开班信息-->
                  <div class="kaiban">
                        <div class="title">php培训开班信息</div>
                        <div class="content">
                              <h4>php开班信息</h4> 
                              <ul>
                                    <li><a href="#">北京--11月12号</a><span>爆满已开班</span></li>
                                    <li><a href="#">北京--12月22号</a><span>预约报名</span><span></span></li>
                              </ul>
                                 <h4>php开班信息</h4> 
                              <ul>
                                    <li><a href="#">北京--11月12号</a><span>爆满已开班</span></li>
                                    <li><a href="#">北京--12月22号</a><span>预约报名</span><span></span></li>
                              </ul>
                                 <h4>php开班信息</h4> 
                              <ul>
                                    <li><a href="#">北京--11月12号</a><span>爆满已开班</span></li>
                                    <li><a href="#">北京--12月22号</a><span>预约报名</span><span></span></li>
                              </ul>
                        </div>
                  </div>
                  <!--PHP培训开班信息结束-->
            </div>
            <!--right结束-->
            <!--清除浮动用-->
            <div class="clear"></div>
       </div>

    <!--box结束-->
    <!--页脚开始-->
    <div class="footer"></div>
    <!--页脚结束-->
</body>
</html>