博主介绍：黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者，CSDN博客专家，在线教育专家，CSDN钻石讲师；专注大学生毕业设计教育、辅导。
所有项目都配有从入门到精通的基础知识视频课程，学习后应对毕业设计答辩，提供核心代码讲解，答辩指导。
项目配有对应开发文档、开题报告、任务书、PPT等，提供毕业设计论文辅导。项目都录了发布和功能操作演示视频；项目的界面和功能都可以定制，包安装运行！！！
如果需要联系我，可以在CSDN网站查询黄菊华老师的，在文章末尾可以获取联系方式
网页截图
网页代码
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="title" content="Neete Law || Responsive HTML Template">
<meta name="description" content="Neete Law is highly clean,Cretive, modern, Responsive HTML template">
<meta name="keywords" content="HTML5,CSS3,SASS,Bootstrap,JavaScript,Jquery">
<meta name="author" content="ITCLAN BD" />
<title>Neete Law-Home Page</title>
<!-- Favicon -->
<link rel="icon" href="assets/images/logo/favicon.png" type="image/x-icon">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!--Ico Font-->
<link rel="stylesheet" href="assets/css/icofont.min.css">
<!--Owl Carosuel CSS-->
<link rel="stylesheet" href="assets/css/owl.carousel.min.css">
<link rel="stylesheet" href="assets/css/owl.theme.default.min.css">
<!--Animated Css-->
<link rel="stylesheet" href="assets/css/animate.css">
<!--Main CSS-->
<link rel="stylesheet" href="assets/css/style.css">
<!--Responsive CSS-->
<link rel="stylesheet" href="assets/css/responsive.css">
<!--Custom CSS-->
<link rel="stylesheet" href="assets/css/custom.css">
</head>
<body>
<!--===Preloader Start===-->
<div id="ic-preloader">
<div id="ic-preloader-center">
<div id="ic-preloader-absolute">
<div class="ic-loader" id="ic-loader-one"></div>
<div class="ic-loader" id="ic-loader-two"></div>
<div class="ic-loader" id="ic-loader-three"></div>
</div>
</div>
</div>
<!--===Preloader Start===-->
<!--===Header Top Area Start===-->
<section class="ic-header-top">
<div class="ic-header-top-slidedown ic-p-tb-20">
<div class="container">
<div class="row">
<div class="col-md-4 col-sm-6 my-auto">
<div class="ic-header-top-contact">
<a href="tel:+8801770823204" class="ic-pr-15">
<i class="icofont-ui-call"></i>
<span>+880 1770 823 204</span>
</a>
<a href="mailto:abc@example.com" class="ic-pl-15">
<i class="icofont-ui-email"></i>
<span>abc@example.com</span>
</a>
</div>
</div>
<div class="col-md-4 col-sm-d-none">
<div class="ic-top-header-logo text-center">
<!--Logo-->
<a href="index.html">
<img src="assets/images/logo/logo.png" class="img-fluid" alt="logo">
</a>
</div>
</div>
<div class="col-md-4 col-sm-6 my-auto text-right">
<div class="ic-header-top-social">
<ul>
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-instagram"></i></a></li>
<li><a href="#"><i class="icofont-blogger"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--===Header Top Area End===-->
<!--===Header Area Strat===-->
<header>
<div class="container">
<nav class="navbar ic-navbar navbar-expand-md">
<div class="ic-header-top-contact ic-mobile-head-top-contact">
<a href="tel:+8801770823204" class="ic-pr-15">
<i class="icofont-ui-call"></i>
<span>+880 1770 823 204</span>
</a>
<a href="mailto:abc@example.com" class="ic-pl-15">
<i class="icofont-ui-email"></i>
<span>abc@example.com</span>
</a>
</div>
<div class="m-logo">
<a href="index.html">
<img src="assets/images/logo/footer-logo.png" class="img-fluid" alt="logo">
</a>
</div>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<i class="icofont-navigation-menu"></i>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ic-navbar-nav mr-auto">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="practice-area.html">Practice Areas </a>
</li>
<li class="nav-item">
<a class="nav-link" href="attorneys.html"> Attorneys</a>
</li>
<li class="nav-item dropdown ic-dropdown-item">
<a class="nav-link ic-dropdown dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#"> Pages</a>
<ul class="ic-dropdown-menu dropdown-menu">
<li><a href="free-consultation.html">Free Consultation</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="404-error.html">404 Error page</a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link" href="news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
</ul>
<div class="form-inline ic-menu-search-warper my-2 my-lg-0">
<div class="ic-navbar-search-icon">
<a href="#" class="ic-search-open"><i class="icofont-search"></i></a>
<a href="#" class="ic-search-close"><i class="icofont-close"></i></a>
<div class="ic-nav-search-box">
<div class="ic-search-area">
<form action="#">
<div class="form-group mb-0">
<input type="text" class="form-control" placeholder="Search">
<button type="submit"><i class="icofont-search-2"></i></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</nav>
</div>
</header>
<!--===Header Area End===-->
<main>
<!--===Banner Area Start===-->
<section class="ic-banner-area">
<div class="ic-banner-carousel owl-theme owl-carousel">
<!--Item 1-->
<div class="ic-slider-item" data-dot="01">
<div class="ic-slider-image" data-bg="assets/images/banner/banner1.jpg"></div>
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="ic-banner-content">
<p class="ic-heading-top-p">We Help You To</p>
<h1 class="ic-mb-25">Providing Correct Advice</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sollicitudin peiet erat sit amet vulputate.Integer sollicitudin peiet erat sit amet vulputate</p>
<a href="#" class="ic-btn1 ic-mt-35">Request A Free Consultation</a>
</div>
</div>
</div>
</div>
</div>
<!--Item 2-->
<div class="ic-slider-item" data-dot="02">
<div class="ic-slider-image" data-bg="assets/images/banner/banner2.jpg"></div>
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="ic-banner-content">
<p class="ic-heading-top-p">We Help You To</p>
<h1 class="ic-mb-25">Providing Correct Advice</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sollicitudin peiet erat sit amet vulputate.Integer sollicitudin peiet erat sit amet vulputate</p>
<a href="#" class="ic-btn1 ic-mt-35">Request A Free Consultation</a>
</div>
</div>
</div>
</div>
</div>
<!--Item 2-->
<div class="ic-slider-item" data-dot="03">
<div class="ic-slider-image" data-bg="assets/images/banner/banner3.jpg"></div>
<div class="container">
<div class="row">
<div class="col-md-7">
<div class="ic-banner-content">
<p class="ic-heading-top-p">We Help You To</p>
<h1 class="ic-mb-25">Providing Correct Advice</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sollicitudin peiet erat sit amet vulputate.Integer sollicitudin peiet erat sit amet vulputate</p>
<a href="#" class="ic-btn1 ic-mt-35">Request A Free Consultation</a>
</div>
</div>
</div>
</div>
</div>
<!--Item End-->
</div>
</section>
<!--===Banner Area End===-->
<!--===Banner Bottom Counter Area Start===-->
<section class="ic-banner-bottom-counter">
<div class="container">
<div class="ic-counter-warper">
<div class="row">
<!--Item 1-->
<div class="col-md-6 col-lg-3 col-sm-6">
<div class="ic-counter-content content1">
<div class="icon">
<i class="icofont-lawyer-alt-1"></i>
</div>
<div class="content">
<h1><span class="counter">2</span>h+</h1>
<p>Qualified Lawyer</p>
</div>
</div>
</div>
<!--Item 2-->
<div class="col-md-6 col-lg-3 col-sm-6">
<div class="ic-counter-content content2">
<div class="icon">
<i class="icofont-users-alt-1"></i>
</div>
<div class="content">
<h1><span class="counter">2</span>k+</h1>
<p>Satisfied Clients</p>
</div>
</div>
</div>
<!--Item 3-->
<div class="col-md-6 col-lg-3 col-sm-6">
<div class="ic-counter-content content3">
<div class="icon">
<i class="icofont-law-scales"></i>
</div>
<div class="content">
<h1><span class="counter">10</span>k+</h1>
<p>Successful Case</p>
</div>
</div>
</div>
<!--Item 4-->
<div class="col-md-6 col-lg-3 col-sm-6">
<div class="ic-counter-content content4">
<div class="icon">
<i class="icofont-law-document"></i>
</div>
<div class="content">
<h1><span class="counter">2</span>h+</h1>
<p>Honor & Award</p>
</div>
</div>
</div>
<!--Item End-->
</div>
</div>
</div>
</section>
<!--===Banner Bottom Counter Area End===-->
<!--===About Area Start===-->
<section class="ic-about-area ic-p-tb-80">
<div class="container">
<div class="row">
<div class="col-md-5">
<div class="ic-about-left">
<div class="ic-heading">
<p class="ic-heading-top-p">Neete Law</p>
<h1 class="ic-mb-40">Is The Best Law Farm <br> To Give You Correct <br> Advisor</h1>
<p>Lorem ipsum dolor sit amet, consecteturyi adipiscing elit, sed done eiusmod tempor incididun labore dolore magna aliqua. Quis ipsum suspendisse ultrices gravida. Risus commod vel facilisis. </p>
<a href="#" class="ic-btn2 ic-mt-40">About Us</a>
</div>
</div>
</div>
<div class="col-md-6 offset-md-1">
<div class="ic-about-right-warper">
<div class="ic-about-right ic-mb-20">
<h2>Our History</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In coolia nsectur ultricies magna, eu congue erat interdum vel. Morbi nisi nisi, semper a libero in. . . ..</p>
<a href="#">Read More <i class="icofont-long-arrow-right"></i></a>
</div>
<div class="ic-about-right">
<h2>Our Goal</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In coolia nsectur ultricies magna, eu congue erat interdum vel. Morbi nisi nisi, semper a libero in. . . ..</p>
<a href="#">Read More <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--===About Area End===-->
<!--===Why Work Area Start===-->
<section class="ic-why-work-area ic-p-tb-80">
<div class="container">
<div class="ic-heading ic-why-work-heading">
<p class="ic-heading-top-p">Why Work With US</p>
<h1>Expert In Parctice Areas</h1>
</div>
<div class="row">
<!--Item 1-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-bank"></i></a>
</div>
<div class="content">
<p class="title">Finance & Banking Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 2-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-handcuff"></i></a>
</div>
<div class="content">
<p class="title">Criminal Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 3-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-users-alt-4"></i></a>
</div>
<div class="content">
<p class="title">Family Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 4-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-industries"></i></a>
</div>
<div class="content">
<p class="title">Industriall Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 5-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-bag-alt"></i></a>
</div>
<div class="content">
<p class="title">Insurance Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 6-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-building-alt"></i></a>
</div>
<div class="content">
<p class="title">Real Estate law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 7-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-handshake-deal"></i></a>
</div>
<div class="content">
<p class="title">Business Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="practice-details.html">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item 8-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="ic-why-work-content text-center ic-mb-20">
<div class="icon ic-mb-34">
<a href="#"><i class="icofont-law-alt-2"></i></a>
</div>
<div class="content">
<p class="title">International Law</p>
<p class="ic-mt-8 ic-mb-30">Lorem ipsum dolor consectetur adipiscing elit, sed don eiusmod tempor incididunt facilisis. </p>
<a href="#">Read more <i class="icofont-long-arrow-right"></i></a>
</div>
</div>
</div>
<!--Item End-->
</div>
</div>
</section>
<!--===Why Work Area End===-->
<!--===Why Choose Area Start===-->
<section class="ic-why-choose-area">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-5">
<div class="ic-why-choose-left">
<img src="assets/images/why-choose/why-choose.png" class="img-fluid" alt="why choose">
</div>
</div>
<div class="col-lg-6 col-md-7 offset-lg-1">
<div class="ic-why-choose-right">
<div class="ic-heading ic-why-choose-heading">
<p class="ic-heading-top-p">why choose us</p>
<h1 class="ic-mb-42">Best Law Farm</h1>
<p class="ic-mb-50">Lorem ipsum dolor sit amet, consecteturyi adipiscing elit, sed done eiumod tempor incididun labore dolore magna aliqua. Quis ipsum suspendiultrices gravida. Risus commod vel facilisis. </p>
</div>
<div class="ic-why-choose-content-warper">
<!--Item 1-->
<div class="why-choose-content ic-mb-35">
<div class="icon">
<a href="#"><i class="icofont-business-man-alt-1"></i></a>
</div>
<div class="content">
<p class="txt-bold ic-mb-10">Experts Lawyers</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eleti nuncian maximus iaculis enimeget.</p>
</div>
</div>
<!--Item 2-->
<div class="why-choose-content ic-mb-35">
<div class="icon">
<a href="#"><i class="icofont-law-order"></i></a>
</div>
<div class="content">
<p class="txt-bold ic-mb-10">Legal Advice </p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eleti nuncian maximus iaculis enimeget.</p>
</div>
</div>
<!--Item 3-->
<div class="why-choose-content">
<div class="icon">
<a href="#"><i class="icofont-live-support"></i></a>
</div>
<div class="content">
<p class="txt-bold ic-mb-10">24/7 Friendly Supports</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing eleti nuncian maximus iaculis enimeget.</p>
</div>
</div>
<!--Item End-->
</div>
</div>
</div>
</div>
</div>
</section>
<!--===Why Choose Area End===-->
<!---===Team Area Start===-->
<section class="ic-team-area ic-pb-80">
<div class="container">
<div class="ic-heading ic-why-work-heading">
<p class="ic-heading-top-p">Meet our experts</p>
<h1>Talented attorneys</h1>
</div>
<div class="ic-team-contents">
<div class="row">
<!--Item 1-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="item">
<div class="thumbnil">
<a href="attorneys-details.html">
<img src="assets/images/team/team1.jpg" class="img-fluid" alt="team">
</a>
</div>
<div class="content">
<div class="title">
<h4><a href="attorneys-details.html">Joseph a. torres</a></h4>
<p><a href="attorneys-details.html">Business & Finance Lawyer</a> </p>
</div>
</div>
<div class="social-icon">
<ul>
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<!--Item 2-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="item">
<div class="thumbnil">
<a href="attorneys-details.html">
<img src="assets/images/team/team2.jpg" class="img-fluid" alt="team">
</a>
</div>
<div class="content">
<div class="title">
<h4><a href="attorneys-details.html">Alonzo Lowe</a></h4>
<p><a href="attorneys-details.html">Business & Finance Lawyer</a> </p>
</div>
</div>
<div class="social-icon">
<ul>
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<!--Item 3-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="item">
<div class="thumbnil">
<a href="attorneys-details.html">
<img src="assets/images/team/team3.jpg" class="img-fluid" alt="team">
</a>
</div>
<div class="content">
<div class="title">
<h4><a href="attorneys-details.html">David Potter</a></h4>
<p><a href="attorneys-details.html">Real Estate & Criminal Lawyer</a> </p>
</div>
</div>
<div class="social-icon">
<ul>
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<!--Item 4-->
<div class="col-lg-3 col-md-6 col-sm-6">
<div class="item">
<div class="thumbnil">
<a href="attorneys-details.html">
<img src="assets/images/team/team4.jpg" class="img-fluid" alt="team">
</a>
</div>
<div class="content">
<div class="title">
<h4><a href="attorneys-details.html">Nichole Cain</a></h4>
<p><a href="attorneys-details.html"> Insurance & Family Lawyer</a></p>
</div>
</div>
<div class="social-icon">
<ul>
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
</ul>
</div>
</div>
</div>
<!--Item End-->
</div>
<div class="ic-team-details-content text-center">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
<a class="ic-btn2" href="attorneys.html">our team profile</a>
</div>
</div>
</div>
</section>
<!---===Team Area End===-->
<!--===Success Area Start===-->
<section class="ic-success-area d-flex align-items-center" data-bg="assets/images/success/success-bg.png">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-7">
<div class="ic-success-content">
<p class="ic-heading-top-p">No Success, No Money</p>
<h1>25 Years Of Experience In Various Cases</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer sollicitudin amet vulputate. Nam tempor, nulla ac cursus convallis</p>
<a href="#" class="ic-btn1">Request A Free Consultation</a>
</div>
</div>
</div>
</div>
</section>
<!--===Success Area End===-->
<!--===Testimonial Area Start===-->
<section class="ic-testimonial-area ic-p-tb-80">
<div class="container">
<div class="ic-heading ic-testimonial-heading ic-mb-80">
<p class="ic-heading-top-p">Satisfied Clients</p>
<h1>Say Something About Us</h1>
</div>
<div id="ic-testimonial" class="owl-carousel">
<!--Item 1-->
<div class="item">
<div class="ic-testimonial-content">
<div class="top ic-mb-20">
<img src="assets/images/testimonial/user1.png" class="img-fluid" alt="user1">
<div class="title">
<p class="txt-bold">Tino Terry Matthews</p>
<p>Florida, USA</p>
</div>
</div>
<div class="top-border">
<img src="assets/images/testimonial/border-bottom.png" class="img-fluid" alt="">
</div>
<div class="body-txt ic-mt-35">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestib quam fermtum varius venetis, velit sem aliquet nunc, at luctus ligula quam etex. Morbi at velit et libero pha vestibulum elit. </p>
</div>
<div class="footer-icon ic-mt-30 ic-mb-30">
<a href="#"><i class="icofont-quote-right"></i></a>
</div>
</div>
<div class="ic-border">
<img src="assets/images/testimonial/border.png" class="img-fluid main-image" alt="">
<img src="assets/images/testimonial/hover-border.png" class="img-fluid hover-image" alt="">
</div>
</div>
<!--Item 2-->
<div class="item">
<div class="ic-testimonial-content">
<div class="top ic-mb-20">
<img src="assets/images/testimonial/user2.png" class="img-fluid" alt="user2">
<div class="title">
<p class="txt-bold">Debra Greene</p>
<p>Alaska, USA</p>
</div>
</div>
<div class="top-border">
<img src="assets/images/testimonial/border-bottom.png" class="img-fluid" alt="">
</div>
<div class="body-txt ic-mt-35">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestib quam fermtum varius venetis, velit sem aliquet nunc, at luctus ligula quam etex. Morbi at velit et libero pha vestibulum elit. </p>
</div>
<div class="footer-icon ic-mt-30 ic-mb-30">
<a href="#"><i class="icofont-quote-right"></i></a>
</div>
</div>
<div class="ic-border">
<img src="assets/images/testimonial/border.png" class="img-fluid main-image" alt="">
<img src="assets/images/testimonial/hover-border.png" class="img-fluid hover-image" alt="">
</div>
</div>
<!--Item 3-->
<div class="item">
<div class="ic-testimonial-content">
<div class="top ic-mb-20">
<img src="assets/images/testimonial/user1.png" class="img-fluid" alt="user1">
<div class="title">
<p class="txt-bold">Tino Terry Matthews</p>
<p>Florida, USA</p>
</div>
</div>
<div class="top-border">
<img src="assets/images/testimonial/border-bottom.png" class="img-fluid" alt="">
</div>
<div class="body-txt ic-mt-35">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestib quam fermtum varius venetis, velit sem aliquet nunc, at luctus ligula quam etex. Morbi at velit et libero pha vestibulum elit. </p>
</div>
<div class="footer-icon ic-mt-30 ic-mb-30">
<a href="#"><i class="icofont-quote-right"></i></a>
</div>
</div>
<div class="ic-border">
<img src="assets/images/testimonial/border.png" class="img-fluid main-image" alt="">
<img src="assets/images/testimonial/hover-border.png" class="img-fluid hover-image" alt="">
</div>
</div>
<!--Item 4-->
<div class="item">
<div class="ic-testimonial-content">
<div class="top ic-mb-20">
<img src="assets/images/testimonial/user1.png" class="img-fluid" alt="user1">
<div class="title">
<p class="txt-bold">Tino Terry Matthews</p>
<p>Florida, USA</p>
</div>
</div>
<div class="top-border">
<img src="assets/images/testimonial/border-bottom.png" class="img-fluid" alt="">
</div>
<div class="body-txt ic-mt-35">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vestib quam fermtum varius venetis, velit sem aliquet nunc, at luctus ligula quam etex. Morbi at velit et libero pha vestibulum elit. </p>
</div>
<div class="footer-icon ic-mt-30 ic-mb-30">
<a href="#"><i class="icofont-quote-right"></i></a>
</div>
</div>
<div class="ic-border">
<img src="assets/images/testimonial/border.png" class="img-fluid main-image" alt="">
<img src="assets/images/testimonial/hover-border.png" class="img-fluid hover-image" alt="">
</div>
</div>
<!--Item End-->
</div>
</div>
</section>
<!--===Testimonial Area End===-->
<!--===Success career Area Start===-->
<section class="ic-success-career-heading">
<div class="container">
<div class="row">
<div class="col-md-6 offset-md-6">
<div class="ic-success-career-heading-right ic-mb-30">
<div class="ic-heading">
<p class="ic-heading-top-p">Build Your Success Career</p>
<h1>25 Years Of Great Experience To Handel Various Cases Successfully</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="ic-success-career-main ic-pb-80">
<div class="container">
<div class="row">
<div class="col-12">
<div class="ic-success-career-body-right ic-success-career-body-right-m ic-pt-35">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiumod tempor incididunt ut labore et dolore magna aliqua. Quis ipsupendisse ultrices gravida isus commodo viverra maecenas.</p>
<a href="#" class="ic-btn2 ic-mt-40">Join With Us</a>
</div>
</div>
<div class="col-lg-5 col-md-6 ic-col-satic">
<div class="ic-success-career-left">
<img src="assets/images/success/success-career.png" class="img-fluid" alt="success career">
</div>
</div>
<div class="col-lg-6 col-md-6 offset-lg-1">
<div class="ic-success-career-body-right ic-pt-35">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiumod tempor incididunt ut labore et dolore magna aliqua. Quis ipsupendisse ultrices gravida isus commodo viverra maecenas.</p>
<a href="#" class="ic-btn2 ic-mt-40">Join With Us</a>
</div>
</div>
</div>
</div>
</section>
<!--===Success career Area End===-->
<!--===Latest News Area Strat===-->
<section class="ic-news-area ic-p-tb-80 ">
<div class="container">
<div class="ic-heading ic-mb-60">
<p class="ic-heading-top-p">Latest News</p>
<h1>Learn About Law</h1>
</div>
<div class="row">
<div class="col-md-6">
<div class="ic-news-content">
<div class="image">
<a href="#"><img src="assets/images/news/news-1.jpg" class="img-fluid" alt="news image"></a>
</div>
<div class="content">
<p class="author"><span>Posted By Admin</span> / 04 March, 2018</p>
<a href="#">
<p>If we desire respect for the law, we must first make the law respectable.</p>
</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="ic-news-content">
<div class="image">
<a href="#"><img src="assets/images/news/news-2.jpg" class="img-fluid" alt="news image"></a>
</div>
<div class="content">
<p class="author"><span>Posted By Admin</span> / 04 March, 2018</p>
<a href="#">
<p>If we desire respect for the law, we must first make the law respectable.</p>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--===Latest News Area End===-->
</main>
<!--===Footer Area Start===-->
<footer class="ic-footer">
<div class="ic-footer-warper ic-pt-80 ic-pb-80">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="ic-footer-left">
<img src="assets/images/logo/footer-logo.png" class="img-fluid" alt="footer logo">
<p class="ic-mt-35">Lorem ipsum dolor sit amet, consecte adipiscing elit, sed do eiusmod tempor incididunt ut labore edolore magna aliqua. Quis ipsum suices gravida. </p>
<a href="#" class="ic-btn2 ic-mt-40">About Us</a>
</div>
</div>
<div class="col-lg-4 col-md-5 col-sm-6 offset-lg-1">
<div class="ic-footer-middle">
<div class="address ic-mb-33">
<span><i class="icofont-google-map"></i></span>
<span>Address</span>
<p>171 Mountain Hill, Tee Mountain, London, UK</p>
</div>
<div class="phone ic-mb-33">
<span><i class="icofont-phone"></i></span>
<span>Phone</span>
<p><a href="tel:(+880)1770823204">(+880) 1770 823 204</a> / <a href="tel:(+880)1681857373">(+880) 1681 857 373</a></p>
</div>
<div class="email">
<span><i class="icofont-ui-email"></i></span>
<span>Email</span>
<a href="mailto:demo@example.com">
<p>demo@example.com</p>
</a>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-sm-12 offset-lg-1">
<div class="ic-footer-useful-link">
<ul>
<li><a href="#">Bsiness and Finance </a></li>
<li><a href="#">Family Law</a></li>
<li><a href="#">Insurance Law</a></li>
<li><a href="#">Car and Vehicals Law</a></li>
<li><a href="#">Real Estate Law</a></li>
<li><a href="#">Crime law </a></li>
<li><a href="#">International Law</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="ic-footer-bottom ic-pt-33 ic-pb-33">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-7 offset-lg-3 my-auto order-md-2 order-1">
<div class="ic-fotter-bottom-right">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Cases</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Legal</a></li>
<li><a href="#">Privacy & Policy</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--===Footer Area End===-->
<!--===Scroll Top Area Start===-->
<a href="#" class="ic-scroll-top"><i class="icofont-rounded-up"></i></a>
<!--===Scroll Top Area Start===-->
<!--Jquery-->
<script src="assets/js/jquery-3.5.1.min.js"></script>
<!--Counter Jquery-->
<script src="assets/js/counter-jquery.js"></script>
<!--Bootstrap Js-->
<script src="assets/js/bootstrap.min.js"></script>
<!--Owl Carosuel Js-->
<script src="assets/js/owl.carousel.min.js"></script>
<!--AJAX-->
<script src="assets/js/ajax-form.js"></script>
<!--Counter Up-->
<script src="assets/js/waypoints.min.js"></script>
<script src="assets/js/jquery.counterup.min.js"></script>
<!--Main Js-->
<script src="assets/js/main.js"></script>
<!--Custom Js-->
<script src="assets/js/custom.js"></script>
</body>
</html>
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
