volunteer
/
organization.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>志在四方-活动</title>
    <!-- 重置样式 页尾 导航栏-->
    <link rel="stylesheet" type="text/css" href="css/reset.css">
    <link rel="stylesheet" type="text/css" href="css/organization.css">
</head>
<body>
    <!-- 总导航栏 -->
    <div class="header">
        <div class="bar clearfix">
            <div class="fl logo"><img src="img/logo.png" height="122px" width="91px" alt=""></div>
            <ul class=" fl barmenu">
                <li class="fl"><a href="www.baidu.com">首页</a></li>
                <li class="fl"><a href="">活动</a></li>
                <li class="fl active"><a href="">机构</a></li>
                <li class="fl"><a href="">交友圈</a></li>
                <li class="fl"><a href="">关于我们</a></li>
                <li class="fl"><a href="">个人中心</a></li>
                <!-- <div class="fl login">
                    <span class="reg1"><a href="">登录</a></span>/<span class="reg2"><a href="">注册</a></span>
                </div> -->
                <div class="fl login">
                    <span class="reg1"><a href="">退出</a></span>
                </div>
            </ul>
        </div>
    </div>
    <!-- 横线 -->
    <div class="line"></div>
    <!-- 内容-->
    <ul class="w wrap-o">
        <li>
            <div class="clearfix">
                <div class="fl">
                    <img src="img/organization1.png" alt="" width="300px" height="300px" />
                </div>
                <div class="fl content-o">
                    <h2>大连红十字会</h2>
                    <div>
                        &nbsp;&nbsp;大连红十字会是中国红十字会的地方分会。
                        成立于1957年9月3日，2003年8月正式独立建制，内设办公室、组织宣传部、赈灾救护部三个部（室），
                        是一个由市领导负责联系，从事人道主义工作的社会救助团体。目前，我市各区市县全部建立了分会。详情请戳http://redcross.dl.gov.cn/index.html
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="clearfix">
                <div class="fl">
                    <img src="img/organization1.png" alt="" width="300px" height="300px" />
                </div>
                <div class="fl content-o">
                    <h2>大连红十字会</h2>
                    <div>
                        &nbsp;&nbsp;大连红十字会是中国红十字会的地方分会。
                        成立于1957年9月3日，2003年8月正式独立建制，内设办公室、组织宣传部、赈灾救护部三个部（室），
                        是一个由市领导负责联系，从事人道主义工作的社会救助团体。目前，我市各区市县全部建立了分会。详情请戳http://redcross.dl.gov.cn/index.html
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="clearfix">
                <div class="fl">
                    <img src="img/organization1.png" alt="" width="300px" height="300px" />
                </div>
                <div class="fl content-o">
                    <h2>大连红十字会</h2>
                    <div>
                        &nbsp;&nbsp;大连红十字会是中国红十字会的地方分会。
                        成立于1957年9月3日，2003年8月正式独立建制，内设办公室、组织宣传部、赈灾救护部三个部（室），
                        是一个由市领导负责联系，从事人道主义工作的社会救助团体。目前，我市各区市县全部建立了分会。详情请戳http://redcross.dl.gov.cn/index.html
                    </div>
                </div>
            </div>
        </li>
    </ul>
    <!-- 中间与底部的margin 用个div吧！ 不要嫌弃我 -->
    <div class="marbottom"></div>
    <!-- 底部 -->
    <div class="bottom clearfix">
        <ul>
            <li class="fl bottom_col">
                <p>志在四方</p>
                <ul>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">机构设置</a></li>
                    <li><a href="">信息公开</a></li>
                    <li><a href="">联系我们</a></li>
                </ul>
            </li>
            <li class="fl bottom_col">
                <p>合作机构</p>
                <ul>
                    <li><a href="">大连海事大学</a></li>
                    <li><a href="">共青团</a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </li>
            <li class="fl bottom_col">
                <p>友情链接</p>
                <ul>
                    <li><a href="">大连共青团</a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                    <li><a href=""></a></li>
                </ul>
            </li>
        </ul>
        <div class="fr erweima">
            <img src="img/erweima.png" alt="">
        </div>
    </div>
</body>

</html>