主页设计

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>网站首页</title>
    <link href="css/style.css" rel="stylesheet" type="text/css">
    <script src="js/ggg.js" type="text/javascript"></script>
    <script>
        window.alert("Hello ! pretty girls and handsome boys!\n   !  Welcome ! ");
    </script>

</head>
<body>
<div id="header_wrapper">
    <header>
        <div class="container">
            <div id="logo">
                <h1><a href="index.html"><img src="images/logos.jpg" alt="首页"> </a> </h1>
            </div>
            <div id="sousuo">
                <form action="ss.html">
                    <input type="text" placeholder="你想搜啥就搜啥...."><input type="submit" value="搜索">
                </form>
            </div>
          <div id="nav">
              <nav class="container">
                  <ul>
                      <li class="on"><a href="index.html">集团首页</a> </li>
                      <li><a href="picilist.html">产品列表</a> </li>
                      <li><a href="list.html">新闻列表</a> </li>
                      <li><a href="content.html">内容页面</a> </li>
                      <li><a href="guanyu.html">关于我们</a> </li>
                      <li><a href="zg.html">中国力量</a> </li>
                  </ul>
              </nav>
          </div>
        </div>
    </header>
</div>
<div id="body_wrapper">
    <article>
          <section id="lunbotu">
              <div class="warp">
                  <div class="broadcast" id="broadcast">
                      <ul id="img_list">
                          <li><a href="http://politics.people.com.cn/n1/2020/0403/c1001-31660848.html" ><img src="images/lb1.jpg" alt="1"></a></li>
                          <li><a href="http://gs.people.com.cn/n2/2020/0406/c183348-33928912.html"> <img src="images/lb3.jpg" alt="2"></a></li>
                          <li><a href="http://pic.people.com.cn/n1/2020/0404/c426981-31662091-2.html"> <img src="images/bl2.JPG" alt="3"></a></li>
                          <li><a href="http://world.people.com.cn/n1/2020/0403/c1002-31660518.html"> <img src="images/lb5.jpg" alt="4"></a></li>
                      </ul>
                      <ol id="button_list"> <!-- 轮播按钮 -->
                          <li class="first-li" id="olli1">1</li>
                          <li id="olli2">2</li>
                          <li id="olli3">3</li>
                          <li id="olli4">4</li>
                      </ol>
                  </div>
              </div>
        </section>
        <section id="xinwen">
            <div class="title_bg">
                <h2><a href="index.html">今日新闻焦点</a> </h2>
            </div>
            <ul>
                <li>
                    <a ><img src="images/new1.jpg" alt="新闻简介"></a><a href="http://society.people.com.cn/n1/2020/0406/c1008-31662582.html" target="_blank" class="miaosu" >
                        <h3>科技底气足  中国饭碗稳</h3>
                        <p> 民以食为天。作为人口众多的发展中大国,中国在众志成城,坚决打赢疫情防控的人民战争、总体战、阻击战的同时,正一如既往地狠抓粮食生产,确保粮食安全。中国把饭碗牢牢端在自己手中的底气不仅源自充足的粮食战略储备,而且在于不断增强的农业科技实力。而且在于不断增强的农业科技实力而且在于不断增强的农业科技实力而且在于不断增强的农业科技实力而且在于不断增强的农业科技实力而且在于不断增强的农业科技实力而且在于不断增强的农业科技实力</p>
                    </a>
                </li>
                <li><a ><img src="images/new2.jpg" alt="新闻简介"></a><a href="http://politics.people.com.cn/n1/2020/0406/c1001-31662585.html" target="_blank" class="miaosu">
                        <h3>  如何建设长征国家文化公园?</h3>
                        <p> "收放自如,进退裕如",才是激活旅游市场最理想的初衷与状态。如何建设长征国家文化公园?建设长征国家文化公园,需要解决价值提取和体验的双重目标。“国家文化公园”,不仅是一种新的遗产保护、利用、传承模式,而且成为塑造国家形象、坚定文化自信、推动文化传播、构建国民身份认同的公共文化载体。  体验线路和历史步道,是国家文化公园的重要组成部分。</p>
                    </a>
                </li>
                <li>
                    <a><img src="images/new3.jpg" alt="新闻简介"></a><a href="http://ah.people.com.cn/n2/2020/0406/c358266-33929427.html" target="_blank"  class="miaosu">
                        <h3> "游客扎堆黄山"</h3><p>  针对“游客扎堆黄山”一事,黄山风景区管委会当日回应:启动应急预案,将限流、改进工作流程、优化运力调配等。同日,黄山风景区管委会还回应了网民投诉,将严厉查处借机乱收费等行为。 对于公众的质疑,黄山风景区管委会及时详细回应,承认不足,承诺改进。这反映出黄山风景区管委会对公众意见的重视,体现了把好事办好的决心,舆论给予了充分肯定。同时,我们也要看到,好事并不好办,还需要进一步提升、完善管理体系。</p>
                    </a>
                </li>
                <li>
                    <a ><img src="images/new4.jpg" alt="新闻简介"></a><a href="http://world.people.com.cn/n1/2020/0406/c1002-31662707.html"  target="_blank" class="miaosu">
                        <h3>美媒:官方低估美疫情死亡人数</h3>
                        <p> 美国《纽约时报》4月5日刊发文章说,官方统计低估了美国新冠肺炎的死亡人数。官方统计低估了美国新冠肺炎的死亡人数。在整个美国,人民网华盛顿4月5日电 (记者张梦旭)美国《纽约时报》4月5日刊发文章说,官方统计低估了美国新冠肺炎的死亡人数。在整个美国,即使新冠病毒的死亡人数以每天成百上千人的惊人数字增长,真实的死亡人数可能更高。</p>
                    </a>
                </li>
            </ul>
        </section>
        <section id="huodong" >
            <div class="title_bg">
            <h2><a href="/">时事热点知多少</a> </h2>
        </div>
           <section id="huodong_a" >
               <ul>
                   <li><a href="content.html"><img src="images/hd1.jpg"></a> </li>
                   <li><a href="content.html"><img src="images/hd2.jpg"></a> </li>
                   <li><a href="content.html"><img src="images/hd3.jpg"></a> </li>
                   <li><a href="content.html"><img src="images/hd4.jpg"></a> </li>
               </ul>
           </section>
            <section id="huodong_b" >
                <ul>
                    <li><a href="http://travel.people.com.cn/n1/2020/0403/c41570-31660943.html">清明假期各地旅游市场逐渐复苏 景区赏花踏青受欢迎清明假期各地旅游市场逐渐复苏 景区赏花踏青受欢迎</a> </li>
                    <li><a href="http://www.xinhuanet.com/info/2020-04/06/c_138950415.htm">600年故宫直播中揭“玄机” 故宫人气有多旺?在首场直播中,仅人民日报平台上的观看人数就逾500万。上海市民杨柳从小学开始去过七次故宫,唯一的遗憾是“每次去人都太多了”。而闭馆期间的直播满足了杨柳“看看没人的故宫什么样”的愿望。</a> </li>
                    <li><a href="http://www.xinhuanet.com/tech/2020-04/03/c_1125810050.htm">蔺雷:智能经济是未来十年的关键“智能经济”是什么?如何发展“智能经济”?如何让我们的生活更加智能与便捷?3月31日,半月谈和百度联合举办“新基建与智能经济发展”云研讨会,以线上直播的形式邀请各领域的专家论道“新基建”,共同探讨“新基建”和智能经济对于中国和世界的意义。 </a> </li>
                    <li><a href="http://www.xinhuanet.com/politics/2020-04/03/c_1125810074.htm">别样清明一样情,他们这样“云上”寄哀思“云祭扫”为祭扫活动提供了更多选择。在“合肥民政”“合肥市殡葬管理处”微信公众号上,一则“居家祭祀礼仪”的微视频也吸引了不少人观看。视频中,合肥市殡葬管理处向公众展示了净手、擦拭遗像、敬茶、焚香等仪式流程。</a> </li>
                    <li><a href="http://military.people.com.cn/n1/2020/0403/c1011-31660940.html"> 跟随驯导员前来的军犬们一改往日的活泼,安静地蹲坐在驯导员身旁,看着眼前的景象,它们仿佛回想起曾经和眼前这些长眠地下的老战友并肩作战的日子 军犬的一生都值得被赞誉。它们是军人无言的战友、是忠诚的伙伴,它们在搜救、排爆、制敌等方面都发挥了特殊的作用,它们与普通士兵一样,纪律严明,刻苦训练。</a> </li>
                    <li><a href="http://country.people.com.cn/n1/2020/0402/c419842-31659552.html">农业农村部:确保完成全年生猪稳产保供目标任务</a> </li>
                    <li><a href="http://country.people.com.cn/n1/2020/0403/c419842-31660731.html">内蒙古自治区阿拉善左旗腾格里沙漠,工人们开始治沙、种植沙生植物。腾格里沙漠是我国第四大沙漠,此次治沙是中国绿化基金会百万森林计划——腾格里沙漠锁边生态公益项目,目的是通过种植生态锁边林阻止沙漠扩展蔓延。</a> </li>
                    <li><a href="http://edu.people.com.cn/n1/2020/0403/c1053-31660207.html">农业院校师生走进田间地头,用科技指导农民生产</a> </li>
                    <li><a href="http://scitech.people.com.cn/n1/2020/0403/c1007-31660620.html">疫情之下 那些“高冷”的大型物理学设施还好吗?</a> </li>
                    <li><a href="http://media.people.com.cn/n1/2020/0406/c40606-31662592.html">打赢脱贫攻坚战,任务艰巨、影响深远,一方面要靠贫困群众用自己的辛勤劳动来实现,另一方面要动员全社会力量广泛参与。这就要求文化内容的生产者用精良的作品将脱贫攻坚的战鼓擂得更响。</a> </li>
                </ul>

            </section>
            <section id="huodong_c" >
                <ul>
                    <li><a href="content.html"><img src="images/hdc1.jpg"></a> </li>
                    <li><a href="content.html"><img src="images/hdc2.jpg"></a> </li>
                </ul>
            </section>
        </section>
    </article>
    <aside>
        <section id="bowen">
            <div class="title_bg1">
                <h2><a href="index.html">精彩博文</a> </h2>
            </div>
            <section id="bowen_a">
                <ul>
                    <li><a href="http://art.people.com.cn/n1/2020/0403/c41426-31660251.html" ><img src="images/bw1.jpg"></a><a href="http://art.people.com.cn/n1/2020/0403/c41426-31660251.html">古人如何过清明?</a> </li> <li>
                   <a href="http://art.people.com.cn/n1/2020/0403/c41426-31659841.html" ><img src="images/bw2.jpg"><a href="http://art.people.com.cn/n1/2020/0403/c41426-31659841.html">动漫:打动人心的力量</a></a></li>
                </ul>
            </section>
            <section id="bowen_b">
                <ul>
                <li><a href="http://country.people.com.cn/n1/2020/0403/c419842-31660731.html">内蒙古自治区阿拉善左旗腾格里沙漠,工人们开始治沙、种植沙生植物。腾格里沙漠是我国第四大沙漠,此次治沙是中国绿化基金会百万森林计划——腾格里沙漠锁边生态公益项目,目的是通过种植生态锁边林阻止沙漠扩展蔓延。</a> </li>
                <li><a href="http://edu.people.com.cn/n1/2020/0403/c1053-31660207.html">农业院校师生走进田间地头,用科技指导农民生产</a> </li>
                <li><a href="http://scitech.people.com.cn/n1/2020/0403/c1007-31660620.html">疫情之下 那些“高冷”的大型物理学设施还好吗?</a> </li>
                </ul>
            </section>
        </section>
        <section id="zhaoping">
            <div class="title_bg1">
                <h2><a href="index.html">职位信息</a> </h2>
            </div>
            <ul>
                <li><a href="">招聘岗位1:会计 负责公司一切会计核算工作;负责审核公司客户往来结算事宜;负责往来款项核对、审查负责销售开票、税收申报,维系与欢迎</a> </li>
                <li><a href="">招聘岗位2:新媒体运营 负责公司产品文案撰写;公司产品相关的文字性工作,整理搜集相关行业资讯;撰写公司最新活动资讯,及时更新发布;</a> </li>
                <li><a href="">招聘岗位3:平面设计 对外卖商家的包装设计及线上店铺进行美学的规划与设计;负责各种主题活动以专题页面的排版及创意设计; 负责企业的宣传与营销广告设计;</a> </li>
                <li><a href=""> 招聘岗位4:市场营销 通过公司资料提供,主动寻访商家,了解商家需求,促进相关合作;运营部门主管协助洽谈合作,并签订合同; 负责商户的客情维护,促进商户的转介绍</a> </li>
                <li><a href="">招聘岗位5:客服  接听客户来电,回答客户咨询问题,并收集整理相关记录信息;对产品运行异类及投诉类问题进行电话回访处理,做好跟踪与记录;</a> </li>
                <li><a href="">招聘岗位6:文案策划/展览文案策划 能够独立完成展览活动文案的撰写; 微信公众号、微博等文案的撰写及推送 图片和文献的收集和整理;负责品牌文化体系建设、品牌介绍等文;负责展览项目资料的组稿、编写、汇总等工作,根据需求完成展览大纲的编写;</a> </li>
                <li><a href="">招聘岗位7:安全员兼(资料员)在项目经理领导下,协助项目经理组织开展项目部日常安全和文明施工管理工作,落实安全管理体系和规章制度,负责编制项目安全管理策划及保证措施;负责日常对项目安全生产、安全防护、临时用电、机械安全、保卫消防、现场管理、料具管理、环境保护、环卫卫生等各项工作的检查和监督;对工程项目安全和文明施工实行动态管理;</a> </li>
                <li><a href="">招聘岗位8:品牌文案 负责对品牌以及公司设计项目产品进行发掘和提炼,撰写和校对(中英文)品牌宣传文案,产品创意文案; 独立撰写新闻稿件、微信推文、品牌相关文案、活动策划方案等,参与策划企业形象画册文案、海报,负责公司官方媒体(网站、公众号、招聘网站、其他分发平台)内容、文章、活动的策划、撰写、审核和发布; 在文案策划的过程中,配合广告策略,与设计人员共同完成相关工作,结合公司项目、</a> </li>
                <li><a href="">招聘岗位9:结构设计 从事结构设计相关工作5年以上;具有较强的责任心与团队合作意识,各专业协调能力强 ;具备工程师及以上职称、注册结构工程师执业资格优先。</a> </li>
                <li><a href="">招聘岗位10:设计助理(应届生)应届生;建筑学、室内设计学、环境艺术设计、美术等相关专业毕业;能熟练操作CAD.SU.PS.3D.PPT等软件;形象气质佳,做事认真,有活力</a> </li>
            </ul>
        </section>
        <section id="lianxi">
            <div class="title_bg1">
                <h2><a href="index.html">联系我们</a> </h2>
            </div>
            <a  href="content.html"><img src="images/lianxi.jpg"></a>
        </section>
        <section id="zigonsi">
            <div class="title_bg1">
                <h2><a href="index.html">合作公司</a> </h2>
            </div>
            <ul>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 </a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 </a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 是国内发展速度</a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 是国内发展速度</a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 是国内发展速度</a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 是国内发展速度最快、最具影响力的K12互联网在线教育公司之一。</a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 是国内发展速度</a>
                    </div>
                </li>
                <li>
                    <h4><a href="content.html">合作子公司名称</a> </h4>
                    <div class="zgsjj">
                        <a href=content.html><img src="images/gslogo.jpg"></a>
                        <a href=content.html>公司于2013年在杭州成立,由国内知名教育学者余彬携手一群来自阿里、摩根士丹利等优秀公司的核心精英团队,为用户倾力打造。 是国内发展速度</a>
                    </div>
                </li>
            </ul>
        </section>
    </aside>
</div>
<div id="footer_wrapper">
    <footer >
        <ul>
            <li><a href="/">版权信息</a> </li>
            <li><a href="/">站点地图</a> </li>
            <li><a href="lx.html">联系我们</a> </li>
        </ul>
        <p>@2020 xiaoqian.com 粤ICP认证098567380号</p>
    </footer>
</div>
</body>
</html>

主页图主页效果图

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值