Showing
18 changed files
with
139 additions
and
50 deletions
@@ -8,15 +8,15 @@ | @@ -8,15 +8,15 @@ | ||
8 | <link rel="icon" href="/favicon_3fa142a.ico" type="image/x-icon" /> | 8 | <link rel="icon" href="/favicon_3fa142a.ico" type="image/x-icon" /> |
9 | <title>首页 - Renew</title> | 9 | <title>首页 - Renew</title> |
10 | 10 | ||
11 | - <link rel="stylesheet" type="text/css" href="/static/html/nav/nav_5c3501d.css" /> | ||
12 | - <link rel="stylesheet" type="text/css" href="/static/html/home/home/home_fa96b3c.css" /> | ||
13 | - <link rel="stylesheet" type="text/css" href="/static/html/home/about/about_49e6319.css" /> | ||
14 | - <link rel="stylesheet" type="text/css" href="/static/html/home/course/course_41bef2e.css" /> | ||
15 | - <link rel="stylesheet" type="text/css" href="/static/html/home/contact/contact_8ca5757.css" /> | ||
16 | - <link rel="stylesheet" type="text/css" href="/static/html/footer/footer_4ec674f.css" /> | 11 | + <link rel="stylesheet" type="text/css" href="/static/html/nav/nav_3be7fe0.css" /> |
12 | + <link rel="stylesheet" type="text/css" href="/static/html/home/home/home_37af534.css" /> | ||
13 | + <link rel="stylesheet" type="text/css" href="/static/html/home/about/about_1e8777b.css" /> | ||
14 | + <link rel="stylesheet" type="text/css" href="/static/html/home/course/course_b0f8405.css" /> | ||
15 | + <link rel="stylesheet" type="text/css" href="/static/html/home/contact/contact_54a805a.css" /> | ||
16 | + <link rel="stylesheet" type="text/css" href="/static/html/footer/footer_e329bcf.css" /> | ||
17 | <link rel="stylesheet" href="/lib/css/bootstrap.min_11679f1.css" /> | 17 | <link rel="stylesheet" href="/lib/css/bootstrap.min_11679f1.css" /> |
18 | <link rel="stylesheet" href="/lib/css/bootstrap-theme.min_990674d.css" /> | 18 | <link rel="stylesheet" href="/lib/css/bootstrap-theme.min_990674d.css" /> |
19 | - <link rel="stylesheet" href="/static/css/base_e442b99.css" /> | 19 | + <link rel="stylesheet" href="/static/css/base_27bf421.css" /> |
20 | <link rel="stylesheet" href="/static/css/page_733a35c.css" /> | 20 | <link rel="stylesheet" href="/static/css/page_733a35c.css" /> |
21 | </head> | 21 | </head> |
22 | <body> | 22 | <body> |
@@ -24,15 +24,26 @@ | @@ -24,15 +24,26 @@ | ||
24 | <div class="nav-bg"></div> | 24 | <div class="nav-bg"></div> |
25 | <div class="layout-row"> | 25 | <div class="layout-row"> |
26 | <a class="logo">RENEW</a> | 26 | <a class="logo">RENEW</a> |
27 | -<ul> | 27 | +<ul class="nav-ul"> |
28 | <li><a href="#home-section" class="nav-home">首頁</a></li> | 28 | <li><a href="#home-section" class="nav-home">首頁</a></li> |
29 | <li><a href="#about-section" class="nav-about">關於我們</a></li> | 29 | <li><a href="#about-section" class="nav-about">關於我們</a></li> |
30 | -<li><a href="#course-section" class="nav-course">訓練課程</a></li> | 30 | +<li><a href="#course-section" class="nav-course">課程訓練</a></li> |
31 | <li><a href="#contact-section" class="nav-contact">聯系我們</a></li> | 31 | <li><a href="#contact-section" class="nav-contact">聯系我們</a></li> |
32 | </ul> | 32 | </ul> |
33 | +<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar"> | ||
34 | +<span class="sr-only">Toggle navigation</span> | ||
35 | +<span class="icon-bar"></span> | ||
36 | +<span class="icon-bar"></span> | ||
37 | +<span class="icon-bar"></span> | ||
38 | +</button> | ||
33 | </div> | 39 | </div> |
34 | </nav> | 40 | </nav> |
35 | <section class="home-section" id="home-section"> | 41 | <section class="home-section" id="home-section"> |
42 | +<div class="slogan"> | ||
43 | +<h2>RENEW YOUR BODY</h2> | ||
44 | +<p class="txt-en">A NEW WAT TO CHANGE YOUR FITNESS LIFE</p> | ||
45 | +<p class="txt-cn">全方位引力自重訓練課程</p> | ||
46 | +</div> | ||
36 | <div class="button-nav"> | 47 | <div class="button-nav"> |
37 | <a href="#">會員課程預約</a> | 48 | <a href="#">會員課程預約</a> |
38 | <a href="#" class="free-test">免費體能測試</a> | 49 | <a href="#" class="free-test">免費體能測試</a> |
@@ -58,7 +69,7 @@ | @@ -58,7 +69,7 @@ | ||
58 | <h2 class="t-cn">訓練課程</h2> | 69 | <h2 class="t-cn">訓練課程</h2> |
59 | <h2 class="t-en">COURSES</h2> | 70 | <h2 class="t-en">COURSES</h2> |
60 | <div class="carousel-outer layout-row"> | 71 | <div class="carousel-outer layout-row"> |
61 | -<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | 72 | +<div id="carousel-example-generic" class="carousel slide"> |
62 | <ol class="carousel-indicators"> | 73 | <ol class="carousel-indicators"> |
63 | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | 74 | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> |
64 | <li data-target="#carousel-example-generic" data-slide-to="1"></li> | 75 | <li data-target="#carousel-example-generic" data-slide-to="1"></li> |
@@ -184,7 +195,7 @@ require.resourceMap({ | @@ -184,7 +195,7 @@ require.resourceMap({ | ||
184 | "type": "js" | 195 | "type": "js" |
185 | }, | 196 | }, |
186 | "modules/html/home/course/course": { | 197 | "modules/html/home/course/course": { |
187 | - "url": "/static/html/home/course/course_a77b826.js", | 198 | + "url": "/static/html/home/course/course_4787791.js", |
188 | "type": "js", | 199 | "type": "js", |
189 | "deps": [ | 200 | "deps": [ |
190 | "modules/lib/bootstrap" | 201 | "modules/lib/bootstrap" |
@@ -198,7 +209,7 @@ require.resourceMap({ | @@ -198,7 +209,7 @@ require.resourceMap({ | ||
198 | <script type="text/javascript" src="/static/html/home/contact/contact_8b7e7d8.js"></script> | 209 | <script type="text/javascript" src="/static/html/home/contact/contact_8b7e7d8.js"></script> |
199 | <script type="text/javascript" src="/static/html/footer/footer_a5a1613.js"></script> | 210 | <script type="text/javascript" src="/static/html/footer/footer_a5a1613.js"></script> |
200 | <script type="text/javascript" src="/static/lib/jquery_ccb031d.js"></script> | 211 | <script type="text/javascript" src="/static/lib/jquery_ccb031d.js"></script> |
201 | -<script type="text/javascript" src="/static/js/slide_67a40c7.js"></script> | 212 | +<script type="text/javascript" src="/static/js/slide_61bdbfd.js"></script> |
202 | <script type="text/javascript"> | 213 | <script type="text/javascript"> |
203 | require.async(['modules/html/home/course/course'], function (carousel) { | 214 | require.async(['modules/html/home/course/course'], function (carousel) { |
204 | carousel.init(); | 215 | carousel.init(); |
@@ -19,5 +19,5 @@ section,header,nav,footer,article{display:block} | @@ -19,5 +19,5 @@ section,header,nav,footer,article{display:block} | ||
19 | input{outline:0} | 19 | input{outline:0} |
20 | a{color:#585858} | 20 | a{color:#585858} |
21 | a:hover{text-decoration:none} | 21 | a:hover{text-decoration:none} |
22 | -.layout-row{width:1440px;margin-left:auto;margin-right:auto} | 22 | +.layout-row{max-width:1440px;margin-left:auto;margin-right:auto} |
23 | .flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} | 23 | .flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} |
@@ -4,9 +4,15 @@ footer .cr{font:18px/10 'Raleway Medium';color:#fff} | @@ -4,9 +4,15 @@ footer .cr{font:18px/10 'Raleway Medium';color:#fff} | ||
4 | footer ul{width:380px;padding-top:45px;float:right;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} | 4 | footer ul{width:380px;padding-top:45px;float:right;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} |
5 | footer p{float:left} | 5 | footer p{float:left} |
6 | footer li a{display:block;width:90px;height:90px} | 6 | footer li a{display:block;width:90px;height:90px} |
7 | -footer li .facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAAHKAgHB0e3B0e3N7e3uFhXB1fHF2fXB0fG90e291e291e3R6gG90e291fIyMjHJ3f3B0fHB1fHB0e291fG90fHB1fHF1e290e////9DR1HB1fPr6+oCEi5icoaWorbGzt7m7v8bIy3V6gXF2fcDCxYiMkre5vcvNz+nq63uBh9nb3Kapre/w8dXX2dRG9NAAAAAYdFJOUwAT4ZEfDIRR79TrdCz0twUzyPnZ5cOheq7exx0AAAJiSURBVFjDtZnpdptADIXZzL55AUSDSdrUjtOkff/HK6dJbJpg62pA9zd8Z45mtFsWryINmrqKnHiziZ2oqpsgLawFVCZ5Rl+U5Uk5k+vGdFWxa0xfJRExipKVAdj2QwIU+rb0xH5GoDJfdPLAIYGcAAZ7OQmVe+CRQxIrRA5euGQkl/Uie02GWjNPxduSsbY3DZ7uaIZ26Q1ySLMUXmV7O5qp3RWb2Fuare3kXRZrWkDrqTfo0iJyJ3yQFtIXv/TCpdDh56vMaTHlRubY9/cPb9qjJlkh8fnX4Xd7Vn8rfo9zgw+QX7u2xdDkj5wFyFYPbQujM1ty6GMnQF+OvQIe3rdWgg4/rJ0AV9iJ0JS8oyMe3bcydPRefQHP4+kCfT79GHRkfijhuHQ4kw93gigVA1+ezug95rcxao/RA3kEI0mJvY8x+ieITtCYJ0cP8a/IdNBZYaXcN4/7QX8u1/gm3uQpH6m/t1PqgUTWmKGPLLqxajM0b5DaqozQHX+PFR+bJtHPPDqyHCP0C9Dh8BFkEn1CosiGjafdoJGV/+mJR2949CdvvAO9cUDHWujYcrTQDpIYzdAR7zKm6Ip3dFN0zYcnU3QDlr8G6IBPBaboVJzAUPSQwKRpF0Xn8mIBRSfyEgdFl2hhJkbHcDkpRrtwESxGl3DpLkVHeMMhRSd4myREn9skoLkTon1BSypDj1pS/tgytC9p/0Xo/9p/Nmr39x+Sz3H0Ri2aAyLFsZbmME5zhKg4+NQc12oOmTVH45oDfc01hObyRHPlo7qo0lyvqS4FNVeZqgtY1bWx7rJ71or+L577VosaOzDMAAAAAElFTkSuQmCC)} | 7 | +footer li .facebook{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACNUExURQAAAHKAgHB0e3B0e3N7e3uFhXB1fHF2fXB0fG90e291e291e3R6gG90e291fIyMjHJ3f3B0fHB1fHB0e291fG90fHB1fHF1e290e////9DR1HB1fPr6+oCEi5icoaWorbGzt7m7v8bIy3V6gXF2fcDCxYiMkre5vcvNz+nq63uBh9nb3Kapre/w8dXX2dRG9NAAAAAYdFJOUwAT4ZEfDIRR79TrdCz0twUzyPnZ5cOheq7exx0AAAJiSURBVFjDtZnpdptADIXZzL55AUSDSdrUjtOkff/HK6dJbJpg62pA9zd8Z45mtFsWryINmrqKnHiziZ2oqpsgLawFVCZ5Rl+U5Uk5k+vGdFWxa0xfJRExipKVAdj2QwIU+rb0xH5GoDJfdPLAIYGcAAZ7OQmVe+CRQxIrRA5euGQkl/Uie02GWjNPxduSsbY3DZ7uaIZ26Q1ySLMUXmV7O5qp3RWb2Fuare3kXRZrWkDrqTfo0iJyJ3yQFtIXv/TCpdDh56vMaTHlRubY9/cPb9qjJlkh8fnX4Xd7Vn8rfo9zgw+QX7u2xdDkj5wFyFYPbQujM1ty6GMnQF+OvQIe3rdWgg4/rJ0AV9iJ0JS8oyMe3bcydPRefQHP4+kCfT79GHRkfijhuHQ4kw93gigVA1+ezug95rcxao/RA3kEI0mJvY8x+ieITtCYJ0cP8a/IdNBZYaXcN4/7QX8u1/gm3uQpH6m/t1PqgUTWmKGPLLqxajM0b5DaqozQHX+PFR+bJtHPPDqyHCP0C9Dh8BFkEn1CosiGjafdoJGV/+mJR2949CdvvAO9cUDHWujYcrTQDpIYzdAR7zKm6Ip3dFN0zYcnU3QDlr8G6IBPBaboVJzAUPSQwKRpF0Xn8mIBRSfyEgdFl2hhJkbHcDkpRrtwESxGl3DpLkVHeMMhRSd4myREn9skoLkTon1BSypDj1pS/tgytC9p/0Xo/9p/Nmr39x+Sz3H0Ri2aAyLFsZbmME5zhKg4+NQc12oOmTVH45oDfc01hObyRHPlo7qo0lyvqS4FNVeZqgtY1bWx7rJ71or+L577VosaOzDMAAAAAElFTkSuQmCC);background-size:cover} |
8 | footer li .facebook:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQAAAEdco0JanD1Zm0NeoT1ZnD1Zmz1ZnV10uj1anD1anDxZm0BcnT1ZnDxZmz1ZmzxZnDxanD1ZnD1ZnUBcmzxamz1anD1anD5cnjxanDxZm////7/I3vf4+5+uzlJspoaYwXSJuJemybG810FdnV11rPv8/UhjobnE25CgxsrS5G6EtVZvqODl73iNuu7x9lVup4zxlhsAAAAadFJOUwAMH8cTUdmEBe/s9i233PPlkOJ1QJmnwTpdv47fvAAAAmlJREFUWMO1mdla4kAQhZskprMRwJCtIqIyKG4z8/5PZ0RNUIE+1Umd6/BTX3dtXaWUWUFS68L1o5gojny30HUSqOEKKl22yJ+KS10Nwy/ziE4qype23EmWkkFpNrEAezokQKH2uBbrGYGaaZblF5fE0OUFDHamxNTUAU0Oia0QMTxYkJUWRjf3XLKUa3AVxydr+WcPPJnTAM2TM+SQBik8yXbmNFDzE2fi+TRY/tG7DFwaQe4xH1zQKFociUEaSb/i0gnHQoc/r3JKo2lqdRzbv493H3pBj2SC5OeXzb+m0+25/H1YGzRAvlk1DYYmfRAsQLV6bBoYPfM4Rm/vGeje7AngeFcNBx1+nXZmJj/cs9CUfaJTM/q24aHTz+4LcI/rHvq627TaGn7w0bPlAHrTka+x4Mr3yTQCvtx16DWGjt6Ta4V82TvIHzCTVGAkWqDfXbuUQZftUccy6DhQiTFa1q2eOvT/9V7mf0hUzXDpAz0b0bX5Fo+jt8A9FnboByO6UK4VegV0JMq3Qr8CjZSKrNBPQKir2Aq9AxxbmfPpqlVfCVZ7IflPYbHVRyPe6qhYCh2rSAodKV8K7StXCu2aA90WXWBFxgatzUnVFl2bS4EtOmEXMNitA3bZRdElv1nAb5Hd4qDoCm3M2Oh9Ywa1k2x0DjfBbPQSbt256BR/cHDRGf5MYqK7ZxLg2ky0ZjxJeeiDJ6nZbB5ac57/LPS3579xaPF88yX+HEdu1CI5IBIca0kO4yRHiIKDT8lxreSQWXI0LjnQl1xDSC5PJFc+oosqyfWa6FJQcpUpuoAVXRvLLrsHrejfAHxOh3Bir6KDAAAAAElFTkSuQmCC)} | 8 | footer li .facebook:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACTUExURQAAAEdco0JanD1Zm0NeoT1ZnD1Zmz1ZnV10uj1anD1anDxZm0BcnT1ZnDxZmz1ZmzxZnDxanD1ZnD1ZnUBcmzxamz1anD1anD5cnjxanDxZm////7/I3vf4+5+uzlJspoaYwXSJuJemybG810FdnV11rPv8/UhjobnE25CgxsrS5G6EtVZvqODl73iNuu7x9lVup4zxlhsAAAAadFJOUwAMH8cTUdmEBe/s9i233PPlkOJ1QJmnwTpdv47fvAAAAmlJREFUWMO1mdla4kAQhZskprMRwJCtIqIyKG4z8/5PZ0RNUIE+1Umd6/BTX3dtXaWUWUFS68L1o5gojny30HUSqOEKKl22yJ+KS10Nwy/ziE4qype23EmWkkFpNrEAezokQKH2uBbrGYGaaZblF5fE0OUFDHamxNTUAU0Oia0QMTxYkJUWRjf3XLKUa3AVxydr+WcPPJnTAM2TM+SQBik8yXbmNFDzE2fi+TRY/tG7DFwaQe4xH1zQKFociUEaSb/i0gnHQoc/r3JKo2lqdRzbv493H3pBj2SC5OeXzb+m0+25/H1YGzRAvlk1DYYmfRAsQLV6bBoYPfM4Rm/vGeje7AngeFcNBx1+nXZmJj/cs9CUfaJTM/q24aHTz+4LcI/rHvq627TaGn7w0bPlAHrTka+x4Mr3yTQCvtx16DWGjt6Ta4V82TvIHzCTVGAkWqDfXbuUQZftUccy6DhQiTFa1q2eOvT/9V7mf0hUzXDpAz0b0bX5Fo+jt8A9FnboByO6UK4VegV0JMq3Qr8CjZSKrNBPQKir2Aq9AxxbmfPpqlVfCVZ7IflPYbHVRyPe6qhYCh2rSAodKV8K7StXCu2aA90WXWBFxgatzUnVFl2bS4EtOmEXMNitA3bZRdElv1nAb5Hd4qDoCm3M2Oh9Ywa1k2x0DjfBbPQSbt256BR/cHDRGf5MYqK7ZxLg2ky0ZjxJeeiDJ6nZbB5ac57/LPS3579xaPF88yX+HEdu1CI5IBIca0kO4yRHiIKDT8lxreSQWXI0LjnQl1xDSC5PJFc+oosqyfWa6FJQcpUpuoAVXRvLLrsHrejfAHxOh3Bir6KDAAAAAElFTkSuQmCC)} |
9 | -footer li .line{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADJUExURQAAAHN7e290e291e3B1fHuFhXKAgHF2fXB0fG90fG91e4yMjG91fHR6gHJ3f3B1e290fHB1fHB1fHB0fHB1fG90fHF0e3B1fHB0e3F1e290e/////v7+52hpXR5gPT09YaKkJSXnaWorHF2fYCEi/39/cvNz4uPlYOHjXd8gurr7NDS1NTV2OTl57Cztvb393B1fL/BxcLEx83P0cbIy7u9wODh4oiMkqCjqHuAhpiboKuusrK1uairr7W3u4+TmNrc3e/w8Nna3CFgfjEAAAAadFJOUwAf1+qEDBNR7uR0BbcsM9/z+ZDI0sORofR6TLyTQAAAA+pJREFUWMO1Wddi6jAMZRN22UXOgEDYe4/S9f8fdQMkvWkjOzbg8wBt4pwIWZI1QqFgZHLJRr1aKUSLxWihUq03krlM6AnIp7Ov4MNrNp1/kLcWBSqitbvZ4+kIBCCSjt9BnIgpwAEllhCVOPYCnHiJCUmeTIEAUklu4nAWBJENc4qsgDAUHsEzJbgLpUAvSpThTpQDTCUcgbsRYSo8l4IHkMoxmBV4CAqVO5yCB5Gi6CQRgYcRQfcyU4YnoIzZYAmeghLig/Ak+PwyrDyLWvm7lVl4GrJi6pj3tPPborveTM1jR0gl8RSTdjqeEQ+Ga5NJn/KeDTH6usH0iyD4PjK4Yx5noZ5W/eWMUDA86dQzLREodPtdJQwMW4FixymG19wSNqwlRXDF1XYav39SSSCGTfzZtEONh6Up4YGxw8OUk32hN98IH4we+vgtZ6vdL/OVG9VJ7UqNZYw9lZuaTNpYrknTR3tCBPBO0whmHxsRZqLuKDaCxLyOKkRNPvH4l0Fy/gURBGIlr5lQDtG04W6QNnI8Q1sTsvy4eqc1tX1p3OvbaDq3yRIRO4dF6pYrjAaH2x8m6Jalw+HyzjHAmHw4huQs/EKjdoOxiS3Q3XeAql5eahGyAuiSJrSbzebOlZogtt0I1f0Xx1Tqy1sd6s4vZe/9LPVQ1X9xSKdub3FqxLSroYr/okGj7syhM3Oo9Vardfx2Vy78LJVQQYBas4XTujfqW0RnUBewCDKhUlu2ZbQcal3XBz8O8IZFkaLANmrka3BZ4Ne16WcpYtRLOjUZ4dQtjBpRiPn/gblp49tDTU4OtW7fOLuqm7UxhSDbOHCj09H9fw9zVZ3D/hLm7HixIk6s2zkLV4BtI2J8P8ru3g7sPRkP7F9iDq7Xh4e+QZbtX6cc4jG28SEuc/3ht0hs2LgkORZxP+wvy3vn+jbsnKlijg6wFYupGsZRx8KTHdEsEeYteqY3KOnvWoB51qSkwjn0ur59UB2XowA7wGwchrzMG5zZPsBopUbf4GNezellByWZhA5XLjJqAz2hzNOSZL37APMt6aO38s5BSlnMqU1AejrpRI8NK9mxpvQna4wk2NX4giq5waqU8qzU/Sfh0Uao6JM+q8PALjg87L3z+q+9rHXWE+mAMumPakZe59bYdXqcoyL17qknNQ0opmMcJekvuCpXT0Ft1gRXIe2X+rMftDLGW/67+LiZnBnc3IqL9nDMa317EO7jcLRa7HpvtBNvtfA0iPR9n2dLfA0iiW0tmc04mS1EiY1Pme1amU1mma1xmQ19mWMImcMTmSMfqYMqmeM1qUNBmaNMqQNYqWNjucPuh0b0/wDph5xSvd/eSAAAAABJRU5ErkJggg==)} | 9 | +footer li .line{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADJUExURQAAAHN7e290e291e3B1fHuFhXKAgHF2fXB0fG90fG91e4yMjG91fHR6gHJ3f3B1e290fHB1fHB1fHB0fHB1fG90fHF0e3B1fHB0e3F1e290e/////v7+52hpXR5gPT09YaKkJSXnaWorHF2fYCEi/39/cvNz4uPlYOHjXd8gurr7NDS1NTV2OTl57Cztvb393B1fL/BxcLEx83P0cbIy7u9wODh4oiMkqCjqHuAhpiboKuusrK1uairr7W3u4+TmNrc3e/w8Nna3CFgfjEAAAAadFJOUwAf1+qEDBNR7uR0BbcsM9/z+ZDI0sORofR6TLyTQAAAA+pJREFUWMO1Wddi6jAMZRN22UXOgEDYe4/S9f8fdQMkvWkjOzbg8wBt4pwIWZI1QqFgZHLJRr1aKUSLxWihUq03krlM6AnIp7Ov4MNrNp1/kLcWBSqitbvZ4+kIBCCSjt9BnIgpwAEllhCVOPYCnHiJCUmeTIEAUklu4nAWBJENc4qsgDAUHsEzJbgLpUAvSpThTpQDTCUcgbsRYSo8l4IHkMoxmBV4CAqVO5yCB5Gi6CQRgYcRQfcyU4YnoIzZYAmeghLig/Ak+PwyrDyLWvm7lVl4GrJi6pj3tPPborveTM1jR0gl8RSTdjqeEQ+Ga5NJn/KeDTH6usH0iyD4PjK4Yx5noZ5W/eWMUDA86dQzLREodPtdJQwMW4FixymG19wSNqwlRXDF1XYav39SSSCGTfzZtEONh6Up4YGxw8OUk32hN98IH4we+vgtZ6vdL/OVG9VJ7UqNZYw9lZuaTNpYrknTR3tCBPBO0whmHxsRZqLuKDaCxLyOKkRNPvH4l0Fy/gURBGIlr5lQDtG04W6QNnI8Q1sTsvy4eqc1tX1p3OvbaDq3yRIRO4dF6pYrjAaH2x8m6Jalw+HyzjHAmHw4huQs/EKjdoOxiS3Q3XeAql5eahGyAuiSJrSbzebOlZogtt0I1f0Xx1Tqy1sd6s4vZe/9LPVQ1X9xSKdub3FqxLSroYr/okGj7syhM3Oo9Vardfx2Vy78LJVQQYBas4XTujfqW0RnUBewCDKhUlu2ZbQcal3XBz8O8IZFkaLANmrka3BZ4Ne16WcpYtRLOjUZ4dQtjBpRiPn/gblp49tDTU4OtW7fOLuqm7UxhSDbOHCj09H9fw9zVZ3D/hLm7HixIk6s2zkLV4BtI2J8P8ru3g7sPRkP7F9iDq7Xh4e+QZbtX6cc4jG28SEuc/3ht0hs2LgkORZxP+wvy3vn+jbsnKlijg6wFYupGsZRx8KTHdEsEeYteqY3KOnvWoB51qSkwjn0ur59UB2XowA7wGwchrzMG5zZPsBopUbf4GNezellByWZhA5XLjJqAz2hzNOSZL37APMt6aO38s5BSlnMqU1AejrpRI8NK9mxpvQna4wk2NX4giq5waqU8qzU/Sfh0Uao6JM+q8PALjg87L3z+q+9rHXWE+mAMumPakZe59bYdXqcoyL17qknNQ0opmMcJekvuCpXT0Ft1gRXIe2X+rMftDLGW/67+LiZnBnc3IqL9nDMa317EO7jcLRa7HpvtBNvtfA0iPR9n2dLfA0iiW0tmc04mS1EiY1Pme1amU1mma1xmQ19mWMImcMTmSMfqYMqmeM1qUNBmaNMqQNYqWNjucPuh0b0/wDph5xSvd/eSAAAAABJRU5ErkJggg==);background-size:cover} |
10 | footer li .line:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADtUExURQAAAADFAADEAADEAADMAADDAADFAADbAADDAADJAADEAADFAADEAADEAADFAADDAADEAADDAADDAADDAADEAADEAAD/AADDAADDAADDAADFAADGAADDAADEAADDAP////j9+AnFCSvNK/v++0LSQlPWUx/KHyTLJO/776TppF/ZX5vnm+v6667srqfrpxHHEQzGDIbjhuL44nzgfG3dbTjQOOj56FrYWpDlkETTREvVS5Xmlc3zzb/wvzDPMMTxxD/SP2bbZvP88xjJGKDooGPaY7bttrPts9X11XXfddn22VTXVI3kjdz23O367UypL6YAAAAedFJOUwBR7IYM2R8E7xOCLfbDkPzc4vO35XUBQJmnXTrIx0/GRgoAAAQMSURBVFjDxVnpWuowEEX2VVRAVictRVbZQRZRUHDX+/6Pc9PSYqWTNqX03vPDj69pTsfJzORk4vFYIxQr+PKJgDeeTMa9gUTeV4iFPM4RKkYTcTAgnogWHdFfZnNeYMKby14eSOzPnIEFzjL+A4gj0TBwIByN2LXYdwGcuPDZsvzkHGzg/ISbOJgCm0gFOU0Og22EeQwPncJBOLUM80gJDkTJIlSCATgYAVOHx9LgAOmYCXMYHCHM5A6mwSHSDJ9EAuAYAXQtQyU4AkpYDJ7CUXCK5CAcCYa8DIaPRR3eX8oUHA0pe+4Qx5PhtNVptL5G85otl/hN6/O4v5CIDvWXUdW0fuv3Bh/7vWp/QBAsmyJ7jk+XLMzdqraRCAO370zyi5/EiTJe6fWZxDIG1yzu6M7TjMAbfxMLtLuMANS8ncHHRxKxxOABn5tRNRKuZKaEB/UKrn22uiqLDt4RPggrdHpWoc5hQ0PCi3oZm59TiimmGGcSNzX56GFaUy6uRWSge0tsoIWZXWQE9ZTYwpgR2gkkuSV71PcIdYK6Ou7YaEKQ6I6HPDHki3WtBlVa2x+LGf1af7xUoq3ZFEinXKMoq8PkDiGJeQpIeGjGzKG7/TEBkCSAtby6bYC2ZmZNK1UIdQGrp32NugLi9getQ4KgfrQD0CA0lssUG+3NMlZZ88aHL0xq+asqdfWXsydGljwWIB9salji1EMsRBDJdMuipttWta5Si5VKZdbW3vxChJTHyw4QA/U1Ne5a87WSAIQdIl4PEtYDJrVEy9xKpRZFsbcrYn0ksD1J48MFk5oMlG3F6OuRkSWJUW/Y1HJUY9QVjBpxyKNuQpOiraNW7JOpe3Tg+V59UephDkGWcWfQTH0gfG6z8VPOc5qInf1lxOqTFws+WP5e9xVpwFxO+4ZS+dfrgRbHz+yMocGHpAxMNLOfbijkWBSI9of+95J+RNnXRbSq5rEt4s1eTX3EOPK43JvbYl4whF8Bfb6xwSygWzotqjFc7b05dIe8FWAbmFzkuff0Kc5MNzA0RCjKN3zMbYZYTZgo4No3D/OLaKKDiyyR3H3lsJkp34ssYaYWk/ohuulHmOFycot1y0zsSO/smTkTEax5/O6JKVHnJvOyZtJ9F+LNVwHNQbPzoyrdWQcO3YF0Nezs51BLNJuRsTgm7VXxtt4Zn+bndL/V4W7PMzppWjV/NcpxJP0FzeVPI6s2a4TrIK1LIc1ky/O/j/v4r51QFeI/z9btW7/dHo68EUqtru0+Dker5Z2Q1wf7rRaeBlF3UuNZEkODyMW2lpvNuCO1EK9C/7bx6Wa71s0ms5utcTcb+k6uIa4i/+/yxM0rH1cvqty8XnP1UtDNq0xXL2BdvTZ29bLb2RX9X4qeARqbUFewAAAAAElFTkSuQmCC)} | 10 | footer li .line:hover{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAADtUExURQAAAADFAADEAADEAADMAADDAADFAADbAADDAADJAADEAADFAADEAADEAADFAADDAADEAADDAADDAADDAADEAADEAAD/AADDAADDAADDAADFAADGAADDAADEAADDAP////j9+AnFCSvNK/v++0LSQlPWUx/KHyTLJO/776TppF/ZX5vnm+v6667srqfrpxHHEQzGDIbjhuL44nzgfG3dbTjQOOj56FrYWpDlkETTREvVS5Xmlc3zzb/wvzDPMMTxxD/SP2bbZvP88xjJGKDooGPaY7bttrPts9X11XXfddn22VTXVI3kjdz23O367UypL6YAAAAedFJOUwBR7IYM2R8E7xOCLfbDkPzc4vO35XUBQJmnXTrIx0/GRgoAAAQMSURBVFjDxVnpWuowEEX2VVRAVictRVbZQRZRUHDX+/6Pc9PSYqWTNqX03vPDj69pTsfJzORk4vFYIxQr+PKJgDeeTMa9gUTeV4iFPM4RKkYTcTAgnogWHdFfZnNeYMKby14eSOzPnIEFzjL+A4gj0TBwIByN2LXYdwGcuPDZsvzkHGzg/ISbOJgCm0gFOU0Og22EeQwPncJBOLUM80gJDkTJIlSCATgYAVOHx9LgAOmYCXMYHCHM5A6mwSHSDJ9EAuAYAXQtQyU4AkpYDJ7CUXCK5CAcCYa8DIaPRR3eX8oUHA0pe+4Qx5PhtNVptL5G85otl/hN6/O4v5CIDvWXUdW0fuv3Bh/7vWp/QBAsmyJ7jk+XLMzdqraRCAO370zyi5/EiTJe6fWZxDIG1yzu6M7TjMAbfxMLtLuMANS8ncHHRxKxxOABn5tRNRKuZKaEB/UKrn22uiqLDt4RPggrdHpWoc5hQ0PCi3oZm59TiimmGGcSNzX56GFaUy6uRWSge0tsoIWZXWQE9ZTYwpgR2gkkuSV71PcIdYK6Ou7YaEKQ6I6HPDHki3WtBlVa2x+LGf1af7xUoq3ZFEinXKMoq8PkDiGJeQpIeGjGzKG7/TEBkCSAtby6bYC2ZmZNK1UIdQGrp32NugLi9getQ4KgfrQD0CA0lssUG+3NMlZZ88aHL0xq+asqdfWXsydGljwWIB9salji1EMsRBDJdMuipttWta5Si5VKZdbW3vxChJTHyw4QA/U1Ne5a87WSAIQdIl4PEtYDJrVEy9xKpRZFsbcrYn0ksD1J48MFk5oMlG3F6OuRkSWJUW/Y1HJUY9QVjBpxyKNuQpOiraNW7JOpe3Tg+V59UephDkGWcWfQTH0gfG6z8VPOc5qInf1lxOqTFws+WP5e9xVpwFxO+4ZS+dfrgRbHz+yMocGHpAxMNLOfbijkWBSI9of+95J+RNnXRbSq5rEt4s1eTX3EOPK43JvbYl4whF8Bfb6xwSygWzotqjFc7b05dIe8FWAbmFzkuff0Kc5MNzA0RCjKN3zMbYZYTZgo4No3D/OLaKKDiyyR3H3lsJkp34ssYaYWk/ohuulHmOFycot1y0zsSO/smTkTEax5/O6JKVHnJvOyZtJ9F+LNVwHNQbPzoyrdWQcO3YF0Nezs51BLNJuRsTgm7VXxtt4Zn+bndL/V4W7PMzppWjV/NcpxJP0FzeVPI6s2a4TrIK1LIc1ky/O/j/v4r51QFeI/z9btW7/dHo68EUqtru0+Dker5Z2Q1wf7rRaeBlF3UuNZEkODyMW2lpvNuCO1EK9C/7bx6Wa71s0ms5utcTcb+k6uIa4i/+/yxM0rH1cvqty8XnP1UtDNq0xXL2BdvTZ29bLb2RX9X4qeARqbUFewAAAAAElFTkSuQmCC)} |
11 | -footer li .youtube{background:url(data:image/png;base64,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)} | ||
12 | -footer li .youtube:hover{background:url(data:image/png;base64,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)} | ||
11 | +footer li .youtube{background:url(data:image/png;base64,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);background-size:cover} | ||
12 | +footer li .youtube:hover{background:url(data:image/png;base64,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)} | ||
13 | +@media only screen and (max-width:767px){footer{background:#373c43} | ||
14 | +footer .layout-row{width:auto} | ||
15 | +footer .cr{padding-top:20px;font:14px/2 'Raleway Medium';text-align:center} | ||
16 | +footer ul{width:auto;padding:10px 60px 30px;float:none;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} | ||
17 | +footer p{float:none} | ||
18 | +footer li a{display:block;width:60px;height:60px}} |
static/html/home/about/about_1e8777b.css
0 → 100644
1 | +.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) no-repeat 50% 0;height:482px} | ||
2 | +.about-section .layout-row{color:#fff;width:1140px;padding-top:70px;padding-left:520px;position:relative} | ||
3 | +.about-section .layout-row .content{position:absolute;left:0;top:0;width:480px} | ||
4 | +.about-section .layout-row .ul{max-width:610px;margin-left:auto;margin-top:80px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} | ||
5 | +.about-section .layout-row .ul a{color:#fff} | ||
6 | +.about-section .layout-row .ul li{width:178px;height:187px;border:1px solid #999b9e;box-sizing:border-box;padding-top:108px;font:28px/70px '黑体';text-align:center} | ||
7 | +.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)} | ||
8 | +.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px} | ||
9 | +.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px} | ||
10 | +.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px} | ||
11 | +.about-section h2{text-align:center} | ||
12 | +.about-section .mt30{margin-top:30px} | ||
13 | +@media only screen and (max-width:767px){.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) repeat-y 50% 0;height:auto} | ||
14 | +.about-section .layout-row{color:#fff;width:auto;padding:70px 20px;text-align:justify;position:relative} | ||
15 | +.about-section .layout-row .content{position:static;left:0;top:0;width:auto} | ||
16 | +.about-section .layout-row .ul{max-width:none;margin-top:40px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} | ||
17 | +.about-section .layout-row .ul a{color:#fff} | ||
18 | +.about-section .layout-row .ul li{width:178px;height:187px;border:1px solid #999b9e;box-sizing:border-box;padding-top:108px;font:28px/70px '黑体';text-align:center} | ||
19 | +.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)} | ||
20 | +.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px} | ||
21 | +.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px} | ||
22 | +.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px} | ||
23 | +.about-section h2{text-align:center} | ||
24 | +.about-section .mt30{margin-top:30px}} |
1 | -.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) no-repeat 50% 0;height:482px} | ||
2 | -.about-section .layout-row{color:#fff;width:1140px;padding-top:70px} | ||
3 | -.about-section .layout-row .content{float:left;width:480px} | ||
4 | -.about-section .layout-row .ul{float:right;width:610px;margin-top:80px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between} | ||
5 | -.about-section .layout-row .ul a{color:#fff} | ||
6 | -.about-section .layout-row .ul li{width:178px;height:187px;border:1px solid #999b9e;box-sizing:border-box;padding-top:108px;font:28px/70px '黑体';text-align:center} | ||
7 | -.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)} | ||
8 | -.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px} | ||
9 | -.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px} | ||
10 | -.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px} | ||
11 | -.about-section h2{text-align:center} | ||
12 | -.about-section .mt30{margin-top:30px} |
@@ -5,4 +5,9 @@ | @@ -5,4 +5,9 @@ | ||
5 | .contact-section .main-content .phone{font:48px/50px 'LiHei Pro';color:#000;text-align:center} | 5 | .contact-section .main-content .phone{font:48px/50px 'LiHei Pro';color:#000;text-align:center} |
6 | .contact-section h2{text-align:center} | 6 | .contact-section h2{text-align:center} |
7 | .contact-section .t-cn{color:#4a494a} | 7 | .contact-section .t-cn{color:#4a494a} |
8 | -.contact-section .t-en{color:#9b9a9b;padding-bottom:20px} | ||
8 | +.contact-section .t-en{color:#9b9a9b;padding-bottom:20px} | ||
9 | +@media only screen and (max-width:767px){.contact-section{height:740px;background:url(/static/html/home/img/bg_contact_4d0a216.png) no-repeat 50% 0;overflow:hidden} | ||
10 | +.contact-section .main-content{margin:50px 20px 0;height:auto;background:#fff;box-shadow:0 0 1px 1px #ccc;box-sizing:border-box;padding:50px 20px 20px;width:auto} | ||
11 | +.contact-section .main-content p{margin-top:30px;font-size:17px;color:#4a494a} | ||
12 | +.contact-section .main-content .tc{text-align:center;padding:35px 0 20px} | ||
13 | +.contact-section .main-content .phone{font:42px/50px 'LiHei Pro';color:#000;text-align:center}} |
@@ -2,7 +2,7 @@ | @@ -2,7 +2,7 @@ | ||
2 | <h2 class="t-cn">訓練課程</h2> | 2 | <h2 class="t-cn">訓練課程</h2> |
3 | <h2 class="t-en">COURSES</h2> | 3 | <h2 class="t-en">COURSES</h2> |
4 | <div class="carousel-outer layout-row"> | 4 | <div class="carousel-outer layout-row"> |
5 | -<div id="carousel-example-generic" class="carousel slide" data-ride="carousel"> | 5 | +<div id="carousel-example-generic" class="carousel slide"> |
6 | <ol class="carousel-indicators"> | 6 | <ol class="carousel-indicators"> |
7 | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> | 7 | <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> |
8 | <li data-target="#carousel-example-generic" data-slide-to="1"></li> | 8 | <li data-target="#carousel-example-generic" data-slide-to="1"></li> |
static/html/home/course/course_4787791.js
0 → 100644
1 | +define("modules/html/home/course/course",function(o,e,u){var i=o("modules/lib/jquery");o("modules/lib/bootstrap"),u.exports={init:function(){i(window).width()>900&&i(".carousel").carousel()}}}); |
1 | -define("modules/html/home/course/course",function(o,e,u){o("modules/lib/jquery");o("modules/lib/bootstrap"),u.exports={init:function(){}}}); |
1 | .course-section{height:765px;background:url(/static/html/home/img/bg_course_b616c02.png) no-repeat 50% 0} | 1 | .course-section{height:765px;background:url(/static/html/home/img/bg_course_b616c02.png) no-repeat 50% 0} |
2 | +.course-section .course-section .glyphicon-chevron-left{left:-50px!important} | ||
3 | +.course-section .course-section .glyphicon-chevron-right{right:-50px!important} | ||
2 | .course-section .carousel-control{background:none!important} | 4 | .course-section .carousel-control{background:none!important} |
3 | .course-section .carousel-indicators{bottom:-48px} | 5 | .course-section .carousel-indicators{bottom:-48px} |
4 | .course-section .carousel-indicators li{border-color:transparent;background:#cecece} | 6 | .course-section .carousel-indicators li{border-color:transparent;background:#cecece} |
@@ -12,20 +14,33 @@ | @@ -12,20 +14,33 @@ | ||
12 | .course-section .glyphicon-chevron-left:hover{background:url(/static/html/home/img/icon_left_hover_d32d9b1.png) no-repeat} | 14 | .course-section .glyphicon-chevron-left:hover{background:url(/static/html/home/img/icon_left_hover_d32d9b1.png) no-repeat} |
13 | .course-section .t-cn{padding-top:70px;color:#4a494a} | 15 | .course-section .t-cn{padding-top:70px;color:#4a494a} |
14 | .course-section h2{text-align:center} | 16 | .course-section h2{text-align:center} |
15 | -.course-section .carousel-outer{width:1210px} | ||
16 | -.course-section .caro-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;width:1210px} | 17 | +.course-section .carousel-outer{max-width:1210px;min-width:1063px} |
18 | +.course-section .caro-item{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;max-width:1210px;min-width:1063px} | ||
17 | .course-section .caro-item li{box-sizing:border-box;padding-top:200px;color:#fff;font-family:"LiHei Pro"} | 19 | .course-section .caro-item li{box-sizing:border-box;padding-top:200px;color:#fff;font-family:"LiHei Pro"} |
18 | .course-section .caro-item li span{display:block;text-align:center} | 20 | .course-section .caro-item li span{display:block;text-align:center} |
19 | .course-section .caro-item li .sp-cn{line-height:24px;font-size:20px;height:35px} | 21 | .course-section .caro-item li .sp-cn{line-height:24px;font-size:20px;height:35px} |
20 | .course-section .caro-item li .sp-cn:before{background:url(/static/html/home/img/icon_arraw_white_943b5f6.png);width:24px;height:24px;display:inline-block;content:' ';margin-right:6px;vertical-align:top} | 22 | .course-section .caro-item li .sp-cn:before{background:url(/static/html/home/img/icon_arraw_white_943b5f6.png);width:24px;height:24px;display:inline-block;content:' ';margin-right:6px;vertical-align:top} |
21 | .course-section .caro-item li .sp-en{font-size:18px;opacity:.8} | 23 | .course-section .caro-item li .sp-en{font-size:18px;opacity:.8} |
22 | -.course-section .caro-item .gravity{width:285px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover} | ||
23 | -.course-section .caro-item .rehab{width:256px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover} | ||
24 | -.course-section .caro-item .personal{width:285px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover} | ||
25 | -.course-section .caro-item .pilates{width:248px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover} | 24 | +.course-section .caro-item .gravity{width:280px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover} |
25 | +.course-section .caro-item .rehab{width:250px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover} | ||
26 | +.course-section .caro-item .personal{width:280px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover} | ||
27 | +.course-section .caro-item .pilates{width:250px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover} | ||
26 | .course-section .caro-item .reservation{width:133px;height:40px;box-sizing:border-box;border:2px solid #fff;line-height:36px;display:block;font-size:20px;color:#fff;border-radius:20px;text-align:center;margin:95px auto 0;text-decoration:none} | 28 | .course-section .caro-item .reservation{width:133px;height:40px;box-sizing:border-box;border:2px solid #fff;line-height:36px;display:block;font-size:20px;color:#fff;border-radius:20px;text-align:center;margin:95px auto 0;text-decoration:none} |
27 | .course-section .caro-item .reservation:hover{background:#F6A623;border-color:#F6A623} | 29 | .course-section .caro-item .reservation:hover{background:#F6A623;border-color:#F6A623} |
28 | .banner-section{padding-top:70px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px} | 30 | .banner-section{padding-top:70px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px} |
29 | .banner-section p{width:622px;height:92px;box-sizing:border-box;font:36px/92px "LiHei Pro";margin:0 auto;color:#fff;text-align:center;border:2px solid #fff} | 31 | .banner-section p{width:622px;height:92px;box-sizing:border-box;font:36px/92px "LiHei Pro";margin:0 auto;color:#fff;text-align:center;border:2px solid #fff} |
30 | .banner-section a{display:block;border:1px solid #fff;width:125px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none} | 32 | .banner-section a{display:block;border:1px solid #fff;width:125px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none} |
31 | -.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none} | ||
33 | +.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none} | ||
34 | +@media screen and (max-width:1300px) and (min-width:1063px){.course-section .glyphicon-chevron-left{left:20px!important} | ||
35 | +.course-section .glyphicon-chevron-right{right:20px!important}} | ||
36 | +@media only screen and (max-width:767px){.course-section{height:auto;background:url(/static/html/home/img/bg_course_b616c02.png) repeat-y 50% 0} | ||
37 | +.course-section .carousel-control{display:none} | ||
38 | +.course-section .carousel-indicators{display:none} | ||
39 | +.course-section .t-cn{padding-top:70px;color:#4a494a} | ||
40 | +.course-section .carousel-outer{max-width:none;min-width:0} | ||
41 | +.course-section .caro-item{display:block;max-width:none;min-width:0} | ||
42 | +.course-section .caro-item li{margin:20px auto;width:280px!important} | ||
43 | +.banner-section{padding-top:90px;box-sizing:border-box;background:#6c7279 url(/static/html/home/img/banner_1854202.png) no-repeat 50% 0;height:302px} | ||
44 | +.banner-section p{width:auto;height:60px;box-sizing:border-box;margin:0 20px;font:18px/60px "LiHei Pro";color:#fff;text-align:center;border:2px solid #fff} | ||
45 | +.banner-section a{display:block;border:1px solid #fff;width:125px;height:40px;font-size:20px;line-height:40px;margin:30px auto 0;text-align:center;color:#fff;text-decoration:none} | ||
46 | +.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}} |
static/html/home/home/Kristi_e15690e.woff2
0 → 100644
No preview for this file type
1 | <section class="home-section" id="home-section"> | 1 | <section class="home-section" id="home-section"> |
2 | +<div class="slogan"> | ||
3 | +<h2>RENEW YOUR BODY</h2> | ||
4 | +<p class="txt-en">A NEW WAT TO CHANGE YOUR FITNESS LIFE</p> | ||
5 | +<p class="txt-cn">全方位引力自重訓練課程</p> | ||
6 | +</div> | ||
2 | <div class="button-nav"> | 7 | <div class="button-nav"> |
3 | <a href="#">會員課程預約</a> | 8 | <a href="#">會員課程預約</a> |
4 | <a href="#" class="free-test">免費體能測試</a> | 9 | <a href="#" class="free-test">免費體能測試</a> |
static/html/home/home/home_37af534.css
0 → 100644
1 | +@font-face{font-family:Kristi;font-style:normal;font-weight:400;src:local('Kristi'),url(/static/html/home/home/Kristi_e15690e.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2212,U+2215} | ||
2 | +.home-section{background:#7f7f7e url(/static/html/home/img/bg_top_67982e7.png) no-repeat 50% 0;height:900px} | ||
3 | +.home-section .slogan{text-align:center;color:#fff} | ||
4 | +.home-section .slogan h2{padding-top:230px;font:190px/200px Kristi,'Nixie One',Raleway,"Helvetica Neue",Helvetica} | ||
5 | +.home-section .slogan .txt-en{padding-top:10px;font:37px/40px 'Raleway Medium'} | ||
6 | +.home-section .slogan .txt-cn{padding-top:25px;font:48px/50px 'LiHei Pro'} | ||
7 | +.home-section .button-nav{text-align:center;position:relative;margin-top:50px} | ||
8 | +.home-section .button-nav a{width:194px;height:52px;border:4px solid #696663;display:inline-block;border-radius:30px;font:24px/46px '黑体';color:#fff} | ||
9 | +.home-section .button-nav a:hover{background:#46B7EB;text-decoration:none} | ||
10 | +.home-section .free-test{margin-left:45px} | ||
11 | +.home-section .mouse{background:url(/static/html/home/img/mouse_f189b76.png);width:33px;height:67px;position:fixed;left:50%;margin-left:-16px;top:100%;margin-top:-80px} | ||
12 | +@media only screen and (max-width:767px){.home-section{background-size:cover;height:550px} | ||
13 | +.home-section .slogan{text-align:center;color:#fff} | ||
14 | +.home-section .slogan h2{padding-top:180px;font:72px/80px Kristi,'Nixie One',Raleway,"Helvetica Neue",Helvetica} | ||
15 | +.home-section .slogan .txt-en{padding-top:10px;font:12px/14px 'Raleway Medium'} | ||
16 | +.home-section .slogan .txt-cn{padding-top:25px;font:16px/18px 'LiHei Pro'} | ||
17 | +.home-section .button-nav{text-align:center;position:relative;margin-top:50px} | ||
18 | +.home-section .button-nav a{width:160px;height:40px;border:4px solid #696663;border-radius:20px;font:18px/36px '黑体'} | ||
19 | +.home-section .free-test{margin-left:10px} | ||
20 | +.home-section .mouse{display:none}} |
1 | -.home-section{background:#7f7f7e url(/static/html/home/img/bg_top_c770034.jpg) no-repeat 50% 0;height:900px} | ||
2 | -.home-section .button-nav{text-align:center;position:relative;top:590px} | ||
3 | -.home-section .button-nav a{width:194px;height:52px;border:4px solid #696663;display:inline-block;border-radius:30px;font:24px/46px '黑体';color:#fff} | ||
4 | -.home-section .button-nav a:hover{background:#46B7EB;text-decoration:none} | ||
5 | -.home-section .free-test{margin-left:45px} | ||
6 | -.home-section .mouse{background:url(/static/html/home/img/mouse_f189b76.png);width:33px;height:67px;position:absolute;left:50%;margin-left:-16px;top:100%;margin-top:-80px} |
@@ -2,11 +2,17 @@ | @@ -2,11 +2,17 @@ | ||
2 | <div class="nav-bg"></div> | 2 | <div class="nav-bg"></div> |
3 | <div class="layout-row"> | 3 | <div class="layout-row"> |
4 | <a class="logo">RENEW</a> | 4 | <a class="logo">RENEW</a> |
5 | -<ul> | 5 | +<ul class="nav-ul"> |
6 | <li><a href="#home-section" class="nav-home">首頁</a></li> | 6 | <li><a href="#home-section" class="nav-home">首頁</a></li> |
7 | <li><a href="#about-section" class="nav-about">關於我們</a></li> | 7 | <li><a href="#about-section" class="nav-about">關於我們</a></li> |
8 | -<li><a href="#course-section" class="nav-course">訓練課程</a></li> | 8 | +<li><a href="#course-section" class="nav-course">課程訓練</a></li> |
9 | <li><a href="#contact-section" class="nav-contact">聯系我們</a></li> | 9 | <li><a href="#contact-section" class="nav-contact">聯系我們</a></li> |
10 | </ul> | 10 | </ul> |
11 | +<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar"> | ||
12 | +<span class="sr-only">Toggle navigation</span> | ||
13 | +<span class="icon-bar"></span> | ||
14 | +<span class="icon-bar"></span> | ||
15 | +<span class="icon-bar"></span> | ||
16 | +</button> | ||
11 | </div> | 17 | </div> |
12 | </nav> | 18 | </nav> |
1 | .nav{width:100%;height:112px;position:fixed;z-index:10;left:0;top:0} | 1 | .nav{width:100%;height:112px;position:fixed;z-index:10;left:0;top:0} |
2 | +.nav .navbar-toggle{display:none} | ||
2 | .nav .nav-bg{left:0;top:0;background:#373c43;position:fixed;opacity:0;width:100%;height:112px} | 3 | .nav .nav-bg{left:0;top:0;background:#373c43;position:fixed;opacity:0;width:100%;height:112px} |
3 | .nav .row{position:relative} | 4 | .nav .row{position:relative} |
4 | .nav .logo{position:absolute;left:128px;top:29px;background:url(/static/html/nav/img/logo_9c89981.png) no-repeat;padding-left:76px;height:54px;font:24px/54px 'LiHei Pro';color:#fff} | 5 | .nav .logo{position:absolute;left:128px;top:29px;background:url(/static/html/nav/img/logo_9c89981.png) no-repeat;padding-left:76px;height:54px;font:24px/54px 'LiHei Pro';color:#fff} |
5 | .nav ul{top:29px;right:128px;position:absolute} | 6 | .nav ul{top:29px;right:128px;position:absolute} |
6 | .nav ul li{float:left;margin-left:60px;font:18px/54px 'LiHei Pro'} | 7 | .nav ul li{float:left;margin-left:60px;font:18px/54px 'LiHei Pro'} |
7 | .nav ul li a{color:#fff;text-decoration:none} | 8 | .nav ul li a{color:#fff;text-decoration:none} |
8 | -.nav ul li .current{color:#f6a623} | ||
9 | -.nav ul li .nav-home{color:#fff} | ||
9 | +.nav ul li .nav-home{color:#fff} | ||
10 | +.nav ul .current a{color:#f6a623} | ||
11 | +@media only screen and (max-width:767px){.nav{height:48px;z-index:10;left:0;top:0;background:#373c43} | ||
12 | +.nav .layout-row{position:relative} | ||
13 | +.nav .navbar-toggle{display:block;position:absolute;right:0;top:0} | ||
14 | +.nav .navbar-toggle .icon-bar{background:#fff} | ||
15 | +.nav .nav-bg{height:48px;display:none} | ||
16 | +.nav .logo{display:none} | ||
17 | +.nav ul{position:static;text-align:center;transition:height .1s;-webkit-transition:height .1s} | ||
18 | +.nav ul li{display:none;float:none;margin-left:0;font:18px/48px 'LiHei Pro';border-top:1px solid #5d6069;background:#373c43} | ||
19 | +.nav ul .current{display:block} | ||
20 | +.nav ul .current a{color:#fff} | ||
21 | +.nav ul.on-active li{display:block} | ||
22 | +.nav ul.on-active .current a{color:#f6a623}} | ||
23 | +@media only screen and (max-width:900px){.nav .logo{left:30px} | ||
24 | +.nav ul{right:30px}} |
static/js/slide_61bdbfd.js
0 → 100644
1 | +define("modules/js/slide",function(n){var i=n("modules/lib/jquery"),o={paddingTop:i("#nav").height()+1,rang:["home","about","course","contact"],highLight:function(){for(var n=i(document).scrollTop()+this.paddingTop+1,o=this.rang.length-1,t=o;t>=0;t--){var a=i("#"+this.rang[t]+"-section").offset().top;if(n>a){i("#nav").find("a").parent().removeClass("current"),i(".nav-"+this.rang[t]).parent().addClass("current");break}}var e=i(document).scrollTop()>200?.8:0;i("#nav").find(".nav-bg").stop().animate({opacity:e},{duration:100}),this.$mouse.stop().animate({opacity:i(document).scrollTop()+i(window).height()>900?0:1},{duration:100})},scroll:function(n){i(document.body).animate({scrollTop:n},{duration:500})},bindEvents:function(){var n=this;i(window).on("resize",function(){i(window).width()>900&&i("#nav").find("ul.nav-ul").removeClass("on-active"),n.paddingTop=i("#nav").height()+1}),i("#nav").on("click","a",function(n){var t=i(this).attr("href");t&&"#"===t.charAt(0)&&o.scroll(i(t).offset().top-o.paddingTop),n.preventDefault()}).on("click",".navbar-toggle",function(){i("#nav").find("ul.nav-ul").toggleClass("on-active")}).on("click",".nav-ul li",function(){i("#nav").find("ul.nav-ul").removeClass("on-active")});var n=this;i(window).on("scroll",function(){n.highLight()})},init:function(){this.$mouse=i("#home-section").find(".mouse"),this.highLight(),this.bindEvents()}};i(function(){o.init()})}); |
static/js/slide_67a40c7.js
deleted
100644 → 0
1 | -define("modules/js/slide",function(n){var t=n("modules/lib/jquery"),i={paddingTop:t("#nav").height()+1,rang:["home","about","course","contact"],highLight:function(){for(var n=t(document).scrollTop()+this.paddingTop+1,i=this.rang.length-1,o=i;o>=0;o--){var a=t("#"+this.rang[o]+"-section").offset().top;if(n>a){t("#nav").find("a").removeClass("current"),t(".nav-"+this.rang[o]).addClass("current");break}}var r=t(document).scrollTop()>200?.8:0;t("#nav").find(".nav-bg").stop().animate({opacity:r},{duration:100})},scroll:function(n){t(document.body).animate({scrollTop:n},{duration:500})},bindEvents:function(){t("#nav").on("click","a",function(n){var o=t(this).attr("href");o&&"#"===o.charAt(0)&&i.scroll(t(o).offset().top-i.paddingTop),n.preventDefault()});var n=this;t(window).on("scroll",function(){n.highLight()})},init:function(){this.highLight(),this.bindEvents()}};t(function(){i.init()})}); |
-
Please register or login to post a comment