demo演示-普通企业站

清华大佬耗费三个月吐血整理的几百G的资源,免费分享!....>>>

<!DOCTYPE html>
<html>
<head lang="zh-CN">
    <meta charset="UTF-8">
    <title></title>
    <link type="text/css" rel="stylesheet" href="company.css">
    <link type="text/css" rel="stylesheet" href="mF_fancy.css">
</head>
<body>
    <div class="top">
        <div class="top_content">
            <ul>
                <li><a href="#">联系我们</a></li>
                <li><a href="#" onClick="AddFavorite(window.location,document.title)">加入收藏</a></li>
                <li><a href="#" onClick="SetHome(window.location)">设为首页</a></li>
            </ul>
        </div>
    </div><!--top-->
    <div class="wrap_top">
        <div class="logo">
            <div class="logo_left">
                <img src="images/logo.jpg" alt="logo">
            </div>
            <div class="logo_right">
                <img src="images/tel.jpg" alt="tel">24小时服务热线:<span class="tel">123-456-7890</span>
            </div>
        </div><!--logo-->
        <div class="nav">
            <div class="nav_left"></div>
            <div class="nav_mid">
                <div class="nav_mid_left">
                    <ul>
                        <li><a href="#">首页</a></li>
                        <li><a href="#">关于慕课</a></li>
                        <li><a href="company_list.html">新闻动态</a></li>
                        <li><a href="#">课程中心</a></li>
                        <li><a href="#">在线课程</a></li>
                        <li><a href="#">人才招聘</a></li>
                    </ul>
                </div>
                <div class="nav_mid_right">
                    <form action="" method="post">
                        <input type="text" class="search_text">
                    </form>
                </div>
            </div><!--nav_mid-->
            <div class="nav_right"></div>
        </div><!--nav-->
    </div><!--wrap_top-->
    <div class="wrap">
        <div class="ad" id="picBox">
            <div class="loading">
                <img src="images/loading.gif" alt="loading">
            </div>
            <div class="pic">
                <ul>
                    <li><img src="images/ad2.jpg" alt="advert"></li>
                    <li><img src="images/ad3.jpg" alt="advert"></li>
                    <li><img src="images/ad4.jpg" alt="advert"></li>
                </ul>
            </div>
        </div><!--ad-->
        <div class="main">
            <div class="news">
                <div class="news_title">
                    <h2 class="title_left">新闻中心</h2><span class="title_right"><a href="company_news.html">More&gt;&gt;</a></span>
                </div><!--news_title-->
                <div class="news_pic">
                    <img src="images/news.jpg" alt="news">
                    <h2><a href="company_news.html">慕女神喊你来表白!</a></h2>
                    <p>活动时间:5月20日-5月25日<br>
                       获奖公布时间:5月26日<br>
                       <a href="company_news.html">Learn More&gt;&gt;</a>
                    </p>
                </div><!--news_pic-->
                <div class="news_list">
                    <ul>
                        <li><span>2014-06-01</span><a href="company_news.html">【慕客访谈 用户篇】“有为屌丝”在路上</a></li>
                        <li><span>2014-06-01</span><a href="company_news.html">【有奖活动】给父亲的三行书信</a></li>
                        <li><span>2014-05-30</span><a href="company_news.html">《程序猿,请晒出你的童年》活动获奖公告</a></li>
                        <li><span>2014-05-28</span><a href="company_news.html">【慕课访谈】破茧成蝶--美女程序员的蜕变史</a></li>
                    </ul>
                </div><!--news_company_list-->
            </div><!--news-->
            <div class="course">
                <div class="course_title">
                    <h2 class="title_left">课程中心</h2><span class="title_right"><a href="company_news.html">More&gt;&gt;</a></span>
                </div><!--course_title-->
                <div class="course_pic">
                    <img src="images/css.jpg" alt="course"><h2><a href="company_news.html">CSS圆角进化论</a></h2><p>CSS圆角的实现,经历了三大发展阶段:背景图片方式,CSS2.0+HTML标签模拟,CSS3.0圆角属性。本案例详细讲解每一种实现方式,并对实现的优缺点进行对比分析。</p>
                </div><!--course_pic-->
                <div class="course_type">
                    <ul>
                        <li>PHP开发</li>
                        <li>前端开发</li>
                        <li>JAVA开发</li>
                        <li>Android开发</li>
                    </ul>
                </div><!--course_type-->
            </div><!--course-->
            <div class="sidebar">
                <div class="sidebar_video">
                    <div class="sidebar_video_title">
                        <h2 class="title_left">媒体聚焦</h2>
                    </div><!--sidebar_video_title-->
                    <div class="sidebar_video_content">
                        <embed src="http://player.youku.com/player.php/sid/XNzczNDAwNDI0/v.swf" allowFullScreen="true" quality="high" width="220" height="140" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
                    </div><!--sidebar_video_content-->
                </div><!--sidebar_video-->
                <div class="sidebar_ad">
                    <img src="images/app.jpg" alt="advert">
                </div><!--sidebar_ad-->
            </div><!--sidebar-->
        </div><!--main-->
    </div><!--wrap-->
    <div class="copyright"><!--copyright-->
        <div class="copyright_content">
            <ul>
                <li><a href="#">关于</a>
                    <ul>
                        <li><a href="#">品牌故事</a></li>
                        <li><a href="#">联系我们</a></li>
                        <li><a href="#">加入我们</a></li>
                        <li><a href="#">版权声明</a></li>
                    </ul>
                </li>
                <li><a href="#">课程</a>
                    <ul>
                        <li><a href="#">PHP开发</a></li>
                        <li><a href="#">前端开发</a></li>
                        <li><a href="#">JAVA开发</a></li>
                        <li><a href="#">Android开发</a></li>
                    </ul>
                </li>
                <li><a href="#">留言</a>
                    <ul>
                        <li><a href="#">新浪微博</a></li>
                        <li><a href="#">腾讯微博</a></li>
                        <li><a href="#">企业微信</a></li>
                        <li><a href="#">QQ空间</a></li>
                    </ul>
                </li>
                <li><a href="#">关注</a>
                    <ul>
                        <li><a href="#">意见反馈</a></li>
                        <li><a href="#">问题留言</a></li>
                        <li><a href="#">媒体联络</a></li>
                        <li><a href="#">在线客服</a></li>
                    </ul>
                </li>
                <li><a href="#"><img src="images/weixin.png" alt="weixin">微信</a>
                    <ul>
                        <li><img src="images/qrcode.jpg" alt="weixin"></li>
                    </ul>
                </li>
            </ul>
        </div><!--copyright_content-->
    </div>
<script type="text/javascript" src="js/setHomeSetFav.js" charset="GB2312"></script>
<script type="text/javascript" src="js/myfocus-2.0.1.min.js"></script>
<script type="text/javascript" src="js/mf-pattern/mF_fancy.js"></script>
<script type="text/javascript" src="js/company.js"></script>
</body>
</html>