?
ELwebshll2019
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Tags -->
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1, shrink-to-fit=no" name="viewport">
<!-- Author -->
<meta name="author" content="Themes Industry">
<!-- description -->
<meta name="description" content="MegaOne is a highly creative, modern, visually stunning and Bootstrap responsive multipurpose studio and portfolio HTML5 template with 8 ready home page demos.">
<!-- keywords -->
<meta name="keywords" content="Creative, modern, clean, bootstrap responsive, html5, css3, portfolio, blog, studio, templates, multipurpose, one page, corporate, start-up, studio, branding, designer, freelancer, carousel, parallax, photography, studio, masonry, grid, faq">
<!-- Page Title -->
<title>Law | MegaOne HTML5 Template</title>
<!-- Favicon -->
<link rel="icon" href="law/img/favicon.ico">
<!-- Bundle -->
<link rel="stylesheet" href="vendor/css/bundle.min.css">
<!-- Plugin Css -->
<link rel="stylesheet" href="vendor/css/revolution-settings.min.css">
<link rel="stylesheet" href="vendor/css/jquery.fancybox.min.css">
<link rel="stylesheet" href="vendor/css/owl.carousel.min.css">
<link rel="stylesheet" href="vendor/css/swiper.min.css">
<link rel="stylesheet" href="vendor/css/cubeportfolio.min.css">
<link rel="stylesheet" href="vendor/css/LineIcons.min.css">
<link rel="stylesheet" href="vendor/css/jquery-ui.bundle.css">
<link rel="stylesheet" href="vendor/css/select2.min.css">
<link rel="stylesheet" href="vendor/css/slick-theme.css">
<link rel="stylesheet" href="vendor/css/slick.css">
<!-- <link rel="stylesheet" href="vendor/css/animate.css">-->
<!-- Style Sheet -->
<link rel="stylesheet" href="law/css/style.css">
</head>
<body data-spy="scroll" data-target=".navbar" data-offset="90" class="position-relative">
<!--Preloader-->
<div class="loader" id="loader-fade">
<div class="position-relative">
<div class="load">
<span></span>
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!--End Preloader-->
<!--Header Start-->
<header class="cursor-light">
<!--Navigation-->
<nav class="navbar navbar-top-default nav-radius navbar-expand-lg pb-0">
<div class="container">
<a href="javascript:void(0)" title="Logo" class="logo scroll">
<!--Logo Default-->
<img src="law/img/logo.png" alt="logo" class="logo-dark logo-default">
<img src="law/img/logo.png" alt="logo" class="logo-light logo-scrolled">
</a>
<!--Nav Links-->
<div class="collapse navbar-collapse">
<div class="navbar-nav ml-250">
<a class="nav-link" href="#home">Home</a>
<a class="nav-link" href="law/about.html">About Us</a>
<a class="nav-link" href="law/price.html">Our Fee</a>
<a class="nav-link" href="law/news.html">Latest News</a>
<a class="nav-link" href="law/contact-us.html">Contact Us</a>
</div>
</div>
<!--Side Menu Button-->
<a href="javascript:void(0)" class="parallax-btn sidemenu_btn" id="sidemenu_toggle">
<div class="animated-wrap sidemenu_btn_inner">
<div class="animated-element">
<span></span>
<span></span>
<span></span>
</div>
</div>
</a>
</div>
</nav>
<!--Side Nav-->
<div class="side-menu hidden">
<div class="inner-wrapper">
<span class="btn-close link" id="btn_sideNavClose"></span>
<nav class="side-nav w-100">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="law/about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="law/price.html">Our Fee</a>
</li>
<li class="nav-item">
<a class="nav-link" href="law/news.html">Latest News</a>
</li>
<li class="nav-item">
<a class="nav-link" href="law/contact-us.html">Contact Us</a>
</li>
</ul>
</nav>
<div class="side-footer text-white w-100">
<ul class="social-icons-simple">
<li><a class="wow fadeInUp facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
</ul>
<p class="text-white">© 2020 MegaOne. Made With Love by Themesindustry</p>
</div>
</div>
</div>
<a id="close_side_menu" href="javascript:void(0);"></a>
<!-- End side menu -->
</header>
<!--Header end-->
<!--Rev Slider-->
<section class="bg-white pb-0 about-banner" id="home">
<h2 class="d-none">heading</h2>
<div id="rev_slider_6_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="megaone" data-source="gallery" style="background:transparent;padding:0px;">
<!-- START REVOLUTION SLIDER 5.4.8.1 fullscreen mode -->
<div id="rev_slider_6_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.8.1">
<ul> <!-- SLIDE 1 -->
<li data-index="rs-20" data-transition="slidingoverlayup" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="images/blur-bg.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="law/img/banner-1.jpg" alt="" data-bgposition="cover" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme"
id="slide-20-layer-2"
data-x="['left','left','center','center']" data-hoffset="['70','40','-5','-5']"
data-y="['top','top','top','top']" data-voffset="['190','300','350','220']"
data-width="['520','520','520','400']"
data-height="none"
data-whitespace="normal"
data-fontsize="['52','52','50','40']"
data-lineheight="['60','55','55','49']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":400,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['inherit','inherit','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: normal; font-size: 46px; line-height: 63px; font-weight: 700; color: #fff; letter-spacing: 0px; font-family:Raleway; text-transform: capitalize"> case <span class="orange">treated</span>
with deep understanding</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme"
id="slide-20-layer-3"
data-x="['left','left','center','center']" data-hoffset="['71','40','8','3']"
data-y="['top','top','top','top']" data-voffset="['330','430','480','330']"
data-width="['500','520','680','400']"
data-height="none"
data-whitespace="normal"
data-fontsize="['18','20','25','20']"
data-lineheight="['25','27','40','23']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":3000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power1.easeInOut"}]'
data-textAlign="['inherit','left','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: normal; font-size: 18px; line-height: 25px; font-weight: 300; color: #fff; letter-spacing: 1.5px;font-family:Open Sans;">Lorem ipsum dolor sit amet, consectetur adipisicing
the incididunt ut labore et dolore magna aliqua.
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme"
id="slide-20-layer-6"
data-x="['left','left','center','center']" data-hoffset="['71','37','-50','-63']"
data-y="['top','top','top','top']" data-voffset="['400','520','610','450']"
data-width="94"
data-height="20"
data-whitespace="nowrap"
data-fontsize="['16','60','60','12']"
data-lineheight="['60','55','55','10']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power1.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 40px; font-weight: 600; letter-spacing: 0px;font-family:Open Sans;">
<a class="btn btn-rounded btn-large btn btn-green rev-slider text-capitalize scroll" href="#about">Get Started</a></div>
</li>
<!-- SLIDE 2 -->
<li data-index="rs-27" data-transition="slidebox" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="images/slider_02.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="law/img/banner-2.jpg" alt="" data-bgposition="inherit" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme"
id="slide-27-layer-2"
data-x="['center','center','center','center']" data-hoffset="['-30','30','-5','-5']"
data-y="['top','top','top','top']" data-voffset="['200','355','410','220']"
data-width="['670','720','720','400']"
data-height="none"
data-whitespace="normal"
data-fontsize="['52','52','50','40']"
data-lineheight="['60','55','55','49']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":400,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['center','inherit','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: normal; font-size: 44px; line-height: 63px; font-weight: 700; color: #fff; letter-spacing: 0px;font-family:Raleway; text-transform: capitalize">the <span class="orange">best </span> defence lawyers</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption tp-resizeme"
id="slide-27-layer-3"
data-x="['center','center','center','center']" data-hoffset="['-7','-5','0','3']"
data-y="['top','top','top','top']" data-voffset="['280','420','480','330']"
data-width="['550','480','680','400']"
data-height="none"
data-whitespace="normal"
data-fontsize="['18','20','25','20']"
data-lineheight="['25','27','40','23']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":3000,"frame":"0","from":"z:0;rX:0;rY:0;rZ:0;sX:0.8;sY:0.8;skX:0;skY:0;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":600,"frame":"999","to":"opacity:0;","ease":"Power1.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: normal; font-size: 18px; line-height: 25px; font-weight: 300; color: #fff; letter-spacing: 1.5px;font-family:Open Sans;">Lorem ipsum dolor sit amet, consectetur adipisicing
the incididunt ut labore et dolore magna aliqua.
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme"
id="slide-27-layer-6"
data-x="['center','center','center','center']" data-hoffset="['-35','-30','-50','-63']"
data-y="['top','top','top','top']" data-voffset="['360','520','610','450']"
data-width="94"
data-height="28"
data-whitespace="nowrap"
data-fontsize="['16','60','60','12']"
data-lineheight="['60','55','55','10']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power1.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 40px; font-weight: 600; color: #222d38; letter-spacing: 0px;font-family:Open Sans;">
<a class="btn btn-rounded btn-large btn-green rev-slider text-capitalize scroll" href="#about">Get Started</a></div>
</li>
<!-- SLIDE 3 -->
<li data-index="rs-28" data-transition="slidedown" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off" data-easein="default" data-easeout="default" data-masterspeed="1500" data-thumb="images/slider_01.jpg" data-rotate="0" data-saveperformance="off" data-title="Slide" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
<!-- MAIN IMAGE -->
<img src="law/img/banner-3.jpg" alt="" data-bgposition="inherit" data-bgfit="cover" data-bgrepeat="no-repeat" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme"
id="slide-20-layer-11"
data-x="['right','right','center','center']" data-hoffset="['70','50','20','5']"
data-y="['middle','middle','middle','middle']" data-voffset="['-70','-10','-70','-75']"
data-width="['520','520','520','400']"
data-height="none"
data-whitespace="normal"
data-fontsize="['52','52','50','40']"
data-lineheight="['60','55','55','55']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2000,"frame":"0","from":"z:0;rX:0deg;rY:0;rZ:0;sX:2;sY:2;skX:0;skY:0;opacity:0;","mask":"x:0px;y:0px;s:inherit;e:inherit;","to":"o:1;","ease":"Power2.easeOut"},{"delay":"wait","speed":500,"frame":"999","to":"opacity:0;","ease":"Power1.easeOut"}]'
data-textAlign="['right','right','inherit','inherit']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 6; white-space: normal; font-size: 46px; line-height: 63px; font-weight: 700; color: #fff; letter-spacing: 0px;font-family:Raleway; text-transform: capitalize">providing <span class="orange">legal</span> help</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme"
id="slide-20-layer-12"
data-x="['right','right','center','center']" data-hoffset="['70','50','30','3']"
data-y="['top','top','top','top']" data-voffset="['280','430','475','330']"
data-width="['500','550','680','400']"
data-height="none"
data-whitespace="normal"
data-fontsize="['18','20','25','20']"
data-lineheight="['25','27','40','23']"
data-type="text"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":400,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
data-textAlign="['right','right','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 7; white-space: normal; font-size: 18px; line-height: 25px; font-weight: 300; color: #fff; letter-spacing: 1.5px;font-family:Open Sans;">Lorem ipsum dolor sit amet, consectetur adipisicing
the incididunt ut labore et dolore magna aliqua.</div>
<!-- LAYER NR. 11 -->
<!-- LAYER NR. 9 -->
<div class="tp-caption tp-resizeme"
id="slide-20-layer-14"
data-x="['right','right','center','center']" data-hoffset="['128','115','-50','-63']"
data-y="['top','top','top','top']" data-voffset="['360','510','610','450']"
data-width="94"
data-height="28"
data-whitespace="nowrap"
data-fontsize="['16','60','60','12']"
data-lineheight="['60','55','55','49']"
data-type="button"
data-responsive_offset="on"
data-frames='[{"delay":0,"speed":2500,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power2.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power1.easeInOut"}]'
data-textAlign="['center','center','center','center']"
data-paddingtop="[0,0,0,0]"
data-paddingright="[0,0,0,0]"
data-paddingbottom="[0,0,0,0]"
data-paddingleft="[0,0,0,0]"
style="z-index: 8; white-space: nowrap; font-size: 15px; line-height: 28px; font-weight: 600; letter-spacing: 0px;font-family:Open Sans;">
<a class="btn btn-rounded btn-large btn-green rev-slider text-capitalize scroll" href="#about">Get Started</a></div>
</li>
</ul>
<div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> </div>
</div>
<!-- END REVOLUTION SLIDER -->
</section>
<!--End Rev Slider-->
<!--About Sec-->
<section class="bg-white" id="about">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row">
<div class="col-lg-12 text-center">
<h4 class="">Lorem ipsum dolor sit am et</h4>
<h2>MegaOne law</h2>
<p class="about-max pt-10">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce nisi enim, vulputate at justo tristique, tempor sagittis dolor. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec sit amet ligula consequat urna posuere convallis.</p>
</div>
</div>
<div class="row position-relative">
<div class="col-md-4 mt-80 margin-50">
<div class="icon-hover-effect">
<div class="about-padding">
<div class="text-center">
<i class="fa fa-balance-scale icon"></i>
</div>
</div>
</div>
<h6 class="pt-20 text-center">Business Law</h6>
<h3 class="text-center pt-10 max-237 max-151">Low Cost For Every Case</h3>
</div>
<div class="col-md-4 mt-80 margin-50">
<div class="icon-hover-effect">
<div class="about-padding2">
<div class="text-center">
<i class="fa fa-home icon"></i>
</div>
</div>
</div>
<h6 class="pt-20 text-center">Home Law</h6>
<h3 class="text-center pt-10 year-max max-151">Intelligent Lawyers</h3>
</div>
<div class="col-md-4 mt-80 margin-50">
<div class="icon-hover-effect">
<div class="about-padding">
<div class="text-center">
<i class="fa fa-briefcase icon"></i>
</div>
</div>
</div>
<h6 class="pt-20 text-center">Corporate Law</h6>
<h3 class="text-center pt-10 max-200">Best Attorneys Team</h3>
</div>
</div>
</div>
</section>
<!--End About Sec-->
<!--Counters Sec-->
<section class="bg-light demo-banner">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row">
<div class="col-md-3 padding-50">
<div class="serial-box">
<span class="count">125</span>
<p >Trusted Clients</p>
</div>
</div>
<div class="col-md-3 padding-50">
<div class="serial-box">
<span class="count">865</span>
<p >Successful Cases</p>
</div>
</div>
<div class="col-md-3 padding-50">
<div class="serial-box">
<span class="count">510</span>
<p >Qualified Lawyers</p>
</div>
</div>
<div class="col-md-3">
<div class="serial-box">
<span class="count">1350</span>
<p >Honors & Awards</p>
</div>
</div>
</div>
</div>
</section>
<!--End Counters Sec-->
<!--Work Sec-->
<section class="bg-white">
<div class="container">
<div class="row">
<div class="col-lg-8 col-md-12">
<div class="row">
<div class="col-md-6 bottom-20">
<div class="swiper-container" id="swiper-img">
<div class="swiper-wrapper">
<!-- slide 1 -->
<div class="swiper-slide">
<div class="team-img">
<img src="law/img/team1.jpg" alt="img" class="img-fluid">
</div>
</div>
<!-- slide 2 -->
<div class="swiper-slide active">
<div class="team-img">
<img src="law/img/team2.jpg" alt="img" class="img-fluid">
</div>
</div>
<!-- slide 3 -->
<div class="swiper-slide">
<div class="team-img">
<img src="law/img/team3.jpg" alt="img" class="img-fluid">
</div>
</div>
</div>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination"></div>-->
</div>
</div>
<div class="col-md-6 bottom-20">
<div class="swiper-container" id="swiper-text">
<div class="swiper-wrapper">
<!-- slide 1 -->
<div class="swiper-slide">
<div class="team-box">
<h3 class="font-weight-normal text-white">William John</h3>
<h6 class="font-weight-light text-white">Business Lawyer</h6>
<p class="text-white">Keep away from people who try to belittle your ambitions. Small people always do that but the really great.</p>
<div class="social_icons d-md-block">
<ul>
<li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
<li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
<li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
</ul>
</div>
</div>
</div>
<!-- slide 2 -->
<div class="swiper-slide active">
<div class="team-box">
<h3 class="font-weight-normal text-white">Natalie Lafour</h3>
<h6 class="font-weight-light text-white">Family Lawyer</h6>
<p class="text-white">Keep away from people who try to belittle your ambitions. Small people always do that but the really great.</p>
<div class="social_icons d-md-block">
<ul>
<li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
<li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
<li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
</ul>
</div>
</div>
</div>
<!-- slide 3 -->
<div class="swiper-slide">
<div class="team-box">
<h3 class="font-weight-normal text-white">Andrew Miller</h3>
<h6 class="font-weight-light text-white">Corporate Lawyer</h6>
<p class="text-white">Keep away from people who try to belittle your ambitions. Small people always do that but the really great.</p>
<div class="social_icons d-md-block">
<ul>
<li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>
<li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>
<li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>
<li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>
</ul>
</div>
</div>
</div>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination"></div>
</div>
</div>
</div>
<!-- <div id="team-carousel" class="owl-carousel owl-theme">-->
<!-- <div class="item item-carosuel">-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 bottom-20">-->
<!-- <div class="team-img">-->
<!-- <img src="law/img/team2.jpg">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-6 text-center bottom-20">-->
<!-- <div class="team-box">-->
<!-- <h3 class="font-weight-normal text-white">Natalie Lafour</h3>-->
<!-- <h6 class="font-weight-light text-white">Company CEO</h6>-->
<!-- <p class="text-white">Keep away from people who try to belittle your ambitions. Small people always do that but the really great.</p>-->
<!-- <div class="social_icons d-md-block">-->
<!-- <ul>-->
<!-- <li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="item item-carosuel">-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 bottom-20">-->
<!-- <div class="team-img">-->
<!-- <img src="law/img/team1.jpg">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-6 text-center bottom-20">-->
<!-- <div class="team-box">-->
<!-- <h3 class="font-weight-normal text-white">Wiliam Jofa</h3>-->
<!-- <h6 class="font-weight-light text-white">Manager</h6>-->
<!-- <p class="text-white">Keep away from people who try to belittle your ambitions. Small people always do that but the really great.</p>-->
<!-- <div class="social_icons d-md-block">-->
<!-- <ul>-->
<!-- <li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="item item-carosuel">-->
<!-- <div class="row">-->
<!-- <div class="col-md-6 bottom-20">-->
<!-- <div class="team-img">-->
<!-- <img src="law/img/team3.jpg">-->
<!-- </div>-->
<!-- </div>-->
<!-- <div class="col-md-6 text-center bottom-20">-->
<!-- <div class="team-box">-->
<!-- <h3 class="font-weight-normal text-white">John Anderson </h3>-->
<!-- <h6 class="font-weight-light text-white">Marketing Lead</h6>-->
<!-- <p class="text-white">Keep away from people who try to belittle your ambitions. Small people always do that but the really great.</p>-->
<!-- <div class="social_icons d-md-block">-->
<!-- <ul>-->
<!-- <li><a href="#." class="facebook-bg-hvr"><i class="fab fa-facebook-f" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="twitter-bg-hvr"><i class="fab fa-twitter" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="linkedin-bg-hvr"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a> </li>-->
<!-- <li><a href="#." class="instagram-bg-hvr"><i class="fab fa-instagram" aria-hidden="true"></i></a> </li>-->
<!-- </ul>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
<!-- </div>-->
</div>
<div class="col-lg-4 col-md-12">
<div class="carousel-date text-center">
<p class="text-white">We're Best</p>
<p class="font-weight-bold text-white date-padding">10</p>
<p class="text-white">Meet Our Friendly Team</p>
</div>
</div>
</div>
</div>
</section>
<!--End Work Sec-->
<!--Testimonial-->
<section id="client" class="testimonial bg-light">
<div class="container">
<div class="row">
<div class="col-md-12">
<!--Testimonials with background 02-->
<div class="feedback-slides">
<div class="client-thumbnails">
<div>
<div class="item">
<div class="img-fill"><img src="law/img/testimonial-1.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">John Terry</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="law/img/testimonial-2.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">Jessica Miller</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="law/img/testimonial-3.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">David Muller</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
<div class="item">
<div class="img-fill"><img src="law/img/testimonial-2.jpg" alt="client"></div>
<div class="title">
<h3 class="blue text-center mt-30 font-weight-600">Jessica Miller</h3>
<p class="blue text-center pt-10 testi-heading">New York City</p>
</div>
</div>
</div>
</div>
<div class="client-feedback">
<div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
<div class="item">
<div class="single-feedback">
<p>“Lorem ipsum dolor sit amet, consectetur adipiscing elit, incididunt ut labore et dolore magna. Quis ipsum suspendisse ultrices gravida.”</p>
</div>
</div>
</div>
</div>
</div>
<!--Testimonials with background ends-->
</div>
</div>
</div>
</section>
<!--End Testimonial-->
<!--Blog Start-->
<section id="news" class="bg-white">
<h2 class="d-none">heading</h2>
<div class="container">
<div class="row align-items-center mb-5">
<div class="col-md-6 order-2 wow fadeInRight">
<!--Blog Content-->
<div class="blog-text blog-right ml-lg-auto">
<h2>Best law Agency</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in velit dolor. Vivamus gravida,
neque nec interdum cursus, erat ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="law/news.html" class="btn btn-rounded btn-large btn-green fadeInDown-slide animated text-capitalize">Learn More</a>
</div>
</div>
<div class="col-md-6">
<!--Blog Image-->
<div class="img-hvr">
<div class="date">
<h5 class="m-0">20</h5>
<h5 class="m-0">Feb</h5>
<h5 class="m-0">2020</h5>
</div>
</div>
<div id="blog-slider" class=" owl-carousel">
<div class="item blog-image wow hover-effect fadeInLeft">
<img src="law/img/news-img1.jpg" alt="image">
</div>
<div class="item blog-image wow hover-effect fadeInLeft">
<img src="law/img/news-img2.jpg" alt="image">
</div>
<div class="item blog-image wow hover-effect fadeInLeft">
<img src="law/img/news-img3.jpg" alt="image">
</div>
</div>
</div>
</div>
<div class="row align-items-center">
<div class="col-md-6 order-2 order-md-1 wow fadeInLeft">
<!--Blog Content-->
<div class="blog-text">
<h2>25 Year Of Experience</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in velit dolor. Vivamus gravida,
neque nec interdum cursus, erat ligula. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
<a href="law/news.html" class="btn btn-rounded btn-large btn-blue fadeInDown-slide animated text-capitalize">Learn More</a>
</div>
</div>
<div class="col-md-6 order-md-2">
<div class="img-hvr">
<div class="date-2">
<h5 class="m-0">20</h5>
<h5 class="m-0">Feb</h5>
<h5 class="m-0">2020</h5>
</div>
</div>
<!--Blog Image-->
<div id="blog-slider-1" class="owl-carousel">
<div class="item blog-image2 text-right hover-effect wow fadeInRight">
<img src="law/img/news-img4.jpg" alt="image">
</div>
<div class="item blog-image2 text-right hover-effect wow fadeInRight">
<img src="law/img/news-img5.jpg" alt="image">
</div>
<div class="item blog-image2 text-right hover-effect wow fadeInRight">
<img src="law/img/news-img6.jpg" alt="image">
</div>
</div>
</div>
</div>
</div>
</section>
<!--Blog End-->
<!--Footer Start-->
<section class="text-center bg-blue m-0">
<h2 class="d-none">hidden</h2>
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="footer-social">
<ul class="list-unstyled text-white">
<li><a class="wow fadeInUp facebook-bg-hvr" href="javascript:void(0);"><i class="fab fa-facebook-f" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown twitter-bg-hvr" href="javascript:void(0);"><i class="fab fa-twitter" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp google-bg-hvr" href="javascript:void(0);"><i class="fab fa-google-plus-g" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown linkedin-bg-hvr" href="javascript:void(0);"><i class="fab fa-linkedin-in" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInUp instagram-bg-hvr" href="javascript:void(0);"><i class="fab fa-instagram" aria-hidden="true"></i></a></li>
<li><a class="wow fadeInDown mail-bg-hvr" href="javascript:void(0);"><i class="fa fa-envelope" aria-hidden="true"></i></a></li>
</ul>
</div>
<p class="company-about fadeIn text-capitalize">© 2020 Megaone. Made With Love By <a href="javascript:void(0);">Themesindustry</a></p>
</div>
</div>
</div>
</section>
<!--Footer End-->
<!--G0 Top-->
<div class="go-top"><i class="fas fa-chevron-up"></i><i class="fas fa-chevron-up"></i></div>
<!--End Go Top-->
<!-- JavaScript -->
<script src="vendor/js/bundle.min.js"></script>
<!-- Plugin Js -->
<script src="vendor/js/jquery.fancybox.min.js"></script>
<script src="vendor/js/owl.carousel.min.js"></script>
<script src="vendor/js/swiper.min.js"></script>
<script src="vendor/js/jquery.cubeportfolio.min.js"></script>
<script src="vendor/js/jquery.appear.js"></script>
<script src="vendor/js/wow.min.js"></script>
<script src="vendor/js/flip.js"></script>
<script src="vendor/js/jquery-ui.bundle.js"></script>
<script src="vendor/js/select2.min.js"></script>
<script src="vendor/js/jquery.hoverdir.js"></script>
<script src="vendor/js/hover-item.js"></script>
<script src="vendor/js/slick.min.js"></script>
<script src="vendor/js/parallaxie.min.js"></script>
<!-- REVOLUTION JS FILES -->
<script src="vendor/js/jquery.themepunch.tools.min.js"></script>
<script src="vendor/js/jquery.themepunch.revolution.min.js"></script>
<!-- SLIDER REVOLUTION EXTENSIONS -->
<script src="vendor/js/extensions/revolution.extension.actions.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.carousel.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.kenburn.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.migration.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.navigation.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.parallax.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.slideanims.min.js"></script>
<script src="vendor/js/extensions/revolution.extension.video.min.js"></script>
<!-- custom script -->
<script src="http://maps.google.com/maps/api/js?key=AIzaSyCo_pcAdFNbTDCAvMwAD19oRTuEmb9M50c"></script>
<script src="law/js/maps.min.js"></script>
<script src="law/js/script.js"></script>
</body>
</html>