master

分支 (1)

管理

管理

master

shop-lego
/
模板页.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>模板页-乐购商城</title>
    <!-- 重置浏览器样式 -->
    <link rel="stylesheet" href="./css/normalize.css">
    <link rel="stylesheet" href="./css/reset.css">


    <link rel="stylesheet" href="./css/common.css">

</head>
<body>
    <!-- 黑色头部 -->
    <div id="blackHead">
            <!-- 黑色头部文字 -->
            <div class="headTextBox">
                <!-- 黑色头部左上角logo -->
                <div class="logo"></div>
                <!-- 黑色头部左边文字 -->
                <a class="head-leftText font18" href="./index.html">legouchina.cn</a>
                <!-- 黑色头部右边文字 -->
                <div class="head-rightText fr colorfff font14">欢迎光临
                    <span class="color-yellow">乐购</span>，请
                    <a class="color-orage " href="#">登录</a>
                    <span>\</span>
                    <a class="color-orage" href="#">注册</a>
                </div>
            </div>
        </div>
        <!-- 白色导航栏 -->
        <div id="nav">
            <!-- 白色导航栏上面搜索块 -->
            <div class="nav-inp">
                <!-- 搜索框盒子 -->
                <div class="inDiv">
                    <!-- 搜索框 -->
                    <input type="text" id="old" placeholder="请输入商品名">
                    <!-- 搜索按钮 -->
                    <a class="search" href="#"></a>
                </div>
                <!--搜索框右边购物车按钮  -->
                <a class="shopping-btn" href="#">购物车3
                    <div class="shoppingIcon"></div>
                </a>
                <!--搜索框右边订单按钮  -->
                <a class="order-btn" href="#">我的订单</a>
            </div>

            <!-- 白色导航栏下面list文字 -->
            <div class="nav-list">
                <ul class="list-text">
                    <li class="fl fw">
                        <a href="#">图书</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">电子书</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">原创文学</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">服装</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">运动户外</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">孕婴童</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">家居</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">创意文具</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">地方特产</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">海外购</a>
                    </li>
                    <li class="fl fw">
                        <a href="#">电器城</a>
                    </li>
                </ul>
            </div>
        </div>


        <!-- 版心 -->
        <div id="wrap">你好你好</div>


            <!-- 页脚部分 -->
    <div id="footer1">
            <div class="topBox clearfix">
                <a class="img fl" href="#">
                    <img src=".//imgs/页脚部分/1111.png" alt="">
                </a>
                <a class="img fl" href="#">
                    <img src=".//imgs/页脚部分/2222.png" alt="">
                </a>
                <a class="img fl" href="#">
                    <img src=".//imgs/页脚部分/3333.png" alt="">
                </a>
                <a class="img fl" href="#">
                    <img src=".//imgs/页脚部分/4444.png" alt="">
                </a>
            </div>
        </div>

        <!-- 最下面文字盒子 -->
        <div class="bott-text">
                <div class="text-box">
                    <a class="text1" href="#">公司简介  |  Investor Relations  |  网站联盟  |  乐购招商  |  机构销售  |  手机乐购  |  官方Blog   |  热词搜索</a>
                    <div class="text2" >Copyright (C) 乐购网 2004-2016, All Rights Reserved</div>
                </div>
            </div>
</body>
</html>