FamilyTree-UI
/
user.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="user_index">
    <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="user_bg">
        <img src="images/userbg.jpg" alt="" class="img-responsive">
    </div>
    <div class="user_intro">
        <div class="auto_center text-center">
            <img src="images/head01.jpg" alt="" width="160px">
            <p class="f32 text_theme m-t-lg">杨维慎的档案馆</p>
            <p class="f18 m-t"><i class="fa fa-fire text_theme  m-r"></i> 人数指数<span class="text_theme m-l">323</span></p>
            <p class="m-t">
                <span>http://www.zupu.com/u/100020</span>
                <button class="btn_xs m-l">复制</button>
            </p>
        </div>
    </div>
    <div class="max_body">
        <div class="media p-t-lg p-b-lg">
            <div class="media-body">
                <h2 class="f18 fwb">个人档案</h2>
                <div class="m-t-lg f16">
                    <p>杨维慎拱是师祖<a class="text_theme">杨长春</a>第36世子孙</p>
                    <p class="m-t">生卒：子涵元，乾隆二十七年壬午八月二十四辰时生，终未详</p>
                    <p class="m-t">子嗣：生子思，行一 <a class="text_theme">杨薇</a>;行二 <a class="text_theme">杨薇</a>;</p>
                    <p class="m-t">配偶：<a href="#">刘罗氏</a></p>
                </div>
            </div>
            <div class="media-right">
                <img src="images/ewm.png" alt="" width="110">
                <p class="text-center m-t text_gray">微信扫一扫 <br/> 分享朋友圈</p>
            </div>
        </div>
    </div>
</div>
</body>
</html>