Bootrap 项目实战(微金所前端首页)第二部分(首页源码)
首页源码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>微金所-首页</title>
<link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
<!--[if lt IE 9]>
<script src="lib/bootstrap/js/html5shiv.min.js"></script>
<script src="lib/bootstrap/js/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!--头部区域-->
<header>
<div class="topbar visible-lg">
<div class="container">
<div class="row">
<div class="col-md-9">
<span>
<i class="icon icon-telephone"></i>
客服电话:4006-89-4006 / 010-57648460 /(9:00~21:00)
</span>
<span class="line">|</span>
<span>
<i class="icon icon-service-o"></i>
<a href="#">在线客服</a>
</span>
<span class="line">|</span>
<span>
<i class="icon icon-mobile-2"></i>
<a href="#" class="app">移动客户端</a>
</span>
<span class="line">|</span>
<span>
<i class="icon icon-wechat-o"></i>
<a href="#" class="app">微信公众号二维码</a>
</span>
<span class="line">|</span>
<span>
<i class="icon icon-money-bag"></i>
<a href="#">财富登录</a>
</span>
</div>
<div class="col-md-3 text-right">
<span>帮助中心</span>
<span class="line">|</span>
<span>注册 登录</span>
</div>
</div>
</div>
</div>
<nav class="navbar navbar-xxc" data-spy="affix" data-offset-top="60">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">
<i class="icon-logo"></i>
<i class="icon-weijinsuo"></i>
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">首页 <span class="sr-only">(current)</span></a></li>
<li><a href="#">我要投资</a></li>
<li><a href="#">长租公寓</a></li>
<li><a href="#">新手专区</a></li>
<li><a href="#">新闻公告</a></li>
<li><a href="#">信息披露</a></li>
<li><a href="#">投资者教育</a></li>
<li><a href="#"><i class="icon-account"></i>我的账户</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
</header>
<!--轮播图-->
<section id="main_ad" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<li data-target="#main_ad" data-slide-to="0" class="active"></li>
<li data-target="#main_ad" data-slide-to="1"></li>
<li data-target="#main_ad" data-slide-to="2"></li>
<li data-target="#main_ad" data-slide-to="3"></li>
</ol> <!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active" data-image-lg="img/slide_01_2000x410.jpg" data-image-xs="img/slide_01_640x340.jpg"></div>
<div class="item" data-image-lg="img/slide_02_2000x410.jpg" data-image-xs="img/slide_02_640x340.jpg"></div>
<div class="item" data-image-lg="img/slide_03_2000x410.jpg" data-image-xs="img/slide_03_640x340.jpg"></div>
<div class="item" data-image-lg="img/slide_04_2000x410.jpg" data-image-xs="img/slide_04_640x340.jpg"></div>
</div> <!-- Controls -->
<a class="left carousel-control" href="#main_ad" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#main_ad" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</section> <section id="notice">
<div class="top">
<div class="container">
<div class="row">
<div class="col-lg-9 col-md-8 col-xs-12 col-sm-6">
<i class="icon icon-voice"></i>
<a href="#">公告:【微公告】微金所平台中秋节&十一放假通知</a>
</div>
<div class="col-lg-3 col-md-4 col-xs-12 col-sm-6">
<a href="#" class="jd">网络借贷暂行办法</a>
<i class="icon icon-book"></i>
<a href="#">2017年度运营报告</a>
</div>
</div>
</div>
</div>
<div class="bottom">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-6 col-sm-6 col-xs-12 left">
<div class="col-lg-3 col-md-7 col-xs-7">
<i class="icon icon-usd-barchart"></i>
<h3>A轮3.2亿元融资</h3>
<p>上市系·国资系·风投系</p>
</div>
<div class="col-lg-3 col-md-5 col-xs-5">
<i class="icon icon-pay-square"></i>
<h3>银联支付</h3>
<p>全程保障资金安全</p>
</div>
<div class="col-lg-3 col-md-7 col-xs-7">
<i class="icon icon-usd"></i>
<h3>银行资金存管</h3>
<p>资金保障再进一步</p>
</div>
<div class="col-lg-3 col-md-5 col-xs-5">
<i class="icon icon-insurance"></i>
<h3>安全保障</h3>
<p>八重安全保障机制</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-6 col-xs-12 right">
<div class="col-lg-6 col-md-6 col-xs-6">
<p>平台上线时间</p>
<h3>2013/11/15</h3>
</div>
<div class="col-lg-6 col-md-6 col-xs-6">
<p>累计成交额(元)</p>
<h3>11,014,746,317</h3>
</div>
<div class="col-lg-6 col-md-6 col-xs-6">
<p>已归还本息(元)</p>
<h3>9,778,003,349</h3>
</div>
<div class="col-lg-6 col-md-6 col-xs-6">
<p>已为用户赚取收益(元)</p>
<h3>377,393,864</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<!--tbtj-->
<section id="recommend">
<div class="container">
<div class="row">
<div class="tab-wrapper">
<!-- Nav tabs -->
<ul class="nav nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#category_01" aria-controls="category_01" role="tab" data-toggle="tab">特别推荐</a></li>
<li role="presentation"><a href="#category_02" aria-controls="category_02" role="tab" data-toggle="tab">微投资</a></li>
<li role="presentation"><a href="#category_03" aria-controls="category_03" role="tab" data-toggle="tab">微小宝</a></li>
<li role="presentation"><a href="#category_04" aria-controls="category_04" role="tab" data-toggle="tab">微消费</a></li>
<li role="presentation"><a href="#category_05" aria-controls="category_05" role="tab" data-toggle="tab">微增利</a></li>
<li role="presentation"><a href="#category_06" aria-controls="category_06" role="tab" data-toggle="tab">微金宝</a></li>
<li role="presentation"><a href="#category_07" aria-controls="category_07" role="tab" data-toggle="tab">微转让</a></li>
<li role="presentation" class="pull-right"><a href="#">更多</a></li>
</ul>
</div> <!-- Tab panes -->
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="category_01">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane fade" id="category_02">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0651期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>9</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane fade" id="category_03">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane fade" id="category_04">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane fade" id="category_05">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane fade" id="category_06">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
<div role="tabpanel" class="tab-pane fade" id="category_07">
<ul>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
<li class="col-md-4 col-sm-6 col-xs-12">
<div class=".box">
<div class="col-md-8 col-sm-8 col-xs-8 panel-left">
<h3>新手体验标0650期</h3>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
<div class="col-md-6 col-sm-6 col-xs-6">
<p>起投金额(元)</p>
<p>1000.00<sub>万</sub></p>
</div>
</div>
<div class="col-md-4 col-sm-4 col-xs-4 panel-right">
<strong>8</strong><sub>%</sub>
<br>
<span>年利率</span>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</div>
</section> <!-- 新闻列表 -->
<section id="news">
<div class="container">
<div class="row">
<div class="col-md-7 col-sm-12 col-xs-12 mtbd">
<div class="top">
<span>媒体报道</span>
<span class="right"><a href="#">更多</a></span>
</div>
<div class="media">
<div class="media-left media-middle" >
<a href="#">
<img class="media-object" src="img/15312901538774545.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">【腾讯网】获香港主板上市公司战略投资 微金所成风投热点平台</h4>
<p>随着2018年7月的到来,互联网金融领域再次曝出重磅资本动态。近日,媒体在分析港股市场
走势时,特别关注了香港主板上市公司鹰力投资股份有限公司(股票代码00901)的相关动态。</p>
</div>
</div>
<div class="media">
<div class="media-left media-middle">
<a href="#">
<img class="media-object" src="img/15312897362356887.jpg" alt="...">
</a>
</div>
<div class="media-body">
<h4 class="media-heading">【凤凰网】微金所:在FinTech持续投入,坚定打造金融核心竞争力</h4>
<p>关于金融科技的规划,微金所CTO刘恒阳表示,技术是个双刃剑,它没有对错,运用它的企业必
须有其价值底线。运用各种先进的技术做好风控、服务好客户不仅仅是对投资人的一份坚实的
承诺,也是对金融市场稳定长远发展的一份贡献。</p>
</div>
</div>
</div>
<div class="tt">
<div class="top">
<span>媒体报道</span>
<span class="right"><a href="#">更多</a></span>
</div>
<div>
<ul>
<li><a href="#">【微公告】微金所平台中秋节&十一放假通知</a></li>
<li><a href="#">【微公告】微金所客服时间调整通知</a></li>
<li><a href="#">【微公告】 微金所连连支付充值通道暂停公告</a></li>
<li><a href="#">【微还款】2018年7月9日-2018年7月15日还款公告</a></li>
<li><a href="#">【微公告】微金所债权转让规则调整公告</a></li>
<li><a href="#">【微公告】2018年7月11日微金所平台系统升级维护公告</a></li>
</ul>
</div>
</div>
</div>
</div>
</section> <!-- 脚注区域 -->
<footer class="hidden-sm hidden-xs">
<div class="container cot">
<div class="row">
<div class="col-md-4 footer-wjs">
<p class="footer-logo">
<i class="icon-logo"></i>
<i class="icon-weijinsuo"></i>
</p> <h3>4006-89-4006<br>
010-57648460</h3> <p class="footer-fw"><span class="fwrx">服务热线(服务时间:9:00----21:00)</span>
<a href="#"><i class="icon-service"></i> <span>在线客服</span></a><br/><br/>
<span>关注我们:</span><a href="#"><i class="icon-wechat"></i></a> <a href="#"><i class="icon-weibo"></i></a>
<a href="#" class="wj"><img src="img/gswj.png" alt=""/></a>
</p>
</div>
<div class="col-md-4 footer-about">
<dl>
<dt><a href="#">信息披露</a></dt>
<dd><a href="#">公司介绍</a></dd>
<dd><a href="#">管理团队</a></dd>
<dd><a href="#">友情链接</a></dd>
<dd><a href="#">联系我们</a></dd>
</dl>
<dl>
<dt><a href="#">最新动态</a></dt>
<dd><a href="#">媒体报道</a></dd>
<dd><a href="#">公司动态</a></dd>
<dd><a href="#">利率报告</a></dd>
<dd><a href="#">更新历史</a></dd>
</dl>
<dl>
<dt><a href="#">帮助中心</a></dt>
<dd><a href="#">新手指引</a></dd>
<dd><a href="#">安全保障</a></dd>
<dd><a href="#">操作指南</a></dd>
<dd><a href="#">VIP投资人</a></dd>
</dl>
</div>
<div class="col-md-4 footer-corp">
<h4>合作伙伴</h4> <p>
<a href="#"><span><i class="icon-union-pay"></i></span></a>
<a href="#"><span><i class="icon-huaxing"></i></span></a>
<a href="#"><span><i class="icon-china-life"></i></span></a>
<a href="#"><span><i class="icon-reuters"></i></span></a>
</p> <p>
<a href="#"><span><i class="icon-cfca"></i></span></a>
<a href="#"><span><i class="icon-baidu"></i></span></a>
<a href="#"><span><i class="icon-cis"></i></span></a>
<a href="#"><span><i class="icon-safe360"></i></span></a>
</p>
</div>
</div>
</div>
<div class="footer-bot">
<div class="first">
<ul>
<li><a href="#">我要投资</a></li>
<li><a href="#">我要借款</a></li>
<li><a href="#">忘记密码</a></li>
<li><a href="#">如何提现</a></li>
<li><a href="#">登录 | 注册</a></li>
</ul>
<span>©版权所有©深圳微金所金融信息服务有限公司 粤ICP备 16000732号-1
<a href="#"><i class="police"></i>京公网安备 11010802024696号</a></span>
</div>
<div class="second">
<ul>
<li><a href="#"><i class="icon-icann "></i></a></li>
<li><a href="#"><i class="icon-industry"></i></a></li>
<li class="zx"><a href="#" style="background-image: url(img/zx.jpg)"></a></li>
<li><a href="#"><i class="icon-360"></i></a></li>
<li><a href="#"><i class="icon-inquiry"></i></a></li>
<li><a href="#"><i class="icon-netChina"></i></a></li>
<li><a href="#"><i class="icon-trusted"></i></a></li>
<li><a href="#"><i class="icon-authentication"></i></a></li>
</ul>
</div>
</div>
</footer>
<!--Bootstrap依赖jquery-->
<script src="js/jquery-3.3.1.js"></script>
<script src="lib/bootstrap/js/bootstrap.min.js"></script>
<script src="js/index.js"></script>
</body>
</html>
Bootrap 项目实战(微金所前端首页)第二部分(首页源码)的更多相关文章
- Bootrap 项目实战(微金所前端首页)第一部分
微金所前端首页成果图:(这是本人自己按照微金所官网首页,采用Bootrap,JS,JQuery,css制作的网页效果图,在第二部分我会公布网页源代码) 如需网页源代码,请在下方留言,备注你的qq邮箱. ...
- (转载)Android项目实战(二十八):Zxing二维码实现及优化
Android项目实战(二十八):Zxing二维码实现及优化 前言: 多年之前接触过zxing实现二维码,没想到今日项目中再此使用竟然使用的还是zxing,百度之,竟是如此牛的玩意. 当然,项目中 ...
- Android项目实战(四十四):Zxing二维码切换横屏扫描
原文:Android项目实战(四十四):Zxing二维码切换横屏扫描 Demo链接 默认是竖屏扫描,但是当我们在清单文件中配置横屏显示的时候: <activity android:name=&q ...
- Scala 深入浅出实战经典 第61讲:Scala中隐式参数与隐式转换的联合使用实战详解及其在Spark中的应用源码解析
王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-87讲)完整视频.PPT.代码下载: 百度云盘:http://pan.baidu.com/s/1c0noOt ...
- Scala 深入浅出实战经典 第60讲:Scala中隐式参数实战详解以及在Spark中的应用源码解析
王家林亲授<DT大数据梦工厂>大数据实战视频 Scala 深入浅出实战经典(1-87讲)完整视频.PPT.代码下载:百度云盘:http://pan.baidu.com/s/1c0noOt6 ...
- 【分布式微服务企业快速架构】SpringCloud分布式、微服务、云架构快速开发平台源码
鸿鹄云架构[系统管理平台]是一个大型 企业.分布式.微服务.云架构的JavaEE体系快速研发平台,基于 模块化.微服务化.原子化.热部署的设计思想,使用成熟领先的无商业限制的主流开源技术 (Sprin ...
- Plupload上传实例《模仿微云上传实例》,带源码
Plupload上传实例<模仿微云上传实例>,带源码,作者:鱼塘总裁 如有疑问,加群交流:646104701 一.实例截图 1.上传过程 2.上传成功 3.上传失败 4.最小化 二.所需文 ...
- angularJs项目实战!02:前端的页面分解与组装
自从上一篇文章到现在已经有将近一个月的时间,我将精力放在了前端页面分解与组装,和angularjs如何与jquery.bootstrap.D3等一系列其他类库结合使用的经验总结上.由于公司新招了一些员 ...
- webpack+vue项目实战(四,前端与后端的数据交互和前端展示数据)
地址:https://segmentfault.com/a/1190000010063757 1.前言 今天要做的,就是在上一篇文章的基础上,进行功能页面的开发.简单点说呢,就是与后端的数据交互和怎么 ...
随机推荐
- 数据分析sql常用整理
[SQL 数据分析常用语句] 2017-07-20 00:00 数据分析 来源:datakong 转自:大数据 • 1 基础查询 • 2 字符串数字日期时间 • 3 聚合数据查询 • 4 子查询 • ...
- js常用utils
var utils = { /** * 日期格式化 * * @param {Date} date 指定日期 * @param {String} format * @returns {String} * ...
- Java程序员常用工具类库 - 目录
有人说当你开始学习Java的时候,你就走上了一条不归路,在Java世界里,包罗万象,从J2SE,J2ME,J2EE三大平台,到J2EE中的13中核心技术,再到Java世界中万紫千红的Framework ...
- code1796 社交网络
输入描述 Input Description 输入文件中第一行有两个整数,n 和 m,表示社交网络中结点和无向边的数 目.在无向图中,我们将所有结点从 1 到 n 进行编号. 接下来 m 行,每行用三 ...
- SUSE Linux--zypper程序包管理(实战命令总结)
(1)zypper ar iso:/?iso=/media/SOFTWARE/openSUSE-11.4-DVD-i586.iso DVDISO 新添加本地iso文件为安装源,名称和别名均为DVDIS ...
- Linux-shell-算术运算{expr、bc、dc、(( ))和[ ]}
Linux-shell-算术运算{expr.bc.dc.(( ))和[ ]} 摘自: https://www.cnblogs.com/snowsolf/p/3325235.html 在Linux下做算 ...
- list<?>转换成 对应的 class
项目中用到的,list转换成bean.因为查询出来的数据用list 泛型接收,要返回 实体对象.所以需要对应转换. 主要用到的技术:反射. 上代码: public static <T> L ...
- java 泛型详解(转)
普通泛型 class Point<T>{ // 此处可以随便写标识符号,T是type的简称 private T var ; // var的类型由T指定,即:由外部指定 publ ...
- iPhone Development – core data relationships tutorial part 1
I’m going to start a short series on Core Data relationships and maybe throw in some general Core Da ...
- 编写高质量代码改善C#程序的157个建议——建议127:用形容词组给接口命名
建议127:用形容词组给接口命名 接口规范的是“Can do”,也就是说,它规范的是类型可以具有哪些行为.所以,接口的命名应该是一个形容词,如: IDisposable表示可以被释放 IEnumera ...