-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
148 lines (145 loc) · 7.44 KB
/
index.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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta content="width=device-width,user-scalable=no" name="viewport">
<!--禁止将数字变为电话号码-->
<meta name="format-detection" content="telephone=no" />
<!--iphone设备中的safari私有meta标签 允许全屏模式浏览，隐藏浏览器导航栏-->
<meta name="apple-mobile-web-app-capable" content="yes" />
<!--iphone中safari顶端的状态条的样式 默认值为default（白色），可以定为black（黑色）和black-translucent（灰色半透明）-->
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>手机网站</title>
<link rel="stylesheet" href="./css/mobile-base.css">
<link href="./css/component.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<div class="logo"></div>
<div id="dl-menu" class=" dl-menuwrapper">
<button id="dl-menu-button" class="nav"></button>
<ul class="dl-menu">
<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="Line">精英律师</a>
<ul class="dl-submenu">
<li class="dl-back"><a href="#">返回上一级</a></li>
<li><a href="#">A律师</a></li>
<li><a href="#">B律师</a></li>
<li><a href="#">C律师</a></li>
</ul>
</li>
<li><a href="#">律师之家</a></li>
</ul>
</div>
<!--<span id="login">登录/注册</span>-->
</div>
<div class="con">
<div class="banner SlideWrapper">
<ul id="banner-con" class="Slide SlideTransition" style="transition-duration:0.2s;transform: translateX(-0px);">
<li class="Slide_img banner-pic1"> </li>
<li class="Slide_img banner-pic2"> </li>
<li class="Slide_img banner-pic3"> </li>
</ul>
</div>
<div style="margin: 10px;">
<div id="container" class=" middle container">
<div class="row">
<div class="col-sm-4">
<div id="avator"></div>
</div>
<div class="profile-info col-sm-8">
<div class="avator-info">
<div class="avator-name fl">王汪汪 律师</div>
<div class="avator-year fr ft-orange">执业7年</div>
</div>
<div class="avator-star">
<div class="ft-orange">★★★★★</div>
<div class="ft-orange">100%</div>
<div>好评率</div>
</div>
</div>
<div style="clear:both;"></div>
<div class="col-md-9 items">
<div class="item">
<div class="item-header">
<p>律师信息</p>
</div>
<table id="info">
<tr>
<td class="info-name">执业证号：</td>
<td class="info-content">151564165</td>
<td class="info-name">职业律所：</td>
<td class="info-content">超级无敌事务所</td>
</tr>
<tr>
<td class="info-name">所在地区：</td>
<td class="info-content">广东珠海</td>
<td class="info-name">毕业院校：</td>
<td class="info-content">超级无敌大学</td>
</tr>
</table>
<div>
<p class="item-tag-name">擅长领域：</p>
<div>
<span class="item-tag">股权期权</span>
<span class="item-tag">房产土地</span>
<span class="item-tag">民事侵权</span>
<span class="item-tag">房地产纠纷</span>
<span class="item-tag">产权期权</span>
</div>
</div>
</div>
<div class="item">
<div class="item-header">
<p>个人简介</p>
</div>
<div class="introduction">
<P>担任多家影视文化公司、广告媒体公司、科技公司常年法律顾问，提供规范各项制度、合同及执行的标准化、纠纷处理等服务</P>
<P>担任多家影视文化公司、广告媒体公司、合同及执行的标准化、纠纷处理等服务</P>
<P>担任多家影视文化公司、广告媒体公司、纠纷处理等服务</P>
<P>担任多家影视文化公司、广告媒体公司、科技公司常年法律顾问，纠纷处理等服务</P>
<P>担任多家影视文化公司、广告媒体公司、纠纷处理等服务</P>
</div>
</div>
<div class="item">
<div class="item-header">
<p>成功案例</p>
</div>
<div class="case">
<ul>
<li>范某与应某、董某等民间借贷纠纷案例解读</li>
<li>范某与应某、董某等民间借东方闪电贷第三方士大夫撒纠纷案例解读</li>
<li>范某与应某、董某等民间借水电费贷纠纷案例解读</li>
</ul>
</div>
</div>
</div>
</div>
<div class="blank"></div>
</div>
</div>
</div>
<span class="btn-sever">定制服务</span>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
<!--<script type="text/javascript" src="./js/common/jquery-3.2.1.js"></script>-->
<script type="text/javascript" src="./js/mobile-slider.js"></script>
<script type="text/javascript" src="./js/modernizr.custom.js"></script>
<script type="text/javascript" src="./js/jquery.dlmenu.js"></script>
<script>
$(function () {
// 文档就绪
console.log("ready in index!");
$('#dl-menu').dlmenu();
$('.btn-sever').click(function () {
alert('该律师已消失，请联系其他律师');
});
});
</script>
</body>
</html>