personal_center.html 8.1 KB
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

    <link rel="stylesheet" type="text/css" href="https://at.alicdn.com/t/font_1043230_4jilbt7s27s.css">
    <link rel="stylesheet" type="text/css" href="css/personal_center.css">
    <script src="js/base.js"></script>
    <style>
        .icon-fangdajing{
            color: #fff;
        }
        .icon-iconfont-edu12{
            font-size: 0.5rem;
            color: #959595;
        }
    </style>
</head>
<body>
<div class="container">
    <!--头部-->
    <div class="head">
        <div class="head_box">
            <!--左部分-->
            <div class="head_t">
                <!--搜索框-->
                <div class="head_t_left">
                    <input type="text">
                    <div class="head_t_left_search">
                        <div class="iconfont icon-fangdajing"></div>
                    </div>
                </div>
                <!--菜单栏-->
                <div class="head_t_right">

                </div>
            </div>
            <!--右部分-->
            <div class="head_r">
                <div class="iconfont icon-iconfont-edu12"></div>
            </div>
        </div>
        <!--头像-->
        <div class="head_portrait">
            <img src="images/16.png">
        </div>
        <!--欢迎-->
        <div class="head_name">
            欢迎您,15122508271用户

        </div>
        <!--搜索框-->
        <div class="head_search">
            <input type="text" placeholder="EDM/电子展报">
            <div class="head_search_button">
                订阅
            </div>
        </div>
    </div>
    <!--菜单-->
    <div class="menu">
        <div class="menu_top">
            <!--关于展会-->
            <div class="menu_item item_1">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    关于展会
                </div>
            </div>
            <!--展品范围-->
            <div class="menu_item item_2">
                <div class="menu_item_top">
                    <img src="#">
                </div>
                <div class="menu_item_bottom">
                    展品范围
                </div>
            </div>
            <!--展览活动-->
            <div class="menu_item item_3">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    展览活动
                </div>
            </div>
            <!--关于展会-->
            <div class="menu_item item_4">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    参展申请
                </div>
            </div>
        </div>
        <div class="menu_bottom">
            <!--新闻报道-->
            <div class="menu_item item_5">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    新闻报道
                </div>
            </div>
            <!--论坛活动-->
            <div class="menu_item item_6">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    论坛活动
                </div>
            </div>
            <!--商旅服务-->
            <div class="menu_item item_7">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    商旅服务
                </div>
            </div>
            <!--参观登记-->
            <div class="menu_item item_8">
                <div class="menu_item_top">
                    <img src="">
                </div>
                <div class="menu_item_bottom">
                    参观登记
                </div>
            </div>
        </div>
    </div>
    <!--中部图片-->

    <div class="middle">
        <img src="images/index_2.png">
        <div class="middle_text">2019汽车产业装备与智能制造峰会>></div>
    </div>
    <!--最新咨询-->
    <div class="new">
        <div class="iconfont icon-diqiu"></div>
        <div class="new_text">最新咨询</div>
    </div>
    <!--下划线-->
    <div class="new_underline"></div>
    <!--底部内容-->
    <div class="bottom">
        <!--底部左边-->
        <div class="bottom_left">
            <div class="bottom_left_top">
                汽车“轻量化”已成为汽车产汽车“轻量化”已成为汽车产
            </div>
            <div class="bottom_left_bottom">
                近年来,我国清洁能源持续扩容,清洁低碳安全高效的能源体系正加快构建。党的十八大以来
                近年来,我国清洁能源持续扩容,清洁低碳安全高效的能源体系正加快构建。党的十八大以来
            </div>

            <div class="bottom_left_top">
                汽车“轻量化”已成为汽车产汽车“轻量化”已成为汽车产
            </div>
            <div class="bottom_left_bottom">
                近年来,我国清洁能源持续扩容,清洁低碳安全高效的能源体系正加快构建。党的十八大以来
                近年来,我国清洁能源持续扩容,清洁低碳安全高效的能源体系正加快构建。党的十八大以来
            </div>
        </div>
        <div class="bottom_right">
            <img src="images/2_pic.png">
        </div>
    </div>

    <!--底部菜单-->
    <div class="bottom_menu">
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-zhuye2"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                首页
            </div>
        </div>
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-dianhua-copy"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                电话咨询
            </div>
        </div>
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-user-address"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                网上展厅
            </div>
        </div>
        <div class="bottom_menu_index">
            <!--上图标-->
            <div class="iconfont icon-gerenzhongxin"></div>
            <!--下文字-->
            <div class="bottom_menu_index_text">
                个人中心
            </div>
        </div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script>
    //底部四个按钮
    $('.index').click(function () {
        window.location.href = "index.html"
    })
    $('.tel').click(function () {
        window.location.href = "index.html"
    })
    $('.exhibition').click(function () {
        window.location.href = "wszt.html"
    })
    $('.personal').click(function () {
        window.location.href = "index.html"
    })
    //中部八个按钮
    $('.item_1').click(function () {
        window.location.href = "gyzh.html"
    })
    $('.item_2').click(function () {
        window.location.href = "zpfw.html"
    })
    $('.item_3').click(function () {
        window.location.href = "dlhd.html"
    })
    $('.item_4').click(function () {
        window.location.href = "czsq.html"
    })
    $('.item_5').click(function () {
        window.location.href = "xwbd.html"
    })
    $('.item_6').click(function () {
        window.location.href = "lthd.html"
    })
    $('.item_7').click(function () {
        window.location.href = "slfw_2.html"
    })
    $('.item_8').click(function () {
        window.location.href = "cgdj.html"
    })
</script>
</body>
</html>