Authored by Shufeng Zhou

uppp

... ... @@ -8,15 +8,15 @@
<link rel="icon" href="/favicon_3fa142a.ico" type="image/x-icon" />
<title>首页 - Renew</title>
<link rel="stylesheet" type="text/css" href="/static/html/nav/nav_5c3501d.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/home/home_fa96b3c.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/about/about_49e6319.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/course/course_41bef2e.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/contact/contact_8ca5757.css" />
<link rel="stylesheet" type="text/css" href="/static/html/footer/footer_4ec674f.css" />
<link rel="stylesheet" type="text/css" href="/static/html/nav/nav_3be7fe0.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/home/home_37af534.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/about/about_1e8777b.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/course/course_b0f8405.css" />
<link rel="stylesheet" type="text/css" href="/static/html/home/contact/contact_54a805a.css" />
<link rel="stylesheet" type="text/css" href="/static/html/footer/footer_e329bcf.css" />
<link rel="stylesheet" href="/lib/css/bootstrap.min_11679f1.css" />
<link rel="stylesheet" href="/lib/css/bootstrap-theme.min_990674d.css" />
<link rel="stylesheet" href="/static/css/base_e442b99.css" />
<link rel="stylesheet" href="/static/css/base_27bf421.css" />
<link rel="stylesheet" href="/static/css/page_733a35c.css" />
</head>
<body>
... ... @@ -24,15 +24,26 @@
<div class="nav-bg"></div>
<div class="layout-row">
<a class="logo">RENEW</a>
<ul>
<ul class="nav-ul">
<li><a href="#home-section" class="nav-home">首頁</a></li>
<li><a href="#about-section" class="nav-about">關於我們</a></li>
<li><a href="#course-section" class="nav-course">訓練課程</a></li>
<li><a href="#course-section" class="nav-course">課程訓練</a></li>
<li><a href="#contact-section" class="nav-contact">聯系我們</a></li>
</ul>
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</nav>
<section class="home-section" id="home-section">
<div class="slogan">
<h2>RENEW YOUR BODY</h2>
<p class="txt-en">A NEW WAT TO CHANGE YOUR FITNESS LIFE</p>
<p class="txt-cn">全方位引力自重訓練課程</p>
</div>
<div class="button-nav">
<a href="#">會員課程預約</a>
<a href="#" class="free-test">免費體能測試</a>
... ... @@ -58,7 +69,7 @@
<h2 class="t-cn">訓練課程</h2>
<h2 class="t-en">COURSES</h2>
<div class="carousel-outer layout-row">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<div id="carousel-example-generic" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
... ... @@ -184,7 +195,7 @@ require.resourceMap({
"type": "js"
},
"modules/html/home/course/course": {
"url": "/static/html/home/course/course_a77b826.js",
"url": "/static/html/home/course/course_4787791.js",
"type": "js",
"deps": [
"modules/lib/bootstrap"
... ... @@ -198,7 +209,7 @@ require.resourceMap({
<script type="text/javascript" src="/static/html/home/contact/contact_8b7e7d8.js"></script>
<script type="text/javascript" src="/static/html/footer/footer_a5a1613.js"></script>
<script type="text/javascript" src="/static/lib/jquery_ccb031d.js"></script>
<script type="text/javascript" src="/static/js/slide_67a40c7.js"></script>
<script type="text/javascript" src="/static/js/slide_61bdbfd.js"></script>
<script type="text/javascript">
require.async(['modules/html/home/course/course'], function (carousel) {
carousel.init();
... ...
... ... @@ -19,5 +19,5 @@ section,header,nav,footer,article{display:block}
input{outline:0}
a{color:#585858}
a:hover{text-decoration:none}
.layout-row{width:1440px;margin-left:auto;margin-right:auto}
.layout-row{max-width:1440px;margin-left:auto;margin-right:auto}
.flex{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}
\ No newline at end of file
... ...
... ... @@ -4,9 +4,15 @@ footer .cr{font:18px/10 'Raleway Medium';color:#fff}
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}
footer p{float:left}
footer li a{display:block;width:90px;height:90px}
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)}
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}
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)}
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==)}
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}
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)}
footer li .youtube{background:url(data:image/png;base64,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)}
footer li .youtube:hover{background:url(data:image/png;base64,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)}
\ No newline at end of file
footer li .youtube{background:url(data:image/png;base64,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);background-size:cover}
footer li .youtube:hover{background:url(data:image/png;base64,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)}
@media only screen and (max-width:767px){footer{background:#373c43}
footer .layout-row{width:auto}
footer .cr{padding-top:20px;font:14px/2 'Raleway Medium';text-align:center}
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}
footer p{float:none}
footer li a{display:block;width:60px;height:60px}}
\ No newline at end of file
... ...
.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) no-repeat 50% 0;height:482px}
.about-section .layout-row{color:#fff;width:1140px;padding-top:70px;padding-left:520px;position:relative}
.about-section .layout-row .content{position:absolute;left:0;top:0;width:480px}
.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}
.about-section .layout-row .ul a{color:#fff}
.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}
.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)}
.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px}
.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px}
.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px}
.about-section h2{text-align:center}
.about-section .mt30{margin-top:30px}
@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}
.about-section .layout-row{color:#fff;width:auto;padding:70px 20px;text-align:justify;position:relative}
.about-section .layout-row .content{position:static;left:0;top:0;width:auto}
.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}
.about-section .layout-row .ul a{color:#fff}
.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}
.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)}
.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px}
.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px}
.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px}
.about-section h2{text-align:center}
.about-section .mt30{margin-top:30px}}
\ No newline at end of file
... ...
.about-section{background:#595e65 url(/static/html/home/img/bg_about_92c47dd.png) no-repeat 50% 0;height:482px}
.about-section .layout-row{color:#fff;width:1140px;padding-top:70px}
.about-section .layout-row .content{float:left;width:480px}
.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}
.about-section .layout-row .ul a{color:#fff}
.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}
.about-section .layout-row .ul li:hover{background-color:rgba(255,255,255,.3)}
.about-section .layout-row .ul .reset{background:url(/static/html/home/img/icon_reset_4172f3d.png) no-repeat 50% 38px}
.about-section .layout-row .ul .relax{background:url(/static/html/home/img/icon_relax_7693414.png) no-repeat 50% 38px}
.about-section .layout-row .ul .renew{background:url(/static/html/home/img/icon_renew_af8b6ec.png) no-repeat 50% 38px}
.about-section h2{text-align:center}
.about-section .mt30{margin-top:30px}
\ No newline at end of file
... ... @@ -5,4 +5,9 @@
.contact-section .main-content .phone{font:48px/50px 'LiHei Pro';color:#000;text-align:center}
.contact-section h2{text-align:center}
.contact-section .t-cn{color:#4a494a}
.contact-section .t-en{color:#9b9a9b;padding-bottom:20px}
\ No newline at end of file
.contact-section .t-en{color:#9b9a9b;padding-bottom:20px}
@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}
.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}
.contact-section .main-content p{margin-top:30px;font-size:17px;color:#4a494a}
.contact-section .main-content .tc{text-align:center;padding:35px 0 20px}
.contact-section .main-content .phone{font:42px/50px 'LiHei Pro';color:#000;text-align:center}}
\ No newline at end of file
... ...
... ... @@ -2,7 +2,7 @@
<h2 class="t-cn">訓練課程</h2>
<h2 class="t-en">COURSES</h2>
<div class="carousel-outer layout-row">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<div id="carousel-example-generic" class="carousel slide">
<ol class="carousel-indicators">
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
... ...
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()}}});
\ No newline at end of file
... ...
define("modules/html/home/course/course",function(o,e,u){o("modules/lib/jquery");o("modules/lib/bootstrap"),u.exports={init:function(){}}});
\ No newline at end of file
.course-section{height:765px;background:url(/static/html/home/img/bg_course_b616c02.png) no-repeat 50% 0}
.course-section .course-section .glyphicon-chevron-left{left:-50px!important}
.course-section .course-section .glyphicon-chevron-right{right:-50px!important}
.course-section .carousel-control{background:none!important}
.course-section .carousel-indicators{bottom:-48px}
.course-section .carousel-indicators li{border-color:transparent;background:#cecece}
... ... @@ -12,20 +14,33 @@
.course-section .glyphicon-chevron-left:hover{background:url(/static/html/home/img/icon_left_hover_d32d9b1.png) no-repeat}
.course-section .t-cn{padding-top:70px;color:#4a494a}
.course-section h2{text-align:center}
.course-section .carousel-outer{width:1210px}
.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}
.course-section .carousel-outer{max-width:1210px;min-width:1063px}
.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}
.course-section .caro-item li{box-sizing:border-box;padding-top:200px;color:#fff;font-family:"LiHei Pro"}
.course-section .caro-item li span{display:block;text-align:center}
.course-section .caro-item li .sp-cn{line-height:24px;font-size:20px;height:35px}
.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}
.course-section .caro-item li .sp-en{font-size:18px;opacity:.8}
.course-section .caro-item .gravity{width:285px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover}
.course-section .caro-item .rehab{width:256px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover}
.course-section .caro-item .personal{width:285px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover}
.course-section .caro-item .pilates{width:248px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover}
.course-section .caro-item .gravity{width:280px;height:460px;background:url(/static/html/home/img/course1_06890b4.png) no-repeat;background-size:cover}
.course-section .caro-item .rehab{width:250px;height:460px;background:url(/static/html/home/img/course2_14f6176.png) no-repeat;background-size:cover}
.course-section .caro-item .personal{width:280px;height:460px;background:url(/static/html/home/img/course3_555c593.png) no-repeat;background-size:cover}
.course-section .caro-item .pilates{width:250px;height:460px;background:url(/static/html/home/img/course4_854d030.png) no-repeat;background-size:cover}
.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}
.course-section .caro-item .reservation:hover{background:#F6A623;border-color:#F6A623}
.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}
.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}
.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}
.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}
\ No newline at end of file
.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}
@media screen and (max-width:1300px) and (min-width:1063px){.course-section .glyphicon-chevron-left{left:20px!important}
.course-section .glyphicon-chevron-right{right:20px!important}}
@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}
.course-section .carousel-control{display:none}
.course-section .carousel-indicators{display:none}
.course-section .t-cn{padding-top:70px;color:#4a494a}
.course-section .carousel-outer{max-width:none;min-width:0}
.course-section .caro-item{display:block;max-width:none;min-width:0}
.course-section .caro-item li{margin:20px auto;width:280px!important}
.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}
.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}
.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}
.banner-section a:hover{background:#F6A623;color:#fff;text-decoration:none}}
\ No newline at end of file
... ...
No preview for this file type
<section class="home-section" id="home-section">
<div class="slogan">
<h2>RENEW YOUR BODY</h2>
<p class="txt-en">A NEW WAT TO CHANGE YOUR FITNESS LIFE</p>
<p class="txt-cn">全方位引力自重訓練課程</p>
</div>
<div class="button-nav">
<a href="#">會員課程預約</a>
<a href="#" class="free-test">免費體能測試</a>
... ...
@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}
.home-section{background:#7f7f7e url(/static/html/home/img/bg_top_67982e7.png) no-repeat 50% 0;height:900px}
.home-section .slogan{text-align:center;color:#fff}
.home-section .slogan h2{padding-top:230px;font:190px/200px Kristi,'Nixie One',Raleway,"Helvetica Neue",Helvetica}
.home-section .slogan .txt-en{padding-top:10px;font:37px/40px 'Raleway Medium'}
.home-section .slogan .txt-cn{padding-top:25px;font:48px/50px 'LiHei Pro'}
.home-section .button-nav{text-align:center;position:relative;margin-top:50px}
.home-section .button-nav a{width:194px;height:52px;border:4px solid #696663;display:inline-block;border-radius:30px;font:24px/46px '黑体';color:#fff}
.home-section .button-nav a:hover{background:#46B7EB;text-decoration:none}
.home-section .free-test{margin-left:45px}
.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}
@media only screen and (max-width:767px){.home-section{background-size:cover;height:550px}
.home-section .slogan{text-align:center;color:#fff}
.home-section .slogan h2{padding-top:180px;font:72px/80px Kristi,'Nixie One',Raleway,"Helvetica Neue",Helvetica}
.home-section .slogan .txt-en{padding-top:10px;font:12px/14px 'Raleway Medium'}
.home-section .slogan .txt-cn{padding-top:25px;font:16px/18px 'LiHei Pro'}
.home-section .button-nav{text-align:center;position:relative;margin-top:50px}
.home-section .button-nav a{width:160px;height:40px;border:4px solid #696663;border-radius:20px;font:18px/36px '黑体'}
.home-section .free-test{margin-left:10px}
.home-section .mouse{display:none}}
\ No newline at end of file
... ...
.home-section{background:#7f7f7e url(/static/html/home/img/bg_top_c770034.jpg) no-repeat 50% 0;height:900px}
.home-section .button-nav{text-align:center;position:relative;top:590px}
.home-section .button-nav a{width:194px;height:52px;border:4px solid #696663;display:inline-block;border-radius:30px;font:24px/46px '黑体';color:#fff}
.home-section .button-nav a:hover{background:#46B7EB;text-decoration:none}
.home-section .free-test{margin-left:45px}
.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}
\ No newline at end of file
... ... @@ -2,11 +2,17 @@
<div class="nav-bg"></div>
<div class="layout-row">
<a class="logo">RENEW</a>
<ul>
<ul class="nav-ul">
<li><a href="#home-section" class="nav-home">首頁</a></li>
<li><a href="#about-section" class="nav-about">關於我們</a></li>
<li><a href="#course-section" class="nav-course">訓練課程</a></li>
<li><a href="#course-section" class="nav-course">課程訓練</a></li>
<li><a href="#contact-section" class="nav-contact">聯系我們</a></li>
</ul>
<button class="navbar-toggle collapsed" type="button" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</nav>
\ No newline at end of file
... ...
.nav{width:100%;height:112px;position:fixed;z-index:10;left:0;top:0}
.nav .navbar-toggle{display:none}
.nav .nav-bg{left:0;top:0;background:#373c43;position:fixed;opacity:0;width:100%;height:112px}
.nav .row{position:relative}
.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}
.nav ul{top:29px;right:128px;position:absolute}
.nav ul li{float:left;margin-left:60px;font:18px/54px 'LiHei Pro'}
.nav ul li a{color:#fff;text-decoration:none}
.nav ul li .current{color:#f6a623}
.nav ul li .nav-home{color:#fff}
\ No newline at end of file
.nav ul li .nav-home{color:#fff}
.nav ul .current a{color:#f6a623}
@media only screen and (max-width:767px){.nav{height:48px;z-index:10;left:0;top:0;background:#373c43}
.nav .layout-row{position:relative}
.nav .navbar-toggle{display:block;position:absolute;right:0;top:0}
.nav .navbar-toggle .icon-bar{background:#fff}
.nav .nav-bg{height:48px;display:none}
.nav .logo{display:none}
.nav ul{position:static;text-align:center;transition:height .1s;-webkit-transition:height .1s}
.nav ul li{display:none;float:none;margin-left:0;font:18px/48px 'LiHei Pro';border-top:1px solid #5d6069;background:#373c43}
.nav ul .current{display:block}
.nav ul .current a{color:#fff}
.nav ul.on-active li{display:block}
.nav ul.on-active .current a{color:#f6a623}}
@media only screen and (max-width:900px){.nav .logo{left:30px}
.nav ul{right:30px}}
\ No newline at end of file
... ...
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()})});
\ No newline at end of file
... ...
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()})});
\ No newline at end of file