暗蓝色法律网站模板是一款html5模板，适合法律律师相关网站模板下载。_html网站模板_网页源码移动端前端

共68个文件

jpg：23个

png：15个

js：10个

106 浏览量 2023-08-05 15:15:38 上传评论收藏 1.45MB RAR 举报

资源推荐

资源详情

资源评论

收起资源包目录

暗蓝色法律网站模板是一款html5模板，适合法律律师相关网站模板下载。_html网站模板_网页源码移动端前端_H5模板.rar （68个子文件）

暗蓝色法律网站模板是一款html5模板，适合法律律师相关网站模板下载。

moban941

jquery.magnific-popup.js 45KB

responsiveslides.min.js 3KB

bootstrap.min.js 31KB

jquery.chocolat.js 10KB

easyResponsiveTabs.js 6KB

easing.js 5KB

move-top.js 1KB

modernizr.custom.js 8KB

owl.carousel.js 37KB

jquery.min.js 90KB

typography.html 26KB

css

style.css 53KB

owl.carousel.css 4KB

magnific-popup.css 20KB

bootstrap.css 118KB

chocolat.css 2KB

index.html 21KB

contact.html 7KB

about.html 18KB

single.html 9KB

images

arrow_up.png 3KB

co.png 2KB

plus.png 191B

close.gif 70B

s1.jpg 78KB

s2.jpg 50KB

arrow.png 3KB

right.gif 67B

n1.jpg 182KB

quote.png 3KB

t3.jpg 34KB

arrow_down.png 3KB

img13.jpg 13KB

p4.jpg 142KB

n4.jpg 45KB

p6.jpg 68KB

left.gif 68B

search.png 3KB

img11.jpg 11KB

t1.jpg 25KB

nav.png 3KB

arrows.png 4KB

bg.jpg 106KB

n3.jpg 61KB

move-top.png 3KB

t4.jpg 31KB

img-sprite.png 3KB

p7.jpg 86KB

t2.jpg 30KB

cross97.png 3KB

p2.jpg 62KB

read.png 3KB

p3.jpg 60KB

ab.jpg 45KB

p5.jpg 41KB

p.png 3KB

img12.jpg 11KB

single.jpg 89KB

n2.jpg 80KB

p1.jpg 39KB

nav-icon.png 3KB

areas.html 12KB

blog.html 11KB

fonts

glyphicons-halflings-regular.woff 23KB

glyphicons-halflings-regular.eot 20KB

glyphicons-halflings-regular.woff2 18KB

Raleway-Regular.ttf 127KB

Electrolize-Regular.ttf 54KB

<!DOCTYPE HTML> <html> <head> <title>Typography</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="Legalized Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template, Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" /> <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script> <link href="css/bootstrap.css" rel='stylesheet' type='text/css' /> <link href='#css?family=Open+Sans:700,700italic,800,300,300italic,400italic,400,600,600italic' rel='stylesheet' type='text/css'>  <link href="css/owl.carousel.css" rel="stylesheet" type="text/css" media="all" /> <link href="css/style.css" rel='stylesheet' type='text/css' /> <script src="js/jquery.min.js"> </script>  <script type="text/javascript" src="js/move-top.js"></script> <script type="text/javascript" src="js/easing.js"></script> <script type="text/javascript"> jQuery(document).ready(function($) { $(".scroll").click(function(event){ event.preventDefault(); $('html,body').animate({scrollTop:$(this.hash).offset().top},900); }); }); </script> </head> <body>  <div id="home" class="header"> <div class="header-top"> <div class="container"> <span class="menu"></span> <div class="top-menu"> <ul class="cl-effect-16"> <li><a href="index.html" data-hover="HOME">Home</a></li> <li><a href="about.html" data-hover="About">About</a></li> <li><a class="active" href="typography.html" data-hover="SERVICES">SERVICES</a></li> <li><a href="areas.html" data-hover="Practise Area">Practise Area </a></li> <li><a href="blog.html" data-hover="BLOG">BLOG</a></li> <li><a href="contact.html" data-hover="CONTACT">Contact</a></li> </ul> </div>  <script> $( "span.menu" ).click(function() { $( ".top-menu" ).slideToggle( "slow", function() { // Animation complete. }); }); </script> <div class="clearfix"></div>  </div> </div> <div class="header-middle"> <div class="container"> <div class="logo"> <a href="index.html"><h1>Legalized</h1></a> </div> <div class="header-top-right"> <form> <input type="text" placeholder="Search" required=""> <input type="submit" value=""> <div class="clearfix"> </div> </form> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="banner two"> </div>  <div class="typrography"> <div class="container"> <h2 class="second-head">Typography</h2> <div class="grid_3 grid_4"> <h3 class="typo">Headings</h3> <div class="bs-example"> <table class="table"> <tbody> <tr> <td><h1 id="h1.-bootstrap-heading">h1. Bootstrap heading<a class="anchorjs-link" href="#h1.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h1></td> <td class="type-info">Semibold 36px</td> </tr> <tr> <td><h2 id="h2.-bootstrap-heading">h2. Bootstrap heading<a class="anchorjs-link" href="#h2.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h2></td> <td class="type-info">Semibold 30px</td> </tr> <tr> <td><h3 id="h3.-bootstrap-heading">h3. Bootstrap heading<a class="anchorjs-link" href="#h3.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h3></td> <td class="type-info">Semibold 24px</td> </tr> <tr> <td><h4 id="h4.-bootstrap-heading">h4. Bootstrap heading<a class="anchorjs-link" href="#h4.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h4></td> <td class="type-info">Semibold 18px</td> </tr> <tr> <td><h5 id="h5.-bootstrap-heading">h5. Bootstrap heading<a class="anchorjs-link" href="#h5.-bootstrap-heading"><span class="anchorjs-icon"></span></a></h5></td> <td class="type-info">Semibold 14px</td> </tr> <tr> <td><h6>h6. Bootstrap heading</h6></td> <td class="type-info">Semibold 12px</td> </tr> </tbody> </table> </div> </div> <div class="grid_3 grid_5"> <h3>Progress Bars</h3> <div class="tab-content"> <div class="tab-pane active" id="domprogress"> <div class="progress"> <div class="progress-bar progress-bar-primary" style="width: 20%"></div> </div> <p>Info with <code>progress-bar-info</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-info" style="width: 60%"></div> </div> <p>Success with <code>progress-bar-success</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 30%"></div> </div> <p>Warning with <code>progress-bar-warning</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-warning" style="width: 70%"></div> </div> <p>Danger with <code>progress-bar-danger</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-danger" style="width: 50%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-inverse" style="width: 40%"></div> </div> <p>Inverse with <code>progress-bar-inverse</code> class.</p> <div class="progress"> <div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div> <div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div> <div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div> </div> </div> </div> </div> <div class="grid_3 grid_5"> <h3>Pagination</h3> <div class="col-md-6"> <nav> <ul class="pagination pagination-lg"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li> </ul> </nav> <nav> <ul class="pagination"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li> </ul> </nav> <nav> <ul class="pagination pagination-sm"> <li><a href="#" aria-label="Previous"><span aria-hidden="true">«</span></a></li> <li><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a href="#">4</a></li> <li><a href="#">5</a></li> <li><a href="#" aria-label="Next"><span aria-hidden="true">»</span></a></li> </ul> </nav> </div> <div class="col-md-6"> <ul class="pagination pagination-lg"> <li class="disabled"><a href="#"><span aria-hidden="true">«</span></a></li> <li class="active"><a href="#">1</a></li> <li><a href="#">2</a></li> <li><a href="#">3</a></li> <li><a hr

评论收藏

内容反馈