Skip to content

W
www.fudou6.com
Commit 27a4a8a8 authored by superman's avatar superman
Browse files
Options

变更为express项目

parent a2a64c88
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3733 additions and 2157 deletions
HTML/aboutUs.html
View file @ 27a4a8a8
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head lang="en"> <head lang="en">
<meta charset="UTF-8"> <meta charset="UTF-8">
<title>富豆优投</title> <title>富豆优投</title>
<link rel="stylesheet" href="../CSS/normalize.css"/> <link rel="stylesheet" href="../public/stylesheets/normalize.less"/>
<link rel="stylesheet" href="../CSS/styles.css"/> <link rel="stylesheet" href="../public/stylesheets/styles.css"/>
</head> </head>
<body> <body>
<div id="header"> <div id="header">
<!--暂时放在这里--> <!--暂时放在这里-->
<a href="index.html"><img src="../imgs/logo.png" alt="logo"></a> <a href="index.html"><img src="../public/images/logo.png" alt="logo"></a>
<ul class="clear"> <ul class="clear">
<li class="fl"><a href="index.html">首页 / HOME</a></li> <li class="fl"><a href="index.html">首页 / HOME</a></li>
<li class="fl"><a href="product.html">项目合作 / PROJECT</a></li> <li class="fl"><a href="product.html">项目合作 / PROJECT</a></li>
<li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li> <li class="fl"><a href="hotProject.html">最新产品 / PRODUCT</a></li>
<li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li> <li class="fl"><a href="aboutUs.html">关于我们 / ABOUT</a></li>
</ul> </ul>
</div> </div>
<div id="section"> <div id="section">
<div class="about-us-banner clear"> <div class="about-us-banner clear">
<div class="banner-box"> <div class="banner-box">
<h4>海量资源 轻松抢单</h4> <h4>海量资源 轻松抢单</h4>
<p>以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。</p> <p>以科技为手段，面向财富管理行业从业人员的运营服务提供商。匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。</p>
</div> </div>
</div> </div>
<div class="about-us-banner-bottom clear"> <div class="about-us-banner-bottom clear">
<h4>企业愿景</h4> <h4>企业愿景</h4>
<hr/> <hr/>
<p>通过自有的风控部门，严格审核项目背景，设计产品结构，同时搭建涵盖APP、微信、网站等多端口的互联网平台，通过科技金融与移动互联网技术，将信息流、业务流整合，让理财师轻松获取需要的优质金融产品，真正为客户提供资产配置服务。</p> <p>通过自有的风控部门，严格审核项目背景，设计产品结构，同时搭建涵盖APP、微信、网站等多端口的互联网平台，通过科技金融与移动互联网技术，将信息流、业务流整合，让理财师轻松获取需要的优质金融产品，真正为客户提供资产配置服务。</p>
</div> </div>
<div class="company-introduction clear"> <div class="company-introduction clear">
<h2><b></b>股东背景</h2> <h2><b></b>股东背景</h2>
<ul class="clear"> <ul class="clear">
<li class="fl"> <li class="fl">
<h4>林俊贤</h4> <h4>林俊贤</h4>
<h6>金融理财师</h6> <h6>金融理财师</h6>
<p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p> <p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p>
</li> </li>
<li class="fl"> <li class="fl">
<h4>林俊贤</h4> <h4>林俊贤</h4>
<h6>金融理财师</h6> <h6>金融理财师</h6>
<p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p> <p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p>
</li> </li>
<li class="fl"> <li class="fl">
<h4>林俊贤</h4> <h4>林俊贤</h4>
<h6>金融理财师</h6> <h6>金融理财师</h6>
<p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p> <p>MBA，上海财经大学工商管理硕士学位。曾任联合证券有限公司自营业务投资经理，东新国际投资管理有限公司股票基金经理。拥有15年证券从业经历。通过他的积极管理，东新公司在过去4年较为恶劣的市场环境中，仍然获得了及其良好的全球投资表现。</p>
</li> </li>
</ul> </ul>
<h2><b></b>合作伙伴</h2> <h2><b></b>合作伙伴</h2>
<div> <div>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
<a href="javascrpt:;"></a> <a href="javascrpt:;"></a>
</div> </div>
</div> </div>
<div class="address-map"> <div class="address-map">
<div class="clear"> <div class="clear">
<div> <div>
<span><img src="../imgs/about_us/icon01.png"/></span> <span><img src="../public/images/about_us/icon01.png"/></span>
<h4>杭州枢纽科技</h4> <h4>杭州枢纽科技</h4>
<hr/> <hr/>
<p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p> <p>浙江省杭州市余杭区良睦路1299号 互联网村5-305</p>
<h3>400-888-8888</h3> <h3>400-888-8888</h3>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="clear" id="footer"> <div class="clear" id="footer">
<!--暂时放在这里--> <!--暂时放在这里-->
<p class="hotline">全国客服热线 9:30-18:30</p> <p class="hotline">全国客服热线 9:30-18:30</p>
<h4>400-888-8888</h4> <h4>400-888-8888</h4>
<hr/> <hr/>
<p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p> <p class="address">浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="hr@shuniu.com">hr@shuniu.com</a></p>
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p> <p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</div> </div>
</body> </body>
</html> </html>
\ No newline at end of file
HTML/hotProject.html
View file @ 27a4a8a8
This diff is collapsed.
HTML/index.html
View file @ 27a4a8a8
This diff is collapsed.
HTML/product.html
View file @ 27a4a8a8
This diff is collapsed.
app.js 0 → 100644
View file @ 27a4a8a8
var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');
var handlebars = require('express-handlebars');
var routes = require('./routes/index');
var app = express();
// view engine setup
// app.set('views', path.join(__dirname, 'views'));
// app.set('view engine', 'jade');
app.engine('hbs', handlebars({
layoutsDir: 'views',
defaultLayout: 'layout',
extname: '.hbs'
}));
app.set('view engine', 'hbs');
// uncomment after placing your favicon in /public
app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use('/', routes);
// catch 404 and forward to error handler
app.use(function(req, res, next) {
var err = new Error('Not Found');
err.status = 404;
next(err);
});
// error handlers
// development error handler
// will print stacktrace
if (app.get('env') === 'development') {
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: err
});
});
}
// production error handler
// no stacktraces leaked to user
app.use(function(err, req, res, next) {
res.status(err.status || 500);
res.render('error', {
message: err.message,
error: {}
});
});
module.exports = app;
bin/www 0 → 100755
View file @ 27a4a8a8
#!/usr/bin/env node
/**
* Module dependencies.
*/
var app = require('../app');
var debug = require('debug')('www.fudou6.com:server');
var http = require('http');
/**
* Get port from environment and store in Express.
*/
var port = normalizePort(process.env.PORT || '3000');
app.set('port', port);
/**
* Create HTTP server.
*/
var server = http.createServer(app);
/**
* Listen on provided port, on all network interfaces.
*/
server.listen(port);
server.on('error', onError);
server.on('listening', onListening);
/**
* Normalize a port into a number, string, or false.
*/
function normalizePort(val) {
var port = parseInt(val, 10);
if (isNaN(port)) {
// named pipe
return val;
}
if (port >= 0) {
// port number
return port;
}
return false;
}
/**
* Event listener for HTTP server "error" event.
*/
function onError(error) {
if (error.syscall !== 'listen') {
throw error;
}
var bind = typeof port === 'string'
? 'Pipe ' + port
: 'Port ' + port;
// handle specific listen errors with friendly messages
switch (error.code) {
case 'EACCES':
console.error(bind + ' requires elevated privileges');
process.exit(1);
break;
case 'EADDRINUSE':
console.error(bind + ' is already in use');
process.exit(1);
break;
default:
throw error;
}
}
/**
* Event listener for HTTP server "listening" event.
*/
function onListening() {
var addr = server.address();
var bind = typeof addr === 'string'
? 'pipe ' + addr
: 'port ' + addr.port;
debug('Listening on ' + bind);
}
package.json 0 → 100644
View file @ 27a4a8a8
{
"name": "www.fudou6.com",
"version": "0.0.0",
"private": true,
"scripts": {
"start": "node ./bin/www"
},
"dependencies": {
"body-parser": "~1.13.2",
"cookie-parser": "~1.3.5",
"debug": "~2.2.0",
"express": "~4.13.1",
"express-handlebars": "*",
"morgan": "~1.6.1",
"serve-favicon": "~2.3.0"
}
}
public/stylesheets/index.css 0 → 100644
View file @ 27a4a8a8
/*.banner begin*/
.banner {
background: url("/images/index/banner.jpg") no-repeat center center;
background-size: cover;
padding-top: 120px;
padding-bottom: 160px;
}
.banner .banner-box {
width: 1000px;
margin: 0 auto;
color: #fff;
}
.banner .banner-box h1 {
margin-top: 0;
margin-bottom: 35px;
text-align: center;
font-weight: normal;
font-size: 64px;
}
.banner .banner-box p {
font-size: 20px;
line-height: 35px;
}
/*.banner end*/
/*.download begin*/
.download {
position: relative;
padding-top: 400px;
width: 1000px;
margin: 0 auto;
}
.download .android,
.download .iphone {
position: absolute;
left: 50%;
top: 140px;
margin-left: -467px;
height: 68px;
width: 268px;
line-height: 68px;
font-size: 18px;
border-radius: 4px;
}
.download .android i,
.download .iphone i {
display: inline-block;
height: 68px;
width: 68px;
margin-right: 22px;
font-size: 32px;
text-align: center;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
.download .android {
background-color: #82b21c;
}
.download .iphone {
margin-top: 88px;
background-color: #0079c2;
}
.download .qr-code {
position: absolute;
top: 140px;
left: 50%;
margin-left: -150px;
text-align: center;
font-size: 14px;
}
.download .qr-code img {
display: block;
margin-bottom: 5px;
}
.download .app-screen {
position: absolute;
left: 50%;
top: -140px;
margin-left: 60px;
width: 405px;
height: 515px;
}
.download hr {
width: 95%;
}
/*download end*/
/*character begin*/
.character ul {
width: 1000px;
margin: 80px auto;
}
.character ul li {
float: left;
width: 25%;
height: 160px;
text-align: center;
position: relative;
}
.character ul li > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.character ul li > div:first-child h3 {
margin-top: 50px;
font-size: 44px;
color: #111d2b;
}
.character ul li > div:first-child h4 {
font-size: 16px;
color: #888;
}
.character ul li > div:last-child img {
display: block;
margin: auto;
}
.character ul li > div:last-child h3 {
font-size: 36px;
}
.character ul li > div:last-child h4 {
font-size: 14px;
}
/* character end */
/* projects begin */
.projects {
background-color: #f6f6f6;
}
.projects > header > div {
float: left;
height: 300px;
position: relative;
width: 50%;
}
.projects > header > div:first-child {
background-color: #111d2b;
}
.projects > header > div:first-child > div {
position: relative;
width: 300px;
margin-right: 200px;
float: right;
height: 300px;
}
.projects > header > div:first-child > div .logo {
position: absolute;
top: 50%;
right: 50px;
height: 94px;
width: 227px;
margin-top: -47px;
background: url(/images/index/icon_01.png) no-repeat;
background-size: cover;
}
.projects > header > div:last-child {
background-color: #2e2e2e;
}
.projects > header > div:last-child > div {
position: relative;
width: 700px;
margin-left: -200px;
background-color: #2e2e2e;
height: 300px;
}
.projects > header > div:last-child h3 {
position: absolute;
top: 50%;
left: 20px;
height: 80px;
padding-bottom: 45px;
margin-top: -64px;
font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom;
}
.projects > section {
width: 1000px;
height: 500px;
margin: 0 auto;
}
.projects > section > div:first-child {
width: 379px;
float: left;
margin-top: 50px;
margin-left: 20px;
border-right: 1px solid #7f7f7f;
}
.projects > section > div:first-child p {
position: relative;
margin-top: 20px;
font-size: 23px;
line-height: 30px;
color: #565656;
}
.projects > section > div:first-child p:before {
content: '·';
position: absolute;
left: -20px;
font-size: 50px;
top: -3px;
}
.projects > section > div:last-child {
width: 600px;
float: left;
position: relative;
}
.projects > section > div:last-child .computer {
position: absolute;
top: -80px;
right: 0;
width: 542px;
height: 483px;
background: url(/images/index/computer.jpg) no-repeat;
}
/* projects end*/
/*product begin*/
.products {
background-color: #f6f6f6;
}
.products ul {
width: 1000px;
margin: 0 auto;
}
.products ul li {
position: relative;
color: #fff;
}
.products ul li:nth-child(1),
.products ul li:nth-child(2) {
margin-bottom: 30px;
}
.products ul li:nth-child(1) > div,
.products ul li:nth-child(2) > div {
height: 400px;
float: left;
}
.products ul li:nth-child(1) > div:first-child,
.products ul li:nth-child(2) > div:first-child {
width: 650px;
-webkit-background-size: cover;
background-size: cover;
}
.products ul li:nth-child(1) > div:last-child,
.products ul li:nth-child(2) > div:last-child {
width: 320px;
margin-left: 30px;
background-color: #2e2e2e;
}
/*product end*/
public/stylesheets/index.less 0 → 100644
View file @ 27a4a8a8
@import 'variable';
/*.banner begin*/
.banner {
background: url("/images/index/banner.jpg") no-repeat center center;
background-size: cover;
padding-top: 120px;
padding-bottom: 160px;
.banner-box {
width: @container-width;
margin: 0 auto;
color: #fff;
h1 {
margin-top: 0;
margin-bottom: 35px;
text-align: center;
font-weight: normal;
font-size: 64px;
}
p {
font-size: 20px;
line-height: 35px;
}
}
}
/*.banner end*/
/*.download begin*/
.download {
position: relative;
padding-top: 400px;
width: @container-width;
margin: 0 auto;
.android,
.iphone {
position: absolute;
left: 50%;
top: 140px;
margin-left: -467px;
height: 68px;
width: 268px;
line-height: 68px;
font-size: 18px;
border-radius: 4px;
i {
display: inline-block;
height: 68px;
width: 68px;
margin-right: 22px;
font-size: 32px;
text-align: center;
color: #fff;
border-right: 1px solid rgba(255, 255, 255, 0.3);
}
}
.android {
background-color: #82b21c;
}
.iphone {
margin-top: 88px;
background-color: #0079c2;
}
.qr-code {
position: absolute;
top: 140px;
left: 50%;
margin-left: -150px;
text-align: center;
font-size: 14px;
img {
display: block;
margin-bottom: 5px;
}
}
.app-screen {
position: absolute;
left: 50%;
top: -140px;
margin-left: 60px;
width: 405px;
height: 515px;
}
hr {
width: 95%;
}
}
/*download end*/
/*character begin*/
.character {
ul {
width: @container-width;
margin: 80px auto;
li {
float: left;
width: 25%;
height: 160px;
text-align: center;
position: relative;
& > div {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
&:first-child {
h3 {
margin-top: 50px;
font-size: 44px;
color: #111d2b;
}
h4 {
font-size: 16px;
color: #888;
}
}
&:last-child {
img {
display: block;
margin: auto;
}
h3 {
font-size: 36px;
}
h4 {
font-size: 14px;
}
}
}
}
}
}
/* character end */
/* projects begin */
.projects {
background-color: #f6f6f6;
& > header {
& > div {
float: left;
height: 300px;
position: relative;
width: 50%;
&:first-child {
background-color: #111d2b;
& > div {
position: relative;
width: @container-width/4 + 50;
margin-right: @container-width/4 - 50;
float: right;
height: 300px;
.logo {
position: absolute;
top: 50%;
right: 50px;
height: 94px;
width: 227px;
margin-top: -47px;
background: url(/images/index/icon_01.png) no-repeat;
background-size: cover;
}
}
}
&:last-child {
background-color: #2e2e2e;
& > div {
position: relative;
width: @container-width / 4 * 3 - 50;
margin-left: -@container-width/4 + 50;
background-color: #2e2e2e;
height: 300px;
}
h3 {
position: absolute;
top: 50%;
left: 20px;
height: 80px;
padding-bottom: 45px;
margin-top: -64px;
font-size: 48px;
color: #fff;
background: url(/images/index/icon_02.jpg) no-repeat left bottom;
}
}
}
}
& > section {
width: @container-width;
height: 500px;
margin: 0 auto;
& > div {
&:first-child {
width: @container-width/2-121;
float: left;
margin-top: 50px;
margin-left: 20px;
border-right: 1px solid #7f7f7f;
p {
position: relative;
margin-top: 20px;
font-size: 23px;
line-height: 30px;
color: #565656;
&:before {
content: '·';
position: absolute;
left: -20px;
font-size: 50px;
top: -3px;
}
}
}
&:last-child {
width: @container-width/2+100;
float: left;
position: relative;
.computer {
position: absolute;
top: -80px;
right: 0;
width: 542px;
height: 483px;
background: url(/images/index/computer.jpg) no-repeat;
}
}
}
}
}
/* projects end*/
/*product begin*/
.products {
background-color: #f6f6f6;
ul {
width: @container-width;
margin: 0 auto;
li {
position: relative;
color: #fff;
&:nth-child(1),
&:nth-child(2) {
margin-bottom: 30px;
& > div {
height: 400px;
float: left;
&:first-child {
width: @container-width/4*3-100;
-webkit-background-size: cover;
background-size: cover;
}
&:last-child {
width: @container-width/4+70;
margin-left: 30px;
background-color: #2e2e2e;
}
}
}
}
}
}
/*product end*/
public/stylesheets/style.css 0 → 100644
View file @ 27a4a8a8
This diff is collapsed.
public/stylesheets/style.less 0 → 100644
View file @ 27a4a8a8
@import "normalize";
@import 'iconfont';
@import 'variable';
body {
font-family: Microsoft YaHei, simhei, Tahoma, Arial, sans-serif;
font-size: 14px;
line-height: 1.732;
}
ul, ol {
list-style: none;
}
h1, h2, h3, h4, h5, h6, ul, li, b, p, dl, dt, dd {
margin: 0;
padding: 0;
font-weight: normal;
}
a {
text-decoration: none;
color: #000;
}
.clear {
&:after {
content: '';
display: block;
clear: both;
}
&:before {
content: '';
display: table;
}
}
hr.line-separate {
position: relative;
width: 80%;
margin: 0 auto;
border: none;
border-bottom: 1px solid #8c8c8c;
&:after {
content: '';
position: absolute;
top: -1px;
left: 50%;
width: 72px;
height: 3px;
margin-left: -36px;
background: #8c8c8c;
}
}
/*header begin*/
#header {
.container {
width: @container-width;
margin: 0 auto;
position: relative;
}
.logo {
position: absolute;
top: 0;
left: 0;
z-index: 999;
}
nav {
padding-left: 250px;
font-size: 16px;
span {
float: left;
padding: 20px 0 10px;
margin-right: 30px;
&:last-child {
margin-right: 0;
}
}
a {
display: block;
color: #383838;
font-weight: bold;
padding: 10px;
border-bottom: 3px solid transparent;
&:hover,
&.active {
border-bottom-color: #000;
}
}
}
}
/*header end*/
/*footer begin*/
#footer {
padding: 60px 0 80px;
text-align: center;
background: #2e2e2e;
color: #fff;
font-size: 14px;
line-height: 26px;
h3 {
font-size: 24px;
}
h2 {
font-size: 60px;
font-weight: bold;
margin: 50px auto 30px;
}
address {
margin-top: 60px;
font-style: normal;
&, a {
color: #00a4d8;
}
}
.copyright {
color: #aeaeae;
span {
color: #fff;
}
}
}
/*footer end*/
CSS/styles.css → public/stylesheets/styles.css
View file @ 27a4a8a8
...@@ -200,7 +200,7 @@ dd { ...@@ -200,7 +200,7 @@ dd {
width: 100%; width: 100%;
} }
.banner { .banner {
background: url("../imgs/index/banner.jpg") no-repeat center center; background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.banner .banner-box { .banner .banner-box {
...@@ -447,12 +447,12 @@ dd { ...@@ -447,12 +447,12 @@ dd {
padding: 0; padding: 0;
width: 25%; width: 25%;
height: 100%; height: 100%;
background: #111d2b url("../imgs/index/icon_01.png") no-repeat 43% 86px; background: #111d2b url("../images/index/icon_01.png") no-repeat 43% 86px;
} }
.projects .projects-header p { .projects .projects-header p {
width: 75%; width: 75%;
height: 100%; height: 100%;
background: #2e2e2e url("../imgs/index/icon_02.jpg") no-repeat 58px 170px; background: #2e2e2e url("../images/index/icon_02.jpg") no-repeat 58px 170px;
font-size: 48px; font-size: 48px;
color: #fff; color: #fff;
} }
...@@ -494,11 +494,11 @@ dd { ...@@ -494,11 +494,11 @@ dd {
background: #faf; background: #faf;
} }
.projects .projects-content .project-info .project-one { .projects .projects-content .project-info .project-one {
background: url("../imgs/index/528ad57.jpg") no-repeat center center; background: url("../images/index/528ad57.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.projects .projects-content .project-info .project-two { .projects .projects-content .project-info .project-two {
background: url("../imgs/index/041c0cc.jpg") no-repeat center center; background: url("../images/index/041c0cc.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.projects .projects-content .project-info .mr50 { .projects .projects-content .project-info .mr50 {
...@@ -548,15 +548,15 @@ dd { ...@@ -548,15 +548,15 @@ dd {
height: 366px; height: 366px;
} }
.projects .projects-content .project-info .project-three { .projects .projects-content .project-info .project-three {
background: #fff url("../imgs/index/fcfbb08.jpg") no-repeat center center; background: #fff url("../images/index/fcfbb08.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.projects .projects-content .project-info .project-four { .projects .projects-content .project-info .project-four {
background: #fff url("../imgs/index/5ce7cf8.jpg") no-repeat center center; background: #fff url("../images/index/5ce7cf8.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.projects .projects-content .project-info .project-five { .projects .projects-content .project-info .project-five {
background: #fff url("../imgs/index/38be78d.jpg") no-repeat center center; background: #fff url("../images/index/38be78d.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
/*产品详情页面*/ /*产品详情页面*/
...@@ -771,7 +771,7 @@ dd { ...@@ -771,7 +771,7 @@ dd {
.hot-project-banner { .hot-project-banner {
height: 600px; height: 600px;
width: 100%; width: 100%;
background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center; background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover; background-size: cover;
text-align: center; text-align: center;
color: #fff; color: #fff;
...@@ -791,7 +791,7 @@ dd { ...@@ -791,7 +791,7 @@ dd {
.hot-project-banner { .hot-project-banner {
height: 470px; height: 470px;
width: 100%; width: 100%;
background: url('../imgs/hot_project/hot_project_banner.jpg') no-repeat center center; background: url('../images/hot_project/hot_project_banner.jpg') no-repeat center center;
background-size: cover; background-size: cover;
text-align: center; text-align: center;
color: #fff; color: #fff;
...@@ -841,7 +841,7 @@ dd { ...@@ -841,7 +841,7 @@ dd {
position: relative; position: relative;
top: 20px; top: 20px;
margin-right: 6px; margin-right: 6px;
background: url("../imgs/hot_project/tabs01.png") no-repeat -46px -13px; background: url("../images/hot_project/tabs01.png") no-repeat -46px -13px;
} }
.hot-project-introducer > ul li:nth-child(2) > b { .hot-project-introducer > ul li:nth-child(2) > b {
background-position: -176px -13px; background-position: -176px -13px;
...@@ -1011,22 +1011,22 @@ dd { ...@@ -1011,22 +1011,22 @@ dd {
border-right: 1px solid #43abb6; border-right: 1px solid #43abb6;
} }
.hot-project-tabs ul li:nth-child(1) dt { .hot-project-tabs ul li:nth-child(1) dt {
background: url("../imgs/hot_project/tabs05_b.png") no-repeat; background: url("../images/hot_project/tabs05_b.png") no-repeat;
} }
.hot-project-tabs ul li:nth-child(2) { .hot-project-tabs ul li:nth-child(2) {
border-right: 1px solid #43abb6; border-right: 1px solid #43abb6;
} }
.hot-project-tabs ul li:nth-child(2) dt { .hot-project-tabs ul li:nth-child(2) dt {
background: url("../imgs/hot_project/tabs04_b.png") no-repeat; background: url("../images/hot_project/tabs04_b.png") no-repeat;
} }
.hot-project-tabs ul li:nth-child(3) { .hot-project-tabs ul li:nth-child(3) {
border-right: 1px solid #43abb6; border-right: 1px solid #43abb6;
} }
.hot-project-tabs ul li:nth-child(3) dt { .hot-project-tabs ul li:nth-child(3) dt {
background: url("../imgs/hot_project/tabs03_b.png") no-repeat; background: url("../images/hot_project/tabs03_b.png") no-repeat;
} }
.hot-project-tabs ul li:nth-child(4) dt { .hot-project-tabs ul li:nth-child(4) dt {
background: url("../imgs/hot_project/tabs02_b.png") no-repeat; background: url("../images/hot_project/tabs02_b.png") no-repeat;
} }
.hot-project-tabs ul li:hover { .hot-project-tabs ul li:hover {
color: #fff; color: #fff;
...@@ -1038,13 +1038,13 @@ dd { ...@@ -1038,13 +1038,13 @@ dd {
@-webkit-keyframes changeOne { @-webkit-keyframes changeOne {
0% { 0% {
opacity: 1; opacity: 1;
background: url("../imgs/hot_project/tabs05_b.png ") no-repeat; background: url("../images/hot_project/tabs05_b.png ") no-repeat;
} }
50% { 50% {
opacity: 0; opacity: 0;
} }
100% { 100% {
background: url("../imgs/hot_project/tabs05_a.png ") no-repeat; background: url("../images/hot_project/tabs05_a.png ") no-repeat;
opacity: 1; opacity: 1;
} }
} }
...@@ -1056,13 +1056,13 @@ dd { ...@@ -1056,13 +1056,13 @@ dd {
@-webkit-keyframes changeTwo { @-webkit-keyframes changeTwo {
0% { 0% {
opacity: 1; opacity: 1;
background: url("../imgs/hot_project/tabs04_b.png ") no-repeat; background: url("../images/hot_project/tabs04_b.png ") no-repeat;
} }
50% { 50% {
opacity: 0; opacity: 0;
} }
100% { 100% {
background: url("../imgs/hot_project/tabs04_a.png ") no-repeat -1px -1px; background: url("../images/hot_project/tabs04_a.png ") no-repeat -1px -1px;
opacity: 1; opacity: 1;
} }
} }
...@@ -1074,14 +1074,14 @@ dd { ...@@ -1074,14 +1074,14 @@ dd {
@-webkit-keyframes changeThree { @-webkit-keyframes changeThree {
0% { 0% {
opacity: 1; opacity: 1;
background: url("../imgs/hot_project/tabs03_b.png ") no-repeat; background: url("../images/hot_project/tabs03_b.png ") no-repeat;
} }
50% { 50% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: 1; opacity: 1;
background: url("../imgs/hot_project/tabs03_a.png ") no-repeat; background: url("../images/hot_project/tabs03_a.png ") no-repeat;
} }
} }
.hot-project-tabs ul li:nth-child(3):hover dt { .hot-project-tabs ul li:nth-child(3):hover dt {
...@@ -1091,14 +1091,14 @@ dd { ...@@ -1091,14 +1091,14 @@ dd {
} }
@-webkit-keyframes changeFour { @-webkit-keyframes changeFour {
0% { 0% {
background: url("../imgs/hot_project/tabs02_b.png ") no-repeat; background: url("../images/hot_project/tabs02_b.png ") no-repeat;
} }
50% { 50% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: 1; opacity: 1;
background: url("../imgs/hot_project/tabs02_a.png ") no-repeat; background: url("../images/hot_project/tabs02_a.png ") no-repeat;
} }
} }
.hot-project-tabs ul li:nth-child(4):hover dt { .hot-project-tabs ul li:nth-child(4):hover dt {
...@@ -1168,7 +1168,7 @@ body { ...@@ -1168,7 +1168,7 @@ body {
.about-us-banner { .about-us-banner {
width: 100%; width: 100%;
height: 667px; height: 667px;
background: url("../imgs/index/banner.jpg") no-repeat center center; background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover; background-size: cover;
color: #fff; color: #fff;
text-align: center; text-align: center;
...@@ -1197,7 +1197,7 @@ body { ...@@ -1197,7 +1197,7 @@ body {
.about-us-banner { .about-us-banner {
width: 100%; width: 100%;
height: 450px; height: 450px;
background: url("../imgs/index/banner.jpg") no-repeat center center; background: url("../images/index/banner.jpg") no-repeat center center;
background-size: cover; background-size: cover;
color: #fff; color: #fff;
text-align: center; text-align: center;
...@@ -1225,7 +1225,7 @@ body { ...@@ -1225,7 +1225,7 @@ body {
.about-us-banner-bottom { .about-us-banner-bottom {
width: 100%; width: 100%;
height: 824px; height: 824px;
background: url("../imgs/about_us/bg_2.jpg") no-repeat center center; background: url("../images/about_us/bg_2.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.about-us-banner-bottom h4 { .about-us-banner-bottom h4 {
...@@ -1319,7 +1319,7 @@ body { ...@@ -1319,7 +1319,7 @@ body {
position: relative; position: relative;
} }
.company-introduction div a:nth-child(1) { .company-introduction div a:nth-child(1) {
background: url("../imgs/about_us/zhongjiang.jpg") no-repeat; background: url("../images/about_us/zhongjiang.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(1)::before { .company-introduction div a:nth-child(1)::before {
...@@ -1343,7 +1343,7 @@ body { ...@@ -1343,7 +1343,7 @@ body {
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(2) { .company-introduction div a:nth-child(2) {
background: url("../imgs/about_us/zhongrong.jpg") no-repeat; background: url("../images/about_us/zhongrong.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(2)::after { .company-introduction div a:nth-child(2)::after {
...@@ -1357,7 +1357,7 @@ body { ...@@ -1357,7 +1357,7 @@ body {
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(3) { .company-introduction div a:nth-child(3) {
background: url("../imgs/about_us/guomin.jpg") no-repeat; background: url("../images/about_us/guomin.jpg") no-repeat;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
} }
.company-introduction div a:nth-child(3)::after { .company-introduction div a:nth-child(3)::after {
...@@ -1371,7 +1371,7 @@ body { ...@@ -1371,7 +1371,7 @@ body {
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(4) { .company-introduction div a:nth-child(4) {
background: url("../imgs/about_us/guangda.jpg") no-repeat; background: url("../images/about_us/guangda.jpg") no-repeat;
margin-right: 0; margin-right: 0;
border-right: none; border-right: none;
border-bottom: 1px solid #c3c3c3; border-bottom: 1px solid #c3c3c3;
...@@ -1387,23 +1387,23 @@ body { ...@@ -1387,23 +1387,23 @@ body {
background: #f6f6f6; background: #f6f6f6;
} }
.company-introduction div a:nth-child(5) { .company-introduction div a:nth-child(5) {
background: url("../imgs/about_us/zhongxing.jpg") no-repeat; background: url("../images/about_us/zhongxing.jpg") no-repeat;
} }
.company-introduction div a:nth-child(6) { .company-introduction div a:nth-child(6) {
background: url("../imgs/about_us/fangzheng.jpg") no-repeat; background: url("../images/about_us/fangzheng.jpg") no-repeat;
} }
.company-introduction div a:nth-child(7) { .company-introduction div a:nth-child(7) {
background: url("../imgs/about_us/huaxing.jpg") no-repeat; background: url("../images/about_us/huaxing.jpg") no-repeat;
} }
.company-introduction div a:nth-child(8) { .company-introduction div a:nth-child(8) {
background: url("../imgs/about_us/zhongtai.jpg") no-repeat; background: url("../images/about_us/zhongtai.jpg") no-repeat;
margin: 0; margin: 0;
border-right: none; border-right: none;
} }
.address-map { .address-map {
height: 575px; height: 575px;
width: 100%; width: 100%;
background: url("../imgs/about_us/map.jpg") no-repeat center center; background: url("../images/about_us/map.jpg") no-repeat center center;
background-size: cover; background-size: cover;
} }
.address-map > div { .address-map > div {
......
public/stylesheets/variable.less 0 → 100644
View file @ 27a4a8a8
@container-width: 1000px;
\ No newline at end of file
routes/index.js 0 → 100644
View file @ 27a4a8a8
var express = require('express');
var router = express.Router();
/* GET home page. */
router.get('/', function(req, res, next) {
res.render('index', {
page: 'index',
abcd:123,
products:[
{
title:'中电投西安',
img:'/images/index/528ad57.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/041c0cc.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/fcfbb08.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/5ce7cf8.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},{
title:'中电投西安',
img:'/images/index/38be78d.jpg',
raiseTime:'28',
raiseFunds: '4',
maxProfits: '8.5',
link:''
},
]
});
});
module.exports = router;
views/error.hbs 0 → 100644
View file @ 27a4a8a8
<h1>页面出错了!</h1>
<h2>{{message}}</h2>
<p>{{error}}</p>
views/index.hbs 0 → 100644
View file @ 27a4a8a8
<div class="banner">
<div class="banner-box">
<h1>海量资源 轻松抢单</h1>
<p>
以科技为手段，面向财富管理行业从业人员的运营服务提供商。
匹配用户风险偏好与投资品，利用互联网大数据，对用户行为、
市场、产品等进行详细的分析，系统为客户推荐多元化的投资组合，
避免客户与理财顾问之间可能的利益冲突，减少用户的投资理财成本支出，使投资人获得更多的收益。
</p>
</div>
</div>
<div class="download">
<a class="android">
<i class="iconfont icon-android"></i>
下载Android版
</a>
<a class="iphone">
<i class="iconfont icon-iphone"></i>
下载iPhone版
</a>
<a class="qr-code" href="">
<img src="/images/index/QR_Code.jpg" alt="">
<span>扫描下载富豆APP</span>
</a>
<img class="app-screen" src="/images/index/iphone.png" alt="app screen">
<hr class="line-separate"/>
</div>
<div class="character">
<ul class="clear">
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源，从融资方直接取得项目资源</h4>
</div>
</li>
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源，从融资方直接取得项目资源</h4>
</div>
</li>
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源，从融资方直接取得项目资源</h4>
</div>
</li>
<li>
<div>
<h3>1000亿</h3>
<h4>累计交易</h4>
</div>
<div>
<img src="/images/index/picture_01.png"/>
<h3>金融脱媒</h3>
<h4>一手资源，从融资方直接取得项目资源</h4>
</div>
</li>
</ul>
</div>
<div class="projects">
<header class="clear">
<div>
<div>
<a class="logo"></a>
</div>
</div>
<div>
<div>
<h3>推荐优质项目 领取高额介绍费</h3>
</div>
</div>
</header>
<section class="clear">
<div>
<p>
精选稀缺产品<br/>
非区非县，市级资产端一手政信
</p>
<p>
尽享高额佣金<br/>
远高市场佣金比例的返佣制度
</p>
<p>
完善风控体系<br/>
原招商银行风控团队层层把关
</p>
<p>
佣金快速结算<br/>
项目成立 T+0 ，帮您快速结佣
</p>
</div>
<div>
<div class="computer"></div>
</div>
</section>
</div>
<div class="products">
<ul>
{{#each products}}
<li class="clear">
<div style="background-image:url({{this.img}})"></div>
<div>
<h3>{{this.title}}</h3>
<div>
<span>
<strong>{{this.raiseTime}}</strong>天<br/>募集时间
</span>
<span>
<strong>{{this.raiseFunds}}</strong>亿<br/>募集资金
</span>
<span>
<strong>{{this.maxProfits}}</strong>%<br/>最高收益
</span>
</div>
<a href="{{this.link}}">查看详情 &gt;</a>
</div>
</li>
{{/each}}
</ul>
</div>
views/layout.hbs 0 → 100644
View file @ 27a4a8a8
<!DOCTYPE html>
<html lang="cn">
<head>
<meta charset="UTF-8">
<title>富豆优投</title>
<link rel="icon" href="/favicon.ico"/>
<link rel="stylesheet" href="/stylesheets/style.css"/>
<link rel="stylesheet" href="/stylesheets/{{page}}.css"/>
</head>
<body>
<header id="header">
<div class="container">
<a class="logo" href="/"><img src="/images/logo.png" alt="logo"></a>
<nav class="clear">
<span><a href="/">首页 / HOME</a></span>
<span><a href="/project">项目合作 / PROJECT</a></span>
<span><a href="/product">最新产品 / PRODUCT</a></span>
<span><a href="/about">关于我们 / ABOUT</a></span>
</nav>
</div>
</header>
<section id="container">
{{{body}}}
</section>
<footer id="footer">
<h3>全国客服热线 9:30-18:30</h3>
<h2>400-888-8888</h2>
<hr class="line-separate"/>
<address>浙江省杭州市余杭区良睦路1299号互联网村5-305 E-mail: <a href="mailto:hr@shuniu.com">hr@shuniu.com</a></address>
<p class="copyright">Copyright2016 <span>shuniu</span> All Right Reserved&copy;2014-2015 杭州枢纽科技有限公司 版权所有</p>
</footer>
<script src="/javascripts/jquery-1.8.3.min.js"></script>
<script src="/javascripts/{{page}}.js"></script>
</body>
</html>
www.fudou6.com.iml 0 → 100644
View file @ 27a4a8a8
<?xml version="1.0" encoding="UTF-8"?>
<module type="WEB_MODULE" version="4">
<component name="NewModuleRootManager">
<content url="file://$MODULE_DIR$" />
<orderEntry type="inheritedJdk" />
<orderEntry type="sourceFolder" forTests="false" />
<orderEntry type="library" name="www.fudou6.com node_modules" level="project" />
</component>
</module>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment