-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnews.html
133 lines (126 loc) · 5.41 KB
/
news.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!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">
<!-- Bootstrap -->
<link href="./dist/css/bootstrap.min.css" rel="stylesheet">
<title>index</title>
<link type="text/css" rel="stylesheet" href="style/reset.css">
<link type="text/css" rel="stylesheet" href="style/main.css">
<link type="text/css" rel="stylesheet" href="style/news.css">
<script src="./dist/js/bootstrap.js"></script>
<script src="./dist/js/bootstrap.min.js"></script>
</head>
<body>
<!--顶部&settings-->
<div class="container">
<div class="row">
<div class="col-md-3" style="padding:10px 0px;font-family: Arial;font-size: 14px;color: #264863;">
<!--<a claas="text-left">欢迎！</a>-->
欢迎！
<span class="glyphicon glyphicon-user"></span>
<a claas="text-left " >噜啦噜啦蹦擦擦</a>
</div>
<div class="col-md-2 col-md-offset-7" style="text-align:right">
<div class="btn-group">
<button type="button" class="btn btn-link btn-primary dropdown-toggle" data-toggle="dropdown" style="padding:10px 0px">
Settings <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">个人评测</a></li>
<li><a href="#">资料修改</a></li>
<li><a href="#">其他</a></li>
<li class="divider"></li>
<li><a href="#">退出账户</a></li>
</ul>
</div>
</div>
</div>
</div>
<!--header-->
<div class="container-fluid">
<div class="row" style="background-color:#a0daff;height=160px;">
<div class="col-md-2 col-md-offset-2" >
<img src="./image/Finance.png" class="img-responsive" width="150" height="150">
</div>
<div class="col-md-3" style="padding-top:100px;font-family: Arial;font-size: 30px;color: #0E5F92;">
您身边的智能投顾平台
</div>
<div class="col-md-4 nav" style="padding-top:110px;">
<button type="button" class="btn btn-link nav" >FOF</button>
<button type="button" class="btn btn-link nav" >NEWS</button>
<button type="button" class="btn btn-link nav" >ABOUT</button>
<button type="button" class="btn btn-link nav" >CONTACT</button>
</div>
</div>
</div>
<!--导航-->
<div class="container">
<div class="row">
<div class="col-md-12">
<ol class="breadcrumb" style="background: transparent;">
<li><a href="#" style="color:#264863;text-decoration: underline">Home</a></li>
<li><a href="#" style="color:#959595">News</a></li>
<li class="active"></li>
</ol>
</div>
</div>
</div>
<!--新闻卡片-->
<div class="container" >
<div class="row" >
<div class="col-md-4 card" style="background:#00dab9;">
<img src="./image/icon/icon4.png" class="img-responsive" width="80%" >
<p class="title">智能投顾:</p>
<p class="title">智能时代财富管理专家</p>
<span class="glyphicon glyphicon-time view">
<a style="color:#264843">200 </a>views
</span>
</div>
<div class="col-md-4 card" style="background:#CBAD8B;">
<img src="./image/icon/icon10.png" class="img-responsive" width="80%" >
</div>
<div class="col-md-4 card" style="background:#50C0EA;">
<img src="./image/icon/icon9.png" class="img-responsive" width="80%" >
</div>
</div>
<div class="row">
<div class="col-md-4 card" style="background:#ffb211;">
<img src="./image/icon/icon11.png" class="img-responsive" width="80%" >
</div>
<div class="col-md-8 card" style="background:#F47E54;">
<div class="row">
<div class="col-md-6 " >
<img src="./image/icon/icon5.png" class="img-responsive" width="80%" >
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8 card" style="background:#a3cda5;">
<div class="row">
<div class="col-md-6">
<img src="./image/icon/icon6.png" class="img-responsive" width="80%" >
</div>
</div>
</div>
<div class="col-md-4 card" style="background:#b6d4d0;">
<img src="./image/icon/icon7.png" class="img-responsive" width="80%" >
</div>
</div>
</div>
</body>
<footer>
<div class="container-fluid">
<div class="row">
<div class="col-md-12 col-md-offset-0" style="background: #264863;font-family: PingFangTC-Medium;font-size: 12px;color: #FFFFFF;text-align: center;">
<br><br>
Copyright jyzhang
<br><br>
</div>
</div>
</div>
</footer>
</html>