master

分支 (3)

管理

管理

master

develop

develop2

mobile-project1
/
optimization.html

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/optimization/optimization.css">
</head>

<body>
    <nav>优选</nav>
    <div class="banner">
        <img src="./img/optimization/optimization_03.jpg" alt="">
        <!-- <img src="./img/optimization/optimization_03.jpg" alt=""> -->
    </div>
    <div class="banner_b">
        <div class="item">
            <img src="./img/optimization/optimization_07.jpg" alt="">
            <div class="txt">本家推荐</div>
        </div>
        <div class="item">
            <img src="./img/optimization/optimization_09.jpg" alt="">
            <div class="txt">挑选师推荐</div>
        </div>
        <div class="item">
            <img src="./img/optimization/optimization_11.jpg" alt="">
            <div class="txt">私物推荐</div>
        </div>
        <div class="item">
            <img src="./img/optimization/optimization_13.jpg" alt="">
            <div class="txt">本家LOOK</div>
        </div>
    </div>
    <div class="selection">
        <div class="tittle">本家甄选</div>
        <div class="content_top">
            <img src="./img/optimization/optimization_20.jpg" alt="">
            <div class="par">叠韵滤光器，氛围造型大师</div>
            <div class="par_b">光笼，来自斯德哥尔摩的光晕礼赞</div>
        </div>
        <div class="content_middle">
            <div class="txt">
                <div class="up">编织底双色鞋子 多色可选</div>
                <div class="down">透气性好，时尚感强</div>
            </div>
            <img src="./img/optimization/optimization_24.jpg" alt="">
        </div>
        <div class="content_bottom">
            <div class="txt">
                <div class="up">炻瓷储物罐系列</div>
                <div class="down">避光密封 坚韧耐摔 多道工序 匠心制
                    作 拥有更久的赏味期限</div>
            </div>
            <img src="./img/optimization/optimization_27.jpg" alt="">
        </div>
    </div>
    <div class="ten_time">
        <div class="tittle">十点一刻</div>
        <div class="content">
            <div class="top">
                <div class="line"></div>
                <div class="txt">今日话题</div>
                <div class="line"></div>
            </div>
            <div class="tittle">一念之间的重要性</div>
            <div class="par">有没有哪个瞬间的念头，改变你一段时间的
                生活轨迹？</div>
        </div>
    </div>
    <div class="recommend">
        <div class="tittle">本家推荐</div>
        <div class="content">
            <img src="./img/optimization/optimization_30.jpg" alt="">
            <div class="txt">夏季出游必备</div>
            <div class="par">舒心出行，本家为你推荐的5个tips不能忘</div>
        </div>
    </div>
    <div class="hoom_look">
        <div class="tittle">本家LOOK</div>
        <div class="item">
            <div class="content">
                <div class="left">
                    <img src="./img/optimization/optimization_33.jpg" alt="">
                </div>
                <div class="right">
                    <img src="./img/optimization/optimization_36.jpg" alt="">
                    <img src="./img/optimization/optimization_39.jpg" alt="">
                </div>
            </div>
            <div class="par">给牛仔加点火山岩</div>
        </div>
        <div class="item">
            <div class="content">
                <div class="left">
                    <img src="./img/optimization/optimization_43.jpg" alt="">
                </div>
                <div class="right">
                    <img src="./img/optimization/optimization_45.jpg" alt="">
                    <img src="./img/optimization/optimization_48.jpg" alt="">
                </div>
            </div>
            <div class="par">婚纱拍照必看功课</div>
        </div>

        <div class="block">
            <img src="./img/optimization/optimization_52.jpg" alt="">
            <div class="text">夏天的清凉，多亏了这抹茶绿</div>
        </div>

        <div class="item">
            <div class="content">
                <div class="left">
                    <img src="./img/optimization/optimization_55.jpg" alt="">
                </div>
                <div class="right">
                    <img src="./img/optimization/optimization_58.jpg" alt="">
                    <img src="./img/optimization/optimization_62.jpg" alt="">
                </div>
            </div>
            <div class="par">你的厨房只是少了它</div>
        </div>


        <div class="block">
            <img src="./img/optimization/optimization_67.jpg" alt="">
            <div class="text">家的精致主义</div>
        </div>

        <div class="block">
            <img src="./img/optimization/optimization_70.jpg" alt="">
            <div class="text">收纳，让小家越住越大</div>
        </div>
    </div>
    <footer>
        <div class="block">
            <img src="./img/optimization/optimization83.png" alt="">
            <div class="write">首页</div>
        </div>
        <div class="block">
            <img src="./img/optimization/optimization81.png" alt="">
            <div class="write">优选</div>
        </div>
        <div class="block">
            <img src="./img/optimization/optimization82.png" alt="">
            <div class="write">分类</div>
        </div>
        <div class="block">
            <img src="./img/optimization/optimization85.png" alt="">
            <div class="write">购物车</div>
        </div>
        <div class="block">
            <img src="./img/optimization/optimization84.png" alt="">
            <div class="write">我的</div>
        </div>
    </footer>
</body>

</html>