律师网站手机端HTML静态页面模板下载

按f进入什么梗 2019-12-10 464 阅读

 

代码部署教程

1. 引入CSS

<link rel="stylesheet" href="css/public.css"/>
<link rel="stylesheet" href="css/lrtk.css"/>
<link rel="stylesheet" href="css/animate.min.css"/>
<link rel="stylesheet" href="css/fontcss.css"/>
<link type="text/css" rel="stylesheet" href="css/wap_index.css" />
<link rel="stylesheet" href="css/public.css"/>
<link rel="stylesheet" href="css/lrtk.css"/>
<link rel="stylesheet" href="css/animate.min.css"/>
<link rel="stylesheet" href="css/fontcss.css"/>
<link type="text/css" rel="stylesheet" href="css/wap_index.css" />

2. 引入JS

<script type="text/javascript" src="js/jquery-1.8.3.min.js">
</script>

<script type="text/javascript" src="js/wap-js.js">

</script>

<script type="text/javascript" src="js/sidebar.js">

</script>

<script type="text/javascript" src="js/responsiveslides.min.js">

</script>

<script type="text/javascript" src="js/slide.js">

</script>

<script type="text/javascript" src="js/jquery-1.8.3.min.js">

</script>

<script type="text/javascript" src="js/wap-js.js">

</script>

<script type="text/javascript" src="js/sidebar.js">

</script>

<script type="text/javascript" src="js/responsiveslides.min.js">

</script>

<script type="text/javascript" src="js/slide.js">

</script>

3. HTML代码

<!DOCTYPE html>
<html>

<head>

<meta charset="utf-8" />

<meta name="viewport" id="viewport" content="width=device-width, initial-scale=1">

<title>

主页</title>

<!-- baanner-->

<!-- baanner-->

</head>

<body scoll=no>

<!-- 侧边栏结束-->

<section class="wrapper">

<input type="checkbox" id="showSidebar"/>

<!-- 侧边栏开始-->

<section class="sidebar jsc-sidebar">

<div class="sidebar_header">

<ul style="display: none;">

<li class="sidebar_BTl">

<a class="sideL">

登录</a>

</li>

<li class="sidebar_BTr">

<a class="sideL">

注册</a>

</li>

</ul>

<div class="sidebar_head">

<img src="img/head.jpg" style="height: 46px;width: 46px;"/>

</div>

<p class="sidebar_p">

159****0869</p>

</div>

<div class="sidebar_content">

<div class="sidebar_c1">

<a>

<span>

<i class="iconfont">

</i>

</span>

服务指南</a>

</div>

<div class="sidebar_c2">

<a>

<span>

<i class="iconfont">

</i>

</span>

关于我们</a>

</div>

<div class="sidebar_c3">

<a>

<span>

<i class="iconfont">

</i>

</span>

帮助中心</a>

</div>

<div class="sidebar_c4">

<a>

<span>

<i class="iconfont">

</i>

</span>

商务合作</a>

</div>

</div>

</section>

<div class="in_content">

<header class="in_header">

<nav>

<p>

<label class="icon1 in_h_imgl icon-menu link-menu jsc-sidebar-trigger" for="showSidebar">

</label>

法内网 首页
<a class="icon1 in_h_imgr " href="">

</a>

</p>

</nav>

</header>

<!-- 代码 开始 -->

<div class="slide_container">

<ul class="rslides" id="slider">

<li>

<img src="img/1.jpg">

</li>

<li>

<img src="img/2.jpg">

</li>

<li>

<img src="img/1.jpg">

</li>

</ul>

</div>

<!-- 代码 结束 -->

<div class="in_content0 hide">

<a class="in_content0l" href="#">

<i class="icon1">

</i>

<p>

咨询中</p>

<p class="in_content0_p">

3</p>

</a>

<a class="in_content0r" href="#">

<i class="icon1">

</i>

<p>

委托中</p>

<p class="in_content0_p">

3</p>

</a>

<div class="in_content0c">

<i class="icon1">

</i>

</div>

</div>

<div class="animat-box">

<a class="in_content1" href="publick-wt.html">

<i class="icon3 left">

</i>

<span class="w_70 left pt15">

<p class="in_content_p1">

我要打官司</p>

<p class="in_content_p2">

法内找律师 便捷 专业 有保障</p>

</span>

<i class="icon4 right">

</i>

</a>

<a class="in_content1" href="">

<i class="icon3 left">

</i>

<span class="w_70 left pt15">

<p class="in_content_p1">

我要咨询</p>

<p class="in_content_p2">

法内咨询 快速 专业</p>

</span>

<i class="icon4 right">

</i>

</a>

<div class="in_content3">

<p class="in_content_p3">

<span>

<i class="icon1">

</i>

</span>

咨询热线:400-000-6111</p>

<p class="in_content_p4">

中顾法商股份</p>

</div>

</div>

</div>

<footer class="in_footer">

<a class="in_footer1" href="">

<i class="icon2">

</i>

<p>

首页</p>

</a>

<a class="in_footer2" href="">

<i class="icon2">

</i>

<p>

法内咨询</p>

</a>

<a class="in_footer3" href="">

<i class="icon2">

</i>

<p>

打官司</p>

</a>

<a class="in_footer4" href="">

<i class="icon2">

</i>

<p>

用户中心</p>

</a>

</footer>

</section>

<!--<script>

-->

<!--$('#jsi-nav').sidebar({-->

<!--trigger: '.jsc-sidebar-trigger'-->

<!--});-->

<!--</script>

-->

</body>

</html>

演示地址下载地址

最新游戏