<!DOCTYPE HTML>
<!--
Justice by freehtml5.co
Twitter: http://twitter.com/fh5co
URL: http://freehtml5.co
-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Justice — Free Website Template, Free HTML5 Template by FreeHTML5.co</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Free HTML5 Website Template by FreeHTML5.co" />
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
<meta name="author" content="FreeHTML5.co" />
<!-- Facebook and Twitter integration -->
<meta property="og:title" content=""/>
<meta property="og:image" content=""/>
<meta property="og:url" content=""/>
<meta property="og:site_name" content=""/>
<meta property="og:description" content=""/>
<meta name="twitter:title" content="" />
<meta name="twitter:image" content="" />
<meta name="twitter:url" content="" />
<meta name="twitter:card" content="" />
<!-- <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400, 900" rel="stylesheet"> -->
<!-- Animate.css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Icomoon Icon Fonts-->
<link rel="stylesheet" href="css/icomoon.css">
<!-- Themify Icons-->
<link rel="stylesheet" href="css/themify-icons.css">
<!-- Bootstrap -->
<link rel="stylesheet" href="css/bootstrap.css">
<!-- Magnific Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Owl Carousel -->
<link rel="stylesheet" href="css/owl.carousel.min.css">
<link rel="stylesheet" href="css/owl.theme.default.min.css">
<!-- Flexslider -->
<link rel="stylesheet" href="css/flexslider.css">
<!-- Theme style -->
<link rel="stylesheet" href="css/style.css">
<!-- Modernizr JS -->
<script src="js/modernizr-2.6.2.min.js"></script>
<!-- FOR IE9 below -->
<!--[if lt IE 9]>
<script src="js/respond.min.js"></script>
<![endif]-->
<!-- Styleswitcher ( This style is for demo purposes only, you may delete this anytime. ) -->
<link rel="stylesheet" id="theme-switch" href="css/style.css">
<link rel="stylesheet" href="css/color-preset-option.css">
<!-- END styleswitcher demo -->
</head>
<body>
<div class="gtco-loader"></div>
<div id="page">
<nav class="gtco-nav" role="navigation">
<div class="container">
<div class="row">
<div class="col-sm-2 col-xs-12">
<div id="gtco-logo"><a href="index.html">Just<em>ice</em></a></div>
</div>
<div class="col-xs-10 text-right menu-1 main-nav">
<ul>
<li class="active"><a href="#" data-nav-section="home">Home</a></li>
<li><a href="#" data-nav-section="about">About</a></li>
<li><a href="#" data-nav-section="practice-areas">Practice Areas</a></li>
<li><a href="#" data-nav-section="our-team">Our Team</a></li>
<li class="btn-cta"><a href="#" data-nav-section="contact"><span>Contact</span></a></li>
<!-- For external page link -->
<!-- <li><a href="https://www.51qianduan.com/">51前端</a></li> -->
</ul>
</div>
</div>
</div>
</nav>
<section id="gtco-hero" class="gtco-cover" style="background-image: url(images/img_bg_4.jpg);" data-section="home" data-stellar-background-ratio="0.5">
<div class="overlay"></div>
<div class="container">
<div class="row">
<div class="col-md-12 col-md-offset-0 text-center">
<div class="display-t">
<div class="display-tc">
<h1 class="animate-box" data-animate-effect="fadeIn">The Greatest Firm You Can Trust</h1>
<p class="gtco-video-link animate-box" data-animate-effect="fadeIn"><a href="https://www.51qianduan.com/">51前端</a></p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="gtco-about" data-section="about">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h1>Welcome To Our Law Offices</h1>
<p class="sub">Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<p class="subtle-text animate-box" data-animate-effect="fadeIn">Welcome</p>
</div>
</div>
<div class="row">
<div class="col-md-6 col-md-pull-1 animate-box" data-animate-effect="fadeInLeft">
<div class="img-shadow">
<img src="images/img_1.jpg" class="img-responsive" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
</div>
<div class="col-md-6 animate-box" data-animate-effect="fadeInLeft">
<h2 class="heading-colored">Excellence & Honesty</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aut praesentium nihil hic quam culpa magnam ducimus suscipit repellat quidem cumque, unde impedit, labore earum eligendi perspiciatis nemo molestiae sequi veritatis. Veritatis, reprehenderit, eaque! Rerum, libero ipsam enim, iusto adipisci quae repellendus officia consequatur ducimus cupiditate impedit, aliquam numquam excepturi.</p>
<p><a href="#" class="read-more">Read more <i class="icon-chevron-right"></i></a></p>
</div>
</div>
</div>
</section>
<section id="gtco-practice-areas" data-section="practice-areas">
<div class="container">
<div class="row row-pb-md">
<div class="col-md-8 col-md-offset-2 heading animate-box" data-animate-effect="fadeIn">
<h1>Practice Areas</h1>
<p class="sub">Dignissimos asperiores vitae velit veniam totam fuga molestias accusamus alias autem provident. Odit ab aliquam dolor eius.</p>
<p class="subtle-text animate-box" data-animate-effect="fadeIn">Practice <span>Areas</span></p>
</div>
</div>
<div class="row">
<div class="col-md-6">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
<div class="gtco-copy">
<h3>Criminal Law</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed scelerisque sapien. Sed sodales, libero non faucibus rutrum, purus tellus finibus diam, eget ornare tortor leo eget erat. </p>
</div>
</div>
<div class="gtco-practice-area-item animate-box">
<div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
<div class="gtco-copy">
<h3>Industrial Law</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed scelerisque sapien. Sed sodales, libero non faucibus rutrum, purus tellus finibus diam, eget ornare tortor leo eget erat. </p>
</div>
</div>
<div class="gtco-practice-area-item animate-box">
<div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
<div class="gtco-copy">
<h3>Financial Law</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed scelerisque sapien. Sed sodales, libero non faucibus rutrum, purus tellus finibus diam, eget ornare tortor leo eget erat. </p>
</div>
</div>
</div>
<div class="col-md-6">
<div class="gtco-practice-area-item animate-box">
<div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
<div class="gtco-copy">
<h3>Divorce Law</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla sed scelerisque sapien. Sed sodales, libero non faucibus rutrum, purus tellus finibus diam, eget ornare tortor leo eget erat. </p>
</div>
</div>
<div class="gtco-practice-area-item animate-box">
<div class="gtco-icon">
<img src="images/scale.png" alt="Free HTML5 Bootstrap Template by FreeHTML5.co">
</div>
<div class="gtco-copy">
<h3>Corporate Law</h3>
绿色大气风格响应式律师事务所服务网页模板.zip
136 浏览量
2023-06-20
19:20:57
上传
评论
收藏 1.27MB ZIP 举报
绿色大气风格响应式律师事务所服务网页模板.zip （132个子文件） 
bootstrap.css 132KB animate.css 71KB style-5.css 28KB style-4.css 28KB style-6.css 28KB style-3.css 28KB style-2.css 28KB style.css 26KB icomoon.css 25KB themify-icons.css 16KB magnific-popup.css 8KB color-preset-option.css 2KB owl.theme.default.min.css 1KB icomoon.eot 101KB themify.eot 77KB glyphicons-halflings-regular.eot 20KB
loader.gif 11KB
index.html 16KB
img_1.jpg 142KB img_team_2.jpg 133KB img_bg_4.jpg 85KB img_team_1.jpg 82KB jquery.min.js 82KB bootstrap.min.js 36KB jquery.validate.min.js 23KB jquery.magnific-popup.min.js 20KB modernizr-2.6.2.min.js 15KB jquery.stellar.min.js 12KB jquery.waypoints.min.js 9KB main.js 8KB jquery.easing.1.3.js 8KB jquery.style.switcher.js 7KB respond.min.js 4KB magnific-popup-options.js 1KB bootstrap.css.map 74KB style.css.map 19KB style-6.css.map 19KB style-5.css.map 19KB style-3.css.map 19KB style-2.css.map 19KB style-4.css.map 19KB
scale.png 1KB _variables.scss 30KB style-4.scss 23KB style-5.scss 23KB style.scss 23KB style-6.scss 23KB style-3.scss 23KB style-2.scss 23KB _glyphicons.scss 20KB _forms.scss 16KB _navbar.scss 14KB _theme.scss 8KB _normalize.scss 7KB _vendor-prefixes.scss 6KB _panels.scss 6KB _type.scss 6KB _button-groups.scss 6KB _carousel.scss 5KB _navs.scss 5KB _dropdowns.scss 5KB _tables.scss 5KB _responsive-utilities.scss 4KB _gradients.scss 4KB _input-groups.scss 4KB _buttons.scss 4KB _modals.scss 4KB _popovers.scss 3KB _grid.scss 3KB _list-group.scss 3KB _scaffolding.scss 3KB _tooltip.scss 3KB _forms.scss 3KB _grid-framework.scss 2KB _pagination.scss 2KB _progress-bars.scss 2KB _print.scss 2KB _alerts.scss 2KB bootstrap.scss 1KB _buttons.scss 1KB _grid.scss 1KB _code.scss 1KB _badges.scss 1KB _image.scss 1KB _labels.scss 1KB _jumbotron.scss 1KB _mixins.scss 986B _media.scss 900B _thumbnails.scss 892B _pager.scss 855B _component-animations.scss 819B _close.scss 815B _utilities.scss 765B _bootstrap-mincer.scss 757B _table-row.scss 715B _list-group.scss 672B _clearfix.scss 611B _breadcrumbs.scss 595B _hide-text.scss 589B _responsive-embed.scss 546B共 132 条
- 1
- 2
资源评论
