zoukankan      html  css  js  c++  java
  • Html—彩虹社工

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>郑州市金水区彩虹社会工作服务中心|郑州彩虹社工</title>
    
    <style>
    *{
        margin:0px;
        padding:0px;
    }
    body
    {
        margin:0px;
        padding:0px;
    }
    .bg
    {
        100%;
        height:1000px;
        background-image:url(image/mainbg.jpg);
        background-repeat:no-repeat;
        background-position:top;
    }
    .top
    {
        960px;
        height:154px;
        margin:0px auto;
        background-image:url(image/topbg.jpg);
        background-repeat:repeat-x;
    }
    .top .logo
    {
        height:93px;
        background-image:url(image/topright.jpg);
        background-repeat:no-repeat;
        background-position:right;
    }
    .top .logoing
    {
        493px;
        height:78px;
        float:left;
        margin:15px 0px 0px 20px;
    }
    .top .date
    {
        float:right;
        font-size:12px;
        margin-top:2px;
        margin-right:5px;
    }
    .bg_left
    {
        150px;
        height:44px;
        float:left;
        margin-top:10px;
    }
    .menu_right ul
    {
        792px;
        height:51px;
        float:right;
        margin:0px;
        padding:0px;
    }
    .menu_right ul li
    {
        99px;
        height:51px;
        float:left;
        margin:0px;
        padding:0px;
        line-height:51px;
        text-align:center;
        list-style:none;
    }
    .menu_depgreen
    {
        background-color:#649e37;
    }
    .menu_yellow
    {
        background-color:#fbc701;
    }
    .menu_red
    {
        background-color:#d12000;
    }
    .menu_green
    {
        background-color:#66af18;
    }
    .menu_blue
    {
        background-color:#0192bf;
    }
    .menu_purple
    {
        background-color:#5222b4;
    }
    .menu_orange
    {
        background-color:#f28c04;
    }
    .menu_right ul li a
    {
        font-size:14px;
        color:#FFF;
        font-weight:bold;
        font-family:"Microsoft YaHei UI", "微软雅黑", "宋体", Tahoma;
    }
    .main
    {
        960px;
        margin:0px auto;
    }
    .Smain
    {
        960px;
        height:324px;
        margin:0px auto;
    }
    .main_left
    {
        807px;
        height:322px;
        background-image:url(image/d5379cee3f01e5f82aaa40642a59627f.jpg);
        background-position:left;
        background-repeat:no-repeat;
        margin-top:0px;
        float:left;
    }
    .left_logoing
    {
        115px;
        left:326px;
        margin-top:195px;
        position:absolute;
    }
    .main_left p
    {
        font-size:12px;
        margin-top:10px;
        line-height:0px;
    }
    .main_right
    {
        153px;
        height:324px;
        float:right;
    }
    .main_right ul
    {
        margin-top:0px;
    }
    .main_right ul li
    {
        153px;
        height:81px;
        margin:0px;
        padding:0px;
        list-style:none;
        text-align:center;
        line-height:90px;
        float:right;
    }
    .right_green
    {
        color:#649e37;
        background-image:url(image/pbg1.jpg);
        background-repeat:repeat-y;    
    }
    .right_blue
    {
        color:#0192bf;
        background-image:url(image/pbg2.jpg);
        background-repeat:repeat-y;
    }
    .right_yellow
    {
        color:#f28c04;
        background-image:url(image/pbg3.jpg);
        background-repeat:repeat-y;
    }
    .right_orange
    {
        color:#F00;
        background-image:url(image/pbg4.jpg);
        background-repeat:repeat-y;
    }
    .main_right ul li a
    {
        font-size:14px;
        color:#FFF;
        font-family:"Microsoft YaHei UI", "微软雅黑", "宋体", Tahoma;
    }
    .bg_main
    {
        960px;
        margin:0px auto;
        background-image:url(image/newtopbg.jpg);
        background-repeat:repeat-x;
    }
    .left
    {
        698px;
        height:628px;
        padding-top:15px;
        float:left;
    }
    .Fleft
    {
        698px;
        height:306px;
        margin-top:0px;
        float:left;
    }
    .Fleft .title
    {
        height:52px;    
        698px;
        border-bottom:#eaeaea solid 2px;
        background-image:url(image/tbg.jpg);
        background-repeat:no-repeat;
    }
    .bg_main .left .title p
    {
        font-size:14px;
        color:#0e94f6;
        float:left;
        margin:22px 0px 0px 80px;
        line-height:25px;
        font-family: "Microsoft YaHei UI", "微软雅黑", "宋体", Tahoma;
        font-weight:bold;
    }
    .bg_main .title ul 
    {
        float:right;
        margin-top:18px;
    }
    .bg_main .title ul li
    {
        float:left;
        list-style:none;
        line-height:33px;
    }
    .bg_main .title ul li a
    {
        font-size:14px;
        color:#0e94f6;
        font-family: "Microsoft YaHei UI", "微软雅黑", "宋体", Tahoma;
    }
    .Flcc
    {
        698px;
        height:253px;
        margin-top:0px;
    }
    .Flccc
    {
        float:left;
        275px;
        height:253px;
        background-color:#eaeaea;
        padding-top:0px;
    }
    .Flccc .image1
    {
        padding-top:25px;
        padding-left:20px;
        232px;
        height:152px;
    }
    .Flccc .circle
    {
        221px;
        height:40px;
        margin:0px auto;
        line-height:20px;
        margin-top:10px;
    }
    .circle p
    {
        font-size:12px;
        float:right;
        color:#666;
        192px;
        height:32px;
        margin-top:0px;
        padding-bottom:20px;
    }
    .Frccc
    {
        float:right;
        height:253px;
        419px;
        margin-top:0px;
        border-right-2px;
        border-right-style:solid;
        border-right-color:#eaeaea;
        overflow:hidden;
        margin-left:0px;
    }
    .Frccc ul
    {
        height:253px;
        margin:10px 0px 0px 4px;
        padding:0px;
    }
    .Frccc ul .SS li
    {
        background-image:url(image/nlbg.jpg);
        background-repeat:repeat-x;
        height:47px;
    }
    .Frccc ul li
    {
        list-style:none;
        text-align:left;
    }
    .Frccc ul li img
    {
        float:left;
        margin: 3px 2px 0px 3px;
    }
    .Frcc ul .First
    {
        margin-left:0px;
        float:right;
        419px;
        height:121px;
    }
    .Frccc ul .First a
    {
        font-size:14px;
        font-weight:bold;
        color:#000;
        text-decoration:none;
        margin-left:10px;
        padding-top:10px;
    }
    .Frccc ul .First p
    {
        font-size:12px;
        color:#333;
        margin-left:30px;
        height:86px;
        line-height:25px;
        overflow:hidden;
        margin-top:7px;
    }
    .Frccc ul .SS
    {
        margin-left:0px;
        419px;
    }
    .Frccc ul .SS a
    {
        font-size:12px;
        color:#000;
        text-decoration:none;
        float:left;
        line-height:44px;
        padding-top:0px;
        padding-right:5px;
        margin-left:10px;
    }    
    .Frccc ul .SS .date
    {
        font-size:12px;
        color:#999;
        float:right;
        padding-top:15px;
    }
    .Sleft
    {
        698px;
        height:306px;
        margin-top:0px;
        float:left
    }
    .Sleft .title
    {
        height:52px;    
        698px;
        border-bottom:#eaeaea solid 2px;
        background-image:url(image/tbg.jpg);
        background-repeat:no-repeat;
    }
    .Slcc
    {
        698px;
        height:253px;
        margin-top:0px;
    }
    .Slccc
    {
        float:left;
        275px;
        height:253px;
        background-color:#eaeaea;
        padding-top:0px;
    }
    .Slccc .image1
    {
        padding-top:25px;
        padding-left:20px;
        232px;
        height:152px;
    }
    .Slccc .circle
    {
        221px;
        height:40px;
        margin:0px auto;
        line-height:20px;
        margin-top:10px;
    }
    .Srccc
    {
        float:right;
        height:253px;
        419px;
        margin-top:0px;
        border-right-2px;
        border-right-style:solid;
        border-right-color:#eaeaea;
        overflow:hidden;
        margin-left:0px;
    }
    .Srccc ul
    {
        height:253px;
        margin:10px 0px 0px 4px;
        padding:0px;
    }
    .Srccc ul .SS li
    {
        background-image:url(image/nlbg.jpg);
        background-repeat:repeat-x;
        height:47px;
    }
    .Srccc ul li
    {
        list-style:none;
        text-align:left;
    }
    .Srccc ul li img
    {
        float:left;
        margin: 3px 2px 0px 3px;
    }
    .Srcc ul .First
    {
        margin-left:0px;
        float:right;
        419px;
        height:121px;
    }
    .Srccc ul .First a
    {
        font-size:14px;
        font-weight:bold;
        color:#000;
        text-decoration:none;
        margin-left:10px;
        padding-top:10px;
    }
    .Srccc ul .First p
    {
        font-size:12px;
        color:#333;
        margin-left:30px;
        height:86px;
        line-height:25px;
        overflow:hidden;
        margin-top:7px;
    }
    .Srccc ul .SS
    {
        margin-left:0px;
        419px;
    }
    .Srccc ul .SS a
    {
        font-size:12px;
        color:#000;
        text-decoration:none;
        float:left;
        line-height:44px;
        padding-top:0px;
        padding-right:5px;
        margin-left:10px;
    }    
    .Srccc ul .SS .date
    {
        font-size:12px;
        color:#999;
        float:right;
        padding-top:15px;
    }
    .right
    {
        float:right;
        241px;
        height:628px;
    }
    .right .Fright
    {
        241px;
        float:right;
    }
    .right .Fright .Ft 
    {
        58px;
        height:27px;
        font-size:14px;
        font-weight:bold;
        border-bottom-2px;
        border-bottom-style:solid;
        border-bottom-color:#008ed7;
        line-height:25px;
        float:left;
        margin-top:37px;
        font-family:"Microsoft YaHei UI", "微软雅黑", "宋体", Tahoma;
        color:#0e94f6;
    }
    .Fright img
    {
        margin-top:7px;
    }
    .Fright p
    {
        line-height:30px;
        font-size:12px;
        border-bottom-1px;
        border-bottom-style:solid;
        border-bottom-color:#CCC;
    }
    .Sright
    {
        241px;
        height:376px;
        float:right;
        margin-top:15px;
        padding-top:42px;
        background-image:url(image/jionus.jpg);
        background-repeat:no-repeat;
    }
    .Sright .line
    {
        236px;
        height:1px;
        border-top-1px;
        border-top-style:dotted;
        border-top-color:#999;
    }
    .pc1 p
    {
        80px;
        height:16px;
        font-size:12px;
        background-color:#00a3e3;
        color:#FFF;
        font-weight:bold;
        padding:5px;
    }
    .Sright .rr
    {
        float:right;
        68px;
        text-align:center;
        margin-top:10px;
    }
    .Sright .ll
    {
        margin-top:10px;
        font-size:12px;
        line-height:20px;
        color:#676868;
    }
    .pc2 p
    {
        92px;
        height:16px;
        font-size:12px;
        background-color:#00a3e3;
        color:#FFF;
        font-weight:bold;
        padding:5px;
    }
    .Sright .rco
    {
        241px;
        height:20px;
        font-size:12px;
        color:#676868;
        line-height:20px;
        margin-top:30px;
    }
    .Tleft
    {
        698px;
        height:306px;
        margin-top:0px;
        float:left
    }
    .Tleft .title
    {
        height:52px;    
        698px;
        border-bottom:#eaeaea solid 2px;
        background-image:url(image/tbg.jpg);
        background-repeat:no-repeat;
    }
    .bg_main .Tleft .title p
    {
        font-size:14px;
        color:#0e94f6;
        float:left;
        margin:22px 0px 0px 80px;
        line-height:25px;
        font-family: "Microsoft YaHei UI", "微软雅黑", "宋体", Tahoma;
        font-weight:bold;
    }
    .Tright 
    {
        241px;
        height:310px;
        float:right;
        margin-top:5px;
        border-right-style:solid;
        border-right-1px;
        border-bottom-style:solid;
        border-bottom-1px;
        border-left-style:solid;
        border-left-1px;
        background-color:#fafcff;
        border-color:#cfe1f3;
    }
    .Tright .one 
    {
        232px;
        height:25px;
        background-color:#cfe1f3;
        padding-top:10px;
        padding-left:10px;
    }
    .Tright .one img
    {
        float:left;
    }
    .Tright .one .onec
    {
        font-size:12px;
        color:#6CF;
        float:left;
        margin-left:5px;
    }
    .Tright .two
    {
        236px;
        height:86px;
    }
    .Tright .two .twoleft
    {
        50px;
        margin-top:15px;
        margin-left:15px;
        float:left;
    }
    .Tright .two .tworight
    {
        float:right;
        160px;
        margin-top:15px;
    }
    .Tright .two .tworight .r1
    {
        float:left;
        font-size:14px;
        color:#0e94f6;
    }
    .Tright .two .tworight .r2
    {
        float:left;
        font-size:12px;
        margin-left:7px;
        margin-top:2px;
    }
    .Tright .two .tworight .r3
    {
        float:left;
        background-image:url(image/btns_bg%20(1).png);
        background-repeat:no-repeat;
        height:20px;
        66px;
        margin-top:10px;
    }
    .Tright .two .tworight .r3 .rr3
    {
        float:left;
        font-size:12px;
        background-color:#F00;
        height:20px;
        66px;
        margin-top:2px;
        color:#FFF;
        text-align:center;
        padding-top:5px;
    }
    .Tright .gray
    {
        213px;
        height:8px;
        margin:0px auto;
        background-color:#eaeaea;
    }
    .Tright .three
    {
        margin:0px auto;
        208px;
        height:164px;
        line-height:25px;
        font-size:12px;
        text-align:center;
    }
    .cenimg
    {
        margin-top:325px;
        margin-left:380px;
        331px;
        height:22px;
        margin-bottom:10px;
    }
    .cenline
    {
        960px;
        height:1px;
        border-top-1px;
        border-top-style:dotted;
        border-top-color:#999;
    }
    .Very
    {
        960px;
        height:59px;
        margin-left:80px;
        margin-top:20px;
    }
    .Very img
    {
        border-right-style:solid;
        border-right-1px;
        border-bottom-style:solid;
        border-bottom-1px;
        border-left-style:solid;
        border-left-1px;
        border-top-style:solid;
        border-top-1px;
        border-color:#cfe1f3;
    }
    .foot
    {
        margin-top:20px;
        100%;
        height:120px;
        background-color:#e6e6e6;
    }
    .foot .leftfoot
    {
        padding-left:300px;
        padding-top:20px;
        float:left;
    }
    .foot .rightfoot
    {
        637px;
        height:57px;
        float:left;
        font-size:12px;
        color:#787070;
        text-align:left;
        padding-top:30px;
        line-height:22px;
        margin-left:10px;
    }
    </style>
    
    </head>
    
    <body>
    
    <div class="bg">
    
    <div class="top">
    
    <div class="logo">
    <div class="logoing">
    <img src="image/logo.jpg"/><br />
    </div>
    <div class="date">2015年12月1日 星期二 乙未年 十月廿
    </div>
    </div>
    <div class="bg_left">
    <img src="image/topleft.jpg"/>
    </div>
    
    <div class="menu_right">
    <ul>
    <li class="menu_depgreen">
    <a herf='#'>首&nbsp;页</a></li>
    <li class="menu_yellow">
    <a herf='#'>关于我们</a></li>
    <li class="menu_red">
    <a herf='#'>彩虹新闻</a></li>
    <li class="menu_green">
    <a herf='#'>专业服务</a></li>
    <li class="menu_blue">
    <a herf='#'>走进彩虹</a></li>
    <li class="menu_purple">
    <a herf='#'>党群建设</a></li>
    <li class="menu_green">
    <a herf='#'>联系我们</a></li>
    <li class="menu_orange">
    <a herf='#'>下载中心</a></li>
    </ul>
    </div>
    </div>
    
    <div class="main">
    
    <div class="Smain">
    <div class="main_left">
    <div class="left_logoing">
    <img src="image/barcode.jpg"/>
    <p>&nbsp;&nbsp;扫描二维码</p>
    <p>&nbsp;关注彩虹微信</p>
    </div>
    </div>
    <div class="main_right">
    <ul>
    <li class="right_green">
    <a herf='#'>彩虹简介</a></li>
    <li class="right_blue">
    <a herf='#'>社区服务中心</a></li>
    <li class="right_yellow">
    <a herf='#'>岗位服务介</a></li>
    <li class="right_orange">
    <a herf='#'>项目服务</a></li>
    </ul>
    </div>
    </div>
    
    <div class="bg_main">
    
    <div class="left">
    <div class="Fleft">
    <div class="title">
    <p>彩虹新闻</p>
    <ul>
    <li class="FC">
    <a herf='#'>全部&nbsp;&nbsp;/</a></li>
    <li class="SC">
    <a herf='#'>&nbsp;&nbsp;彩虹新闻&nbsp;&nbsp;/</a></li>
    <li class="TC">
    <a herf='#'>&nbsp;&nbsp;通知公告</a></li>
    </ul>
    </div>
    <div class="Flcc">
    <div class="Flccc">
    <div class="image1">
    <img src="image/71718460eb8d0c0d1f8f72f835b14050.jpg" width="233" height="150" />
    </div>
    <div class="circle">
    <img src="image/narrow.gif"/>
    <p>梦幻之旅,携手彩虹——2015年度郑州彩虹社工团建活动</p>
    </div>
    </div>
    
    <div class="Frccc">
    <ul>
    <li class="First">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>梦幻之旅,携手彩虹——2015年度郑州</a>
    <p>2015年7月17日至19日,郑州彩虹社会工作服务中心开展了为期三天的"梦幻之旅,携手彩虹"年度团建活动,20名团队成员共赴郑州方特梦幻王国和焦作云台山体验了一次惊险刺激又不乏温馨欢乐的梦幻
    之旅,在繁忙的工作之余缓解了工作压力,丰富了业余文化生活,也增进了同工相互间的团结与协作,有效提升了机构凝聚力和向心力。</p>
    </div>
    </li>
    <div class="SS">
    <li class="Second">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>关于郑州彩虹社会工作服务中心组织</a>
    <div class="date">(2015-07-09)</div>
    </div>
    </li>
    <li class="Third">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>彩虹第二季度团建会暨员工生日会</a>
    <div class="date">(2015-07-03)</div>
    </div>
    </li>
    <li class="Four">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>我和春天有个约会</a>
    <div class="date">(2015-04-03)
    </div>
    </div>
    </li>
    </div>
    </ul>
    </div>
    </div>
    </div>
    
    <div class="Sleft">
    <div class="title">
    <p>专业服务</p>
    <ul>
    <li class="FC">
    <a herf='#'>全部&nbsp;&nbsp;/</a></li>
    <li class="SC">
    <a herf='#'>&nbsp;&nbsp;社区服务中心&nbsp;&nbsp;/</a></li>
    <li class="TC">
    <a herf='#'>&nbsp;&nbsp;岗位服务&nbsp;&nbsp;/</a></li>
    <li class="FFC">
    <a herf='#'>&nbsp;&nbsp;项目服务</a></li>
    </ul>
    </div>
    
    <div class="Slcc">
    <div class="Slccc">
    <div class="image1">
    <img src="image/e14246d153b7a2209c10ac8d95495825.jpg" width="233" height="150"/>
    </div>
    <div class="circle">
    <img src="image/narrow.gif"/>
    <p>学做扎染·乐享生活</p>
    </div>
    </div>
    
    <div class="Srccc">
    <ul>
    <li class="First">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>太极健身 夕阳更美——国泰花园社</a>
    <p>太极是世界公认适合大众练习的健身方式,以其心静意导、柔和轻灵的独特性尤其受到老年人的喜爱。国泰花园社区服务中心自2014年开办太极培训班以来,每天上午9点至11点,中心一楼大厅内都会活跃着一群聚精会神打太极的叔叔阿姨们,他们或舞动红扇,或挥动宝剑,刚柔相济、动作划一,展示着属于他们的夕阳美。</p>
    </div>
    </li>
    <div class="SS">
    <li class="Second">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>亲子手工乐悠悠 DIY康乃馨小组活</a>
    <div class="date">(2015-07-27)</div>
    </div>
    </li>
    <li class="Third">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>粽叶飘香 喜迎端午"社区活动</a>
    <div class="date">(2015-06-18)</div>
    </div>
    </li>
    <li class="Four">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>"喜迎端午,感恩父亲—喜乐游园会"</a>
    <div class="date">(2015-06-18)</div>
    </div>
    </li>
    </div>
    </ul>
    </div>
    </div>
    </div>
    </div>
    
    <div class="right">
    <div class="Fright">
    <div class="Ft">印象彩虹</div>
    <img src="image/QQ图片20151205134125.jpg" width="239" height="143"/>
    <p>2013版彩虹社工宣传视频</p>
    </div>
    <div class="Sright">
    <div class="line"></div>
    <div class="pc1">
    <p>彩虹社工招聘</p>
    </div>
    <div class="article">
    <div class="rr">
    <img src="image/p_logo.gif"/>
    <img src="image/j_more.jpg"/>
    </div>
    <div class="ll">本机构秉承"以人为本,助人自助,整合资源,服务社群"的理念,建设和谐幸福社会;以务实严谨、专业规范、不断创新的社工服务,造福广大人民群众。</div>
    </div>
    <div class="line"></div>
    <div class="pc2">
    <p>彩虹志愿者招募</p>
    </div>
    <div class="article">
    <div class="rr">
    <img src="image/zm.jpg"/>
    <img src="image/j_more.jpg"/>
    </div>
    <div class="ll">本机构秉承"以人为本,助人自助,整合资源,服务社群"的理念,建设和谐幸福社会;以务实严谨、专业规范、不断创新的社工服务,造福广大人民群众。</div>
    </div>
    <div class="rco">E-mai;zhengzhoucaihong@163.com</div>
    </div>
    </div>
    
    <div class="bigimg">
    <img src="image/6284467d6b591602e4fffd45286f1cbb.jpg"/>
    </div>
    
    <div class="Tleft">
    <div class="title">
    <p>走进彩虹</p>
    <ul>
    <li class="FC">
    <a herf='#'>全部&nbsp;&nbsp;/</a></li>
    <li class="SC">
    <a herf='#'>&nbsp;&nbsp;彩虹风景&nbsp;&nbsp;/</a></li>
    <li class="TC">
    <a herf='#'>&nbsp;&nbsp;彩虹学堂&nbsp;&nbsp;/</a></li>
    <li class="FFC">
    <a herf='#'>&nbsp;&nbsp;彩虹讲师团</a></li>
    </ul>
    </div>
    
    <div class="Slcc">
    <div class="Slccc">
    <div class="image1">
    <img src="image/09c12c66788653c0ffa54deaa74740de.jpg" width="233" height="150" />
    </div>
    <div class="circle">
    <img src="image/narrow.gif"/>
    <p>让社会工作在社区沃土上开花</p>
    </div>
    </div>
    <div class="Srccc">
    <ul>
    <li class="First">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>我眼中的社会工作</a>
    <p>似乎在别人眼中,社工是一个不起眼的职业。社会工作服务面对的对象是处于社会底层的弱势群体,是被很多人眼中标签了的""""""、</p>
    </div>
    </li>
    <div class="SS">
    <li class="Second">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>初谈•粗谈——小组工作实践与反思</a>
    <div class="date">(2014-09-23)</div>
    </div>
    </li>
    <li class="Third">
    <img src="image/narrow.gif"/>
    <div class="S">
      <a href='#'>让社会工作在社区沃土上开花</a>
      <div class="date">(2014-09-23)</div>
    </div>
    </li>
    <li class="Four">
    <img src="image/narrow.gif"/>
    <div class="S">
    <a href='#'>"新乡学院政法系社会实践基地签约"</a>
    <div class="date">(2014-09-03)</div>
    </div>
    </li>
    </div>
    </ul>
    </div>
    </div>
    </div>
    
    <div class="Tright">
    <div class="one">
    <img src="image/wb_logo16_a.png" width="16" height="14" />
    <div class="onec">微博</div>
    </div>
    <div class="two">
    <div class="twoleft">
    <img src="image/p_logo (1).gif"/>
    </div>
    <div class="tworight">
    <div class="r1">郑州彩虹社工</div>
    <div class="r2">河南&nbsp;郑州</div>
    <div class="r3">
    <div class="rr3">+加关注</div>
    </div>
    </div>
    </div>
    
    <div class="gray"></div>
    
    <div class="three">
    <div class="tc">因机构发展需要,现招聘专职社工若干名,也恳请相关朋友积极推荐,机构设置有伯乐奖哈!@中国社工简报 @河南高校社工团体联盟 @金水社工_717 @社工招聘@深圳市彩虹社会工作服务中心 @深圳市社联社工服务中心。
    </div>
    </div>
    
    <div class="gray"></div>
    </div>
    
    <div class="cenimg">
    <img src="image/friendlink.jpg"/>
    </div>
    
    <div class="cenline"></div>
    
    <div class="Very">
    <img src="image/7d725b0ceaa2854dc41e007ccdfbda5e.jpg" width="192" height="59" />
    <img src="image/8a6bdcb8e83bf2770cf4a4c5c8525892.jpg" width="192" height="59" />
    <img src="image/83caf99c012f52137d1a927e9720e3b6.jpg" width="192" height="59" />
    <img src="image/fc0076ae90df06e4c5836fe472d79805.jpg" width="192" height="59" /> 
    </div>
    </div>
    </div>
    
    <div class="foot">
    <div class="leftfoot">
    <img src="image/f_logo.jpg"/>
    </div>
    <div class="rightfoot">
    <p>地址:郑州市金水区红旗路卫生路交叉口民福大厦2楼 电话/传真:0371-63836911 邮箱:zhengzhoucaihong@126.com</p> 
    <p>CopyRight © 2014-2016 郑州市金水区彩虹社会工作服务中心版权所有,翻录必究。</p>
    <p>豫ICP备12004075号</p>
    </div>
    </div>
    </div>
    
    </body>
    
    </html>
  • 相关阅读:
    教你玩转CSS的所有字体,路过的来瞧一瞧。
    CSS基本语法?
    怎么样才能玩转前端所有的CSS背景相关问题?
    如何玩转CSS内部样式表与外部样式表?
    什么是CSS?你真的理解了吗?
    CSS页面demo
    HTML教程(看完这篇就够了)
    HTML5新增的主体结构元素
    Math
    练习点菜及用的公式
  • 原文地址:https://www.cnblogs.com/syhandll/p/5042659.html
Copyright © 2011-2022 走看看