TorchConnection_Website/about.html at master · SkyWorldStudio/TorchConnection_Website · 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
117
118
119
120
121
122
123
124
125
126
127
<!DOCTYPE HTML>
<html>
<head>
    <title>火炬联机</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
    <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
    <script src="js/jquery.min.js"></script>
    <!---start-login-script--->
    <script src="js/login.js"></script>
    <!---//End-login-script--->
    <!-----768px-menu----->
    <link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css"/>
    <script type="text/javascript" src="js/jquery.mmenu.js"></script>
    <script type="text/javascript">
        //	The menu on the left
        $(function () {
            $('nav#menu-left').mmenu();
        });
    </script>
    <!-----//768px-menu----->
</head>
<body>
<div class="content">
    <!------start-768px-menu---->
    <div id="page">
        <div id="header">
            <a class="navicon" href="#menu-left"> </a>
        </div>
        <nav id="menu-left">
            <ul>
                <li><a href="index.html">主页</a></li>
                <li class="active"><a href="about.html">关于</a></li>
                <div class="clear"></div>
            </ul>
        </nav>
    </div>
    <!------end-768px-menu---->
    <!---start-header---->
    <div class="header">
        <!---start-wrap---->
        <div class="wrap">
            <div class="header-left">
                <div class="logo">
                    <a href="index.html"><img src="images/logo.jpg" alt="logo" width="50px" height="50px"/></a>
                </div>
            </div>
            <div class="header-right">
                <div class="top-nav">
                    <ul>
                        <li><a href="index.html">主页</a></li>
                        <li class="active"><a href="about.html">关于</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
    <div class="wrap">
        <div class="section-title">
            <h3>关于我们</h3>
        </div><!--section-title-->
    </div>
</div>
<div class="about">
    <p class="about-title">火炬联机</p>
    <div class="wrap">
        <div class="row-fluid">
            <div class="row_side-left">
                <h3>我们是做什么的?<span> </span></h3>
                <img src="images/about.jpg" alt=""/>
            </div>
            <div class="row_side-right">
                <div class="skills">
                    <h3>产品的特点<span> </span></h3>
                    <div class="flx-skill">
                        <p class="flx-skill-title">便捷的游戏启动</p>
                        <p class="flx-skill-number">100%</p>
                        <div class="progress-bar flexible animate"><span class="progress-100"
                                                                         style="width: 100%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="flx-skill">
                        <p class="flx-skill-title">稳定的在线服务</p>
                        <p class="flx-skill-number">100%</p>
                        <div class="progress-bar flexible animate"><span class="progress-100"
                                                                         style="width: 100%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                    <div class="flx-skill">
                        <p class="flx-skill-title">高效的好友管理</p>
                        <p class="flx-skill-number">100%</p>
                        <div class="progress-bar flexible animate"><span class="progress-100"
                                                                         style="width: 100%"><span> </span></span></div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
            <div class="clear"></div>
        </div>
    </div>
</div>
<div class="footer">
    <div class="wrap">
        <div class="footer-left">
            <div class="copy">
                <p>Copyright &copy; 2024.火炬联机 All rights reserved.
                </p>
            </div>
        </div>
        <div class="social_icons">
            <ul>
                <li class="in"><a href="#"><span> </span></a></li>
                <li class="pro"><a href="#"><span> </span></a></li>
                <li class="twitter"><a href="#"><span> </span></a></li>
                <li class="facebook"><a href="#"><span> </span></a></li>
                <div class="clear"></div>
            </ul>
        </div>
        <div class="clear"></div>
    </div>

</div>
</body>
</html>