master

分支 (1)

管理

管理

master

pocket
/
my_home.html

<!DOCTYPE html>
<html>
    <head>
        <title>Pocket</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link href="css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
        <link href="css/common.css" rel="stylesheet" type="text/css"/>
        <link href="css/main.css" rel="stylesheet" type="text/css"/>

        <script src="js/jquery.min.js" type="text/javascript"></script>

    </head>
    <body class="p-0 bg-dye">
        <div class="ban">
            <div class="head-lg mt-3 block-center">
                <img src="images/jiepai-img.jpg" alt=""/>
            </div>
            <h3>沉寂一萬年</h3>
            <h4>人生若只如初見XXXX</h4>
            <div class="item-bottom">
                <div class="col-xs-7 p-0">
                    <div class="col-xs-4 p-0 line-r">12 <br />關注</div>
                    <div class="col-xs-4 p-0 line-r">12 <br />粉絲</div>
                    <div class="col-xs-4 p-0">12 <br />博客</div>
                </div>
                <div class="col-xs-5 p-0">
                    <a href="my_personal.html" class="btn pull-right"><i class="fa fa-pencil-square-o"></i>編輯資料</a>
                </div>
            </div>
        </div>
        <div class="fun-con">
            <a href="my_shopcar.html">
                <i class="fa fa-shopping-cart"></i> <br />
                購物車
            </a>
            <a href="my_order.html">
                <i class="fa fa-file-text"></i><br />
                訂單
            </a>
            <a href="my_shoucang.html">
                <i class="fa fa-star"></i><br />
                收藏
            </a>
            <a href="my_personal.html">
                <i class="fa fa-gear"></i><br />
                設置
            </a>
        </div>
        <div class="guanzhu">
            <h3>你關注的人也關注了他們</h3>
            <ul>
                <li>
                    <div class="item-img">
                        <img src="images/jiepai-img.jpg" alt=""/>
                    </div>
                    <h3 class="m-0 mt-1">名字xxx</h3>
                    <div class="text-con">
                        XXX.XXX等也關注了他
                    </div>
                    <div class="text-center">
                       <a class="btn btn-active">已關注</a>
                    </div>

                </li>
                 <li>
                    <div class="item-img">
                        <img src="images/jiepai-img.jpg" alt=""/>
                    </div>
                    <h3 class="m-0 mt-1">名字xxx</h3>
                    <div class="text-con">
                        XXX.XXX等也關注了他
                    </div>
                    <div class="text-center"><a class="btn">關注</a></div>
                </li>
            </ul>
            <div  class="text-center text-md mt-1"> <a href="">查看全部</a></div>
        </div>
        <div class="lately mb-8">
            <div class="tap">
                <a href="" class="col-xs-6 active">最近交易 · 12</a>
                <a href="" class="col-xs-6">最近關注 · 0</a>
            </div>
            <ul class="active">
                <li>
                    <div class="col-xs-4">
                        <div class="item-img">
                            <img src="images/jiepai-img.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="col-xs-8 p-0">
                        <h3 class="m-0">XXXX母嬰用品 <span class="pull-right text-red">交易完成</span></h3>
                        <p>￥ 168.00</p>
                        <div class="item-bottom">
                            <span class="text-sm mt-1">2017-04-13</span>
                            <span class="pull-right">
                                <a href="" class="btn">刪除記錄</a>
                                <a href="" class="btn btn-active">還沒這家</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="col-xs-4">
                        <div class="item-img">
                            <img src="images/jiepai-img.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="col-xs-8 p-0">
                        <h3 class="m-0">XXXX母嬰用品 <span class="pull-right text-red">交易完成</span></h3>
                        <p>￥ 168.00</p>
                        <div class="item-bottom">
                            <span class="text-sm mt-1">2017-04-13</span>
                            <span class="pull-right">
                                <a href="" class="btn">刪除記錄</a>
                                <a href="" class="btn btn-active">還沒這家</a>
                            </span>
                        </div>
                    </div>
                </li>
            </ul>
            <ul>
                <li>
                    <div class="col-xs-4">
                        <div class="item-img">
                            <img src="images/jiepai-img.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="col-xs-8 p-0">
                        <h3 class="m-0">XXXX母嬰用品 <span class="pull-right text-red">交易完成</span></h3>
                        <p>￥ 168.00</p>
                        <div class="item-bottom">
                            <span class="text-sm mt-1">2017-04-13</span>
                            <span class="pull-right">
                                <a href="" class="btn">刪除記錄</a>
                                <a href="" class="btn btn-active">還沒這家</a>
                            </span>
                        </div>
                    </div>
                </li>
                <li>
                    <div class="col-xs-4">
                        <div class="item-img">
                            <img src="images/jiepai-img.jpg" alt=""/>
                        </div>
                    </div>
                    <div class="col-xs-8 p-0">
                        <h3 class="m-0">XXXX母嬰用品 <span class="pull-right text-red">交易完成</span></h3>
                        <p>￥ 168.00</p>
                        <div class="item-bottom">
                            <span class="text-sm mt-1">2017-04-13</span>
                            <span class="pull-right">
                                <a href="" class="btn">刪除記錄</a>
                                <a href="" class="btn btn-active">還沒這家</a>
                            </span>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
      <div class="bottom">
            <a href="index.html" class="bottom-ico1 ">街拍</a>
            <a href="shiyong_ing.html" class="bottom-ico2 ">試用區</a>
            <a href="woshuo.html" class="bottom-ico3 ">我說</a>
            <a href="xunbao.html" class="bottom-ico4">尋寶</a>
            <a href="my_home.html" class="bottom-ico5 active">我的</a>
        </div>

        <script src="js/bootstrap.min.js" type="text/javascript"></script>
        <script src="js/main.js" type="text/javascript"></script>
    </body>
</html>