You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
140 lines
5.8 KiB
140 lines
5.8 KiB
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<title></title>
|
|
<link rel="stylesheet" type="text/css" href="css/index.css"/>
|
|
<link rel="stylesheet" type="text/css" href="css/swiper-bundle.min.css"/>
|
|
|
|
</head>
|
|
<body >
|
|
<header>
|
|
<img src="./img/achievement_bg.png" class="header_img">
|
|
<div class="header_item" onclick="goPage()">首页</div>
|
|
<div class="header_item">赛事介绍</div>
|
|
<div class="header_item">大赛排名</div>
|
|
<div class="header_item">关于我们</div>
|
|
</header>
|
|
<div class="banner">
|
|
<div class="swiper">
|
|
<div class="swiper-wrapper">
|
|
<img src="img/banner3.png" class="swiper-slide ">
|
|
<img src="img/banner1.png" class="swiper-slide">
|
|
<img src="img/banner2.png" class="swiper-slide">
|
|
</div>
|
|
<!-- 如果需要分页器 -->
|
|
<div class="swiper-pagination"></div>
|
|
|
|
<!-- 如果需要导航按钮 -->
|
|
<div class="swiper-button-prev"></div>
|
|
<div class="swiper-button-next"></div>
|
|
</div>
|
|
</div>
|
|
<section class="index_body1">
|
|
<div class="index_body1_title">金牌老师Top 10</div>
|
|
|
|
<div class="index_body1_item">
|
|
<div class="index_body1_item_ranking">
|
|
<div class="ranking_num">1</div>
|
|
<div class="ranking_sanjiao"></div>
|
|
</div>
|
|
<div class="index_body1_item_content">
|
|
<p class="item1_content_title">Peter</p>
|
|
<p class="item1_content_synopsis">
|
|
Peter ，天才交易员，毕业于新加坡东亚管理学院。渣打银行职员， 2019年8月进入商品公司担任交易员，公司给予3万美元作为交易基金，三年时间的收益扩大为5000万美元。
|
|
</p>
|
|
<p class="item1_content_synopsis">擅长利用资讯，数据综合分析，进行短线布局。交易理念：不要把鸡蛋放在一个篮子里，分散投资，趋势为王。</p>
|
|
</div>
|
|
<div class="index_body1_item_profit">
|
|
<button type="button" class="item1_profit_button">昨日盈利比：3%</button>
|
|
<button type="button" class="item1_profit_button1">总应力比：40%</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="index_body1_item">
|
|
<div class="index_body1_item_ranking">
|
|
<div class="ranking_num">2</div>
|
|
<div class="ranking_sanjiao"></div>
|
|
</div>
|
|
<div class="index_body1_item_content">
|
|
<p class="item1_content_title">Peter</p>
|
|
<p class="item1_content_synopsis">
|
|
Peter ，天才交易员，毕业于新加坡东亚管理学院。渣打银行职员， 2019年8月进入商品公司担任交易员，公司给予3万美元作为交易基金，三年时间的收益扩大为5000万美元。
|
|
</p>
|
|
<p class="item1_content_synopsis">擅长利用资讯，数据综合分析，进行短线布局。交易理念：不要把鸡蛋放在一个篮子里，分散投资，趋势为王。</p>
|
|
</div>
|
|
<div class="index_body1_item_profit">
|
|
<button type="button" class="item1_profit_button">昨日盈利比：3%</button>
|
|
<button type="button" class="item1_profit_button1">总应力比：40%</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="index_body1_item">
|
|
<div class="index_body1_item_ranking">
|
|
<div class="ranking_num">3</div>
|
|
<div class="ranking_sanjiao"></div>
|
|
</div>
|
|
<div class="index_body1_item_content">
|
|
<p class="item1_content_title">Peter</p>
|
|
<p class="item1_content_synopsis">
|
|
Peter ，天才交易员，毕业于新加坡东亚管理学院。渣打银行职员， 2019年8月进入商品公司担任交易员，公司给予3万美元作为交易基金，三年时间的收益扩大为5000万美元。
|
|
</p>
|
|
<p class="item1_content_synopsis">擅长利用资讯，数据综合分析，进行短线布局。交易理念：不要把鸡蛋放在一个篮子里，分散投资，趋势为王。</p>
|
|
</div>
|
|
<div class="index_body1_item_profit">
|
|
<button type="button" class="item1_profit_button">昨日盈利比：3%</button>
|
|
<button type="button" class="item1_profit_button1">总应力比：40%</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="index_body1_item">
|
|
<div class="index_body1_item_ranking">
|
|
<div class="ranking_num">4</div>
|
|
<div class="ranking_sanjiao"></div>
|
|
</div>
|
|
<div class="index_body1_item_content">
|
|
<p class="item1_content_title">Peter</p>
|
|
<p class="item1_content_synopsis">
|
|
Peter ，天才交易员，毕业于新加坡东亚管理学院。渣打银行职员， 2019年8月进入商品公司担任交易员，公司给予3万美元作为交易基金，三年时间的收益扩大为5000万美元。
|
|
</p>
|
|
<p class="item1_content_synopsis">擅长利用资讯，数据综合分析，进行短线布局。交易理念：不要把鸡蛋放在一个篮子里，分散投资，趋势为王。</p>
|
|
</div>
|
|
<div class="index_body1_item_profit">
|
|
<button type="button" class="item1_profit_button">昨日盈利比：3%</button>
|
|
<button type="button" class="item1_profit_button1">总应力比：40%</button>
|
|
</div>
|
|
</div>
|
|
|
|
</section>
|
|
|
|
<footer >
|
|
<div>联系我们：</div>
|
|
<div>super@coinkoon.com</div>
|
|
</footer>
|
|
|
|
</body>
|
|
<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script src="js/swiper-bundle.min.js" type="text/javascript" charset="utf-8"></script>
|
|
<script>
|
|
var mySwiper = new Swiper ('.swiper', {
|
|
direction: 'horizontal', // 垂直切换选项
|
|
loop: true, // 循环模式选项
|
|
autoplay:true,
|
|
|
|
// 如果需要分页器
|
|
pagination: {
|
|
el: '.swiper-pagination',
|
|
},
|
|
|
|
// 如果需要前进后退按钮
|
|
navigation: {
|
|
nextEl: '.swiper-button-next',
|
|
prevEl: '.swiper-button-prev',
|
|
},
|
|
|
|
})
|
|
function goPage(){
|
|
window.location.href="index.html"
|
|
}
|
|
</script>
|
|
</html>
|
|
|