summerlearn/product.html at master · jessty/summerlearn · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>产品</title>
    <link href="product-cases.css" rel="stylesheet">
    <link href="publicHF.css" rel="stylesheet">
    <script src="cdn.bootcss.com/jquery/jquery.min.js"></script>
    <script>
        $(function(){
            $(".bannerOut").hover(function(){
                $(this).toggleClass("bannerOn");
            });
            $(".tdOut").hover(function(){
                $(this).toggleClass("mouseOn");
            });
            $(".detailsOut").hover(function(){
                $(this).toggleClass("mouseOn");
            });
            $(".details").hover(function () {
                $(this).toggleClass("shadow");
            })
        })
    </script>
</head>
<body>
<!--public header-->
<header>
    <div id="brand"><a href="first.html"><img src="pictures/brand.png"/></a></div>
    <ul id="banner">
        <li><a class="bannerOut" href="first.html" style="color: #696969;">首页</a></li>
        <li><a class="bannerOut" href="#">驿路相伴</a></li>
        <li><a class="bannerOut" href="product.html">产品</a></li>
        <li><a class="bannerOut" href="cases.html">成功案例</a></li>
        <li><a class="bannerOut" href="news.html">新闻</a></li>
        <li><a class="bannerOut" href="about.html">关于驿联</a></li>
        <li><a class="bannerOut" href="#">管理平台</a></li>
        <li><a class="bannerOut" href="#">个人中心</a></li>
    </ul>
</header>
<!--public header-->
<div id="wrap">
    <div class="contentP">
        <div class="details">
            <div><a href="#"><img src="pictures/30kbgj.png"/></a></div>
            <h1><a class="detailsOut" href="#">TEVC系列模块式整车充电系统</a></h1>
            <p><a class="detailsOut" href="#">30KW充电机</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/60kbgj.png"/></a></div>
            <h1><a class="detailsOut" href="#">TEVC系列模块式整车充电系统</a></h1>
            <p><a class="detailsOut" href="#">60KW充电机</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/100kbgj.png"/></a></div>
            <h1><a class="detailsOut" href="#">TEVC系列模块式整车充电系统</a></h1>
            <p><a class="detailsOut" href="#">100KW充电机</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/bgsldz.png"/></a></div>
            <h1><a class="detailsOut" href="#">TCZ-J系列交流充电桩</a></h1>
            <p><a class="detailsOut" href="#">壁挂式落地桩</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/ldz.png"/></a></div>
            <h1><a class="detailsOut" href="#">TCZ-J系列交流充电桩</a></h1>
            <p><a class="detailsOut" href="#">落地桩</a></p>
        </div>
        <div class="details">
            <div><a href="#"><img src="pictures/bgz.png"/></a></div>
            <h1><a class="detailsOut" href="#">TCZ-J系列交流充电桩</a></h1>
            <p><a class="detailsOut" href="#">壁挂桩</a></p>
        </div>
    </div>
</div>
<!--public footer-->
<footer>
    <table id="footTB">
        <tr>
            <th>应用下载</th>
            <th>产品中心</th>
            <th>关于驿联</th>
            <th rowspan="4"><img src="pictures/code-1.png"></th>
            <th rowspan="4"><img src="pictures/code-2.png"></th>
        </tr>
        <tr>
            <td><a class="tdOut" href="#">Android</a></td>
            <td><a class="tdOut" href="#">直流快充系统</a></td>
            <td><a class="tdOut" href="#">集团介绍</a></td>
        </tr>
        <tr>
            <td><a class="tdOut" href="#">IOS</a></td>
            <td><a class="tdOut" href="#">交流充电桩</a></td>
            <td><a class="tdOut" href="#">成功案例</a></td>
        </tr>
        <tr>
            <td><a class="tdOut" href="#">了解驿充电</a></td>
            <td><a class="tdOut" href="#">换电站专用充电系统</a></td>
            <td><a class="tdOut" href="#">加入驿联</a></td>
        </tr>
        <tr>
            <td></td>
            <td></td>
            <td><a class="tdOut" href="#">联系我们</a></td>
            <td><span class="tdCode">驿充电APP</span></td>
            <td><span class="tdCode">驿充电官方微信</span></td>
        </tr>
    </table>
    <p id="copyright">
        <span class="copyR">Copyright © 珠海驿联新能源汽车有限公司版权所有 备案许可证： <a href="http://www.miitbeian.gov.cn/">粤ICP备15022833号</a></span><span>简体中文</span>
    </p>
</footer>
<!--public footer-->

</body>
</html>