FamilyTree-UI
/
archive.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>用户</title>
    <link rel="stylesheet" type="text/css" href="css/style.css"/>
    <link href="//cdn.bootcss.com/font-awesome/4.6.3/css/font-awesome.css" rel="stylesheet">
</head>
<body>
<div class="archives">
    <div class="tree_header">
        <div class="max_body">
            <div class="pull-left col-md-8 col-xs-12">
                <ul class="list-inline">
                    <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>
            <div class="col-md-4 hidden-sm hidden-xs">
                <div class="user_box pull-right">
                    <div class="user">
                        <i class="fa fa-user m-r-xs"></i>杨薇
                    </div>
                    <ul class="drop_info">
                        <li><a href="#" class="active">个人设置</a></li>
                        <li><a href="#">消息通知</a></li>
                        <li><a href="#">退出登录</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="location  bbs">
        <div class="max_body">
            <ul class="list-inline f16 m-l-md">
                <li><a href="#"><i class="fa fa-map-marker"></i></a></li>
                <li><a href="#">记录</a></li>
                <li><a href="#" class="text_theme">档案馆</a></li>
                <li><a href="#">族谱动态</a></li>
            </ul>
        </div>
    </div>
    <div class="content max_body">
        <div class="clearfix">
            <div class="col-md-9 com-sm-8 col-xs-12 m-t-lg">
                <div class="f18">
                    <i class="text_theme">|</i> 档案馆
                </div>
                <div class="m-t pl0">
                    <ul class="record">
                        <li class="single_record col-md-6 col-sm-6  col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <div class="pictures">
                                        <a href="#">
                                            <img class="media-object picture" src="images/demo02.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text_oneline f18">
                                        <a href="#">杨维慎的档案馆</a>
                                    </div>
                                    <p class="text_moreline m-t">历史文化名城长沙，文化名城长沙，回风巷水</p>
                                </div>
                            </div>
                        </li>
                        <li class="single_record col-md-6 col-sm-6  col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <div class="pictures">
                                        <a href="#">
                                            <img class="media-object picture" src="images/demo02.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text_oneline f18">
                                        <a href="#">杨维慎的档案馆</a>
                                    </div>
                                    <p class="text_moreline m-t">历史文化名城长沙，文化名城长沙，回风巷水</p>
                                </div>
                            </div>
                        </li>
                        <li class="single_record col-md-6 col-sm-6  col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <div class="pictures">
                                        <a href="#">
                                            <img class="media-object picture" src="images/demo02.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text_oneline f18">
                                        <a href="#">杨维慎的档案馆</a>
                                    </div>
                                    <p class="text_moreline m-t">历史文化名城长沙，文化名城长沙，回风巷水</p>
                                </div>
                            </div>
                        </li>
                        <li class="single_record col-md-6 col-sm-6  col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <div class="pictures">
                                        <a href="#">
                                            <img class="media-object picture" src="images/demo02.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text_oneline f18">
                                        <a href="#">杨维慎的档案馆</a>
                                    </div>
                                    <p class="text_moreline m-t">历史文化名城长沙，文化名城长沙，回风巷水</p>
                                </div>
                            </div>
                        </li>
                        <li class="single_record col-md-6 col-sm-6  col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <div class="pictures">
                                        <a href="#">
                                            <img class="media-object picture" src="images/demo02.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text_oneline f18">
                                        <a href="#">杨维慎的档案馆</a>
                                    </div>
                                    <p class="text_moreline m-t">历史文化名城长沙，文化名城长沙，回风巷水</p>
                                </div>
                            </div>
                        </li>
                        <li class="single_record col-md-6 col-sm-6  col-xs-12">
                            <div class="media">
                                <div class="media-left">
                                    <div class="pictures">
                                        <a href="#">
                                            <img class="media-object picture" src="images/demo02.jpg" alt="">
                                        </a>
                                    </div>
                                </div>
                                <div class="media-body">
                                    <div class="text_oneline f18">
                                        <a href="#">杨维慎的档案馆</a>
                                    </div>
                                    <p class="text_moreline m-t">历史文化名城长沙，文化名城长沙，回风巷水</p>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="m-t-lg m-l-md m-b">
                    <ul class="pagination auto_center">
                        <li class="disabled"><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li>
                        <li class="active"><a href="#">1 <span class="sr-only">(current)</span></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="#" aria-label="Next"><span aria-hidden="true">»</span></a></li>
                    </ul>
                </div>
            </div>
            <div class="col-md-3 com-sm-4 col-xs-12 m-t-lg">
                <div class="f18 lh25">
                    推荐记录
                </div>
                <div class="m-t img_carousel">
                    <div class="pictures">
                        <a href="#">
                            <img class="media-object picture img-responsive" src="images/2.jpg" alt="">
                        </a>
                    </div>
                    <div class="img_title">
                        <div class="pull-left">
                            <a href="#">欧洲文化艺术的复兴</a>
                        </div>
                        <div class="pull-right">
                            <ul class="list-inline f12">
                                <li><a href="#"><i class="fa fa-circle"></i></a></li>
                                <li class="active"><a href="#"><i class="fa fa-circle"></i></a></li>
                                <li><a href="#"><i class="fa fa-circle"></i></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="m-t">
                    <div class="list_dashed li_list m-t">
                        <ul>
                            <li>
                                <a href="#" class="title"><i class="square"></i> 湖南新化武士龙宫前年 族谱网无人机航拍</a>
                            </li>
                            <li>
                                <a href="#" class="title"><i class="square"></i> 问：我从哪里来？答：我从族谱来</a>
                            </li>
                            <li>
                                <a href="#" class="title"><i class="square"></i> 王者一封：湖南三槐王氏潘普庆典隆重热烈</a>
                            </li>
                            <li>
                                <a href="#" class="title"><i class="square"></i> 杨薇 创建了记录 《刘氏九修族谱》</a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
</body>
</html>