master

分支 (3)

管理

管理

master

develop

develop2

mobile-project1
/
index.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/index/index.css">
</head>

<body>
    <nav>
        <img src="./img/index/index01.png" alt="">
        <div class="home">本家</div>
        <img src="./img/index/index_12.png" alt="">
    </nav>
    <div class="line"></div>
    <div class="banner">
        <img src="img/index/index_03.jpg" alt="">
    </div>
    <div class="banner_b">
        <div class="item">
            <img src="./img/index/index_03.png" alt="">
            <div class="write">新品/热销</div>
        </div>
        <div class="item">
            <img src="./img/index/index_06.png" alt="">
            <div class="write">超值拼团</div>
        </div>
        <div class="item">
            <img src="./img/index/index_99.png" alt="">
            <div class="write">新人福利</div>
        </div>

        <div class="item">
            <img src="./img/index/index_19.png" alt="">
            <div class="write">时尚动态</div>
        </div>
    </div>
    <div class="hot_buy">
        <div class="top">
            <div class="tittle">精品热卖</div>
            <div class="small_line"></div>
            <div class="english">SALE</div>
        </div>
        <div class="content">
            <div class="item">
                <img src="./img/index/index_10.jpg" alt="">
                <div class="par">英式经典三防女
                    式长风衣</div>
                <div class="price">
                    <span>￥599</span>
                </div>
            </div>
            <div class="item">
                <img src="./img/index/index_07.jpg" alt="">
                <div class="par">超轻至暖铜氨丝
                    白鹅绒被</div>
                <div class="price">
                    <span>￥999</span>
                </div>
            </div>
            <div class="item">
                <img src="./img/index/index_13.jpg" alt="">
                <div class="par">羊毛混纺经典长
                    款大衣</div>
                <div class="price">
                    <span>￥1299</span>
                </div>
            </div>
            <div class="item">
                <img src="./img/index/index_21.jpg" alt="">
                <div class="par">创意懒人叠衣板
                    +收纳箱</div>
                <div class="price">
                    <span>￥79</span>
                </div>
            </div>
            <div class="item">
                <img src="./img/index/index_19.jpg" alt="">
                <div class="par">GF合金包角拉链
                    箱</div>
                <div class="price">
                    <span>￥299</span>
                </div>
            </div>
            <div class="item">
                <img src="./img/index/index_22.jpg" alt="">
                <div class="par">婴童纱布长斤三
                    条装</div>
                <div class="price">
                    <span>￥59</span>
                </div>
            </div>
        </div>
    </div>
    <div class="selected_buy">
        <div class="top">
            <div class="tittle">精品优选</div>
            <div class="small_line"></div>
            <div class="english">SELECTION</div>
        </div>

        <img src="./img/index/index_28.jpg" alt="">
        <div class="write">
            <div class="left">
                <div class="home">本家HOME</div>
                <div class="text">每满100立减20元</div>
            </div>
            <div class="right">29.9元起</div>
        </div>
    </div>
    <div class="good">
        <div class="top">
            <div class="tittle">好物推荐</div>
            <div class="small_line"></div>
            <div class="english">RECOMMEND</div>
        </div>

        <div class="content">
            <div class="item">
                <img src="./img/index/index_32.jpg" alt="">
                <div class="par">狐步小吊灯</div>
                <div class="text">曼妙裙摆 任意空间的光线舞者</div>
                <div class="price">￥469</div>
            </div>
            <div class="item">
                <img src="./img/index/index_35.jpg" alt="">
                <div class="par">折简餐具组|碗套装</div>
                <div class="text">国画四色 诠释最美器具</div>
                <div class="price">￥89</div>
            </div>
            <div class="item">
                <img src="./img/index/index_40.jpg" alt="">
                <div class="par">竹枝抱枕</div>
                <div class="text">上百竹枝首尾相依 静生生物</div>
                <div class="price">￥169</div>
            </div>
            <div class="item">
                <img src="./img/index/index_42.jpg" alt="">
                <div class="par">澎湃声波牙刷 Pro</div>
                <div class="text">一件能明显提升幸福感的小物件</div>
                <div class="price">￥259</div>
            </div>
            <div class="item">
                <img src="./img/index/index_50.jpg" alt="">
                <div class="par">镜线餐具组</div>
                <div class="text">让每一餐都清爽可口</div>
                <div class="price">￥399</div>
            </div>
            <div class="item">
                <img src="./img/index/index_47.jpg" alt="">
                <div class="par">光合氧气花瓶</div>
                <div class="text">光影魔术手 找到植物的专属生命</div>
                <div class="price">￥129</div>
            </div>
            <div class="item">
                <img src="./img/index/index_55.jpg" alt="">
                <div class="par">黑白格子V领背心裙</div>
                <div class="text">简约不简单 轻松高级感</div>
                <div class="price">￥339</div>
            </div>
            <div class="item">
                <img src="./img/index/index_57.jpg" alt="">
                <div class="par">重磅绞花羊绒衫</div>
                <div class="text">羊绒纱线采用7针26纱支织造而成</div>
                <div class="price">￥559</div>
            </div>
            <div class="item">
                <img src="./img/index/index_62.jpg" alt="">
                <div class="par">珊瑚绒加厚保暖连体衣</div>
                <div class="text">珊瑚绒御寒 加厚保暖 纯棉内里</div>
                <div class="price">￥259</div>
            </div>
            <div class="item">
                <img src="./img/index/index_64.jpg" alt="">
                <div class="par">Pop Loop 慢跑鞋 男女款</div>
                <div class="text">爆米花中底 全包裹支撑鞋面</div>
                <div class="price">￥339</div>
            </div>
            <div class="item">
                <img src="./img/index/index_68.jpg" alt="">
                <div class="par">M&N 尊荣白鸭绒静音冬被</div>
                <div class="text">内衬蓬松饱满 静音防羽 保暖舒适</div>
                <div class="price">￥659</div>
            </div>
            <div class="item">
                <img src="./img/index/index_71.jpg" alt="">
                <div class="par">小怪兽糖罐组</div>
                <div class="text">为生活加一剂萌料</div>
                <div class="price">￥59</div>
            </div>

        </div>
    </div>
    <footer>
        <div class="block">
            <img src="./img/index/index83.png" alt="">
            <div class="write">首页</div>
        </div>
        <div class="block">
            <img src="./img/index/index81.png" alt="">
            <div class="write">优选</div>
        </div>
        <div class="block">
            <img src="./img/index/index82.png" alt="">
            <div class="write">分类</div>
        </div>
        <div class="block">
            <img src="./img/index/index80.png" alt="">
            <div class="write">购物车</div>
        </div>
        <div class="block">
            <img src="./img/index/index84.png" alt="">
            <div class="write">我的</div>
        </div>
    </footer>
</body>

</html>