478 lines
29 KiB
HTML
478 lines
29 KiB
HTML
<!doctype html>
|
|
<html class="no-js" lang="en">
|
|
<head>
|
|
<title>Crafto - The Multipurpose HTML5 Template</title>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="author" content="ThemeZaa">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
|
|
<meta name="description" content="Elevate your online presence with Crafto - a modern, versatile, multipurpose Bootstrap 5 responsive HTML5, SCSS template using highly creative 52+ ready demos.">
|
|
|
|
<link rel="shortcut icon" href="images/favicon.png">
|
|
<link rel="apple-touch-icon" href="images/apple-touch-icon-57x57.png">
|
|
<link rel="apple-touch-icon" sizes="72x72" href="images/apple-touch-icon-72x72.png">
|
|
<link rel="apple-touch-icon" sizes="114x114" href="images/apple-touch-icon-114x114.png">
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
|
|
<link rel="stylesheet" href="css/vendors.min.css" />
|
|
<link rel="stylesheet" href="css/icon.min.css" />
|
|
<link rel="stylesheet" href="css/style.min.css" />
|
|
<link rel="stylesheet" href="css/responsive.min.css" />
|
|
<link rel="stylesheet" href="demos/lawyer/lawyer.css" />
|
|
</head>
|
|
<body data-mobile-nav-style="classic" class="custom-cursor">
|
|
|
|
<div class="cursor-page-inner">
|
|
<div class="circle-cursor circle-cursor-inner"></div>
|
|
<div class="circle-cursor circle-cursor-outer"></div>
|
|
</div>
|
|
|
|
|
|
<header>
|
|
|
|
<nav class="navbar navbar-expand-lg header-transparent bg-transparent disable-fixed border-bottom border-color-transparent-white-light">
|
|
<div class="container-fluid">
|
|
<div class="col-auto">
|
|
<a class="navbar-brand" href="demo-lawyer.html">
|
|
<img src="images/demo-lawyer-logo-white.png" data-at2x="images/demo-lawyer-logo-white@2x.png" alt class="default-logo">
|
|
<img src="images/demo-lawyer-logo-black.png" data-at2x="images/demo-lawyer-logo-black@2x.png" alt class="alt-logo">
|
|
<img src="images/demo-lawyer-logo-black.png" data-at2x="images/demo-lawyer-logo-black@2x.png" alt class="mobile-logo">
|
|
</a>
|
|
</div>
|
|
<div class="col-auto menu-order left-nav ps-60px lg-ps-20px md-ps-15px">
|
|
<button class="navbar-toggler float-start" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-label="Toggle navigation">
|
|
<span class="navbar-toggler-line"></span>
|
|
<span class="navbar-toggler-line"></span>
|
|
<span class="navbar-toggler-line"></span>
|
|
<span class="navbar-toggler-line"></span>
|
|
</button>
|
|
<div class="collapse navbar-collapse justify-content-center" id="navbarNav">
|
|
<ul class="navbar-nav">
|
|
<li class="nav-item"><a href="demo-lawyer.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-about.html" class="nav-link">About</a></li>
|
|
<li class="nav-item dropdown dropdown-with-icon-style02">
|
|
<a href="demo-lawyer-practice-areas.html" class="nav-link">Practice areas</a>
|
|
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink1" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink1">
|
|
<li><a href="demo-lawyer-practice-areas-details.html"><img src="images/demo-lawyer-practice-areas-icon-01.svg" alt>Human rights law</a></li>
|
|
<li><a href="demo-lawyer-practice-areas-details.html"><img src="images/demo-lawyer-practice-areas-icon-06.svg" alt>Criminal law</a></li>
|
|
<li><a href="demo-lawyer-practice-areas-details.html"><img src="images/demo-lawyer-practice-areas-icon-04.svg" alt>Employment law</a></li>
|
|
<li><a href="demo-lawyer-practice-areas-details.html"><img src="images/demo-lawyer-practice-areas-icon-07.svg" alt>Constitutional law</a></li>
|
|
<li><a href="demo-lawyer-practice-areas-details.html"><img src="images/demo-lawyer-practice-areas-icon-05.svg" alt>Securities law</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item dropdown dropdown-with-icon">
|
|
<a href="demo-lawyer-attorneys.html" class="nav-link">Attorneys</a>
|
|
<i class="fa-solid fa-angle-down dropdown-toggle" id="navbarDropdownMenuLink2" role="button" data-bs-toggle="dropdown" aria-expanded="false"></i>
|
|
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink2">
|
|
<li>
|
|
<a href="demo-lawyer-attorney-details.html">
|
|
<img src="images/team-55.jpg" alt>
|
|
<div class="submenu-icon-content">
|
|
Evan thomson
|
|
<p>Expert in criminal law.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="demo-lawyer-attorney-details.html">
|
|
<img src="images/team-54.jpg" alt>
|
|
<div class="submenu-icon-content">
|
|
Rosald smith
|
|
<p>Expert in corporate law.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="demo-lawyer-attorney-details.html">
|
|
<img src="images/team-25.jpg" alt>
|
|
<div class="submenu-icon-content">
|
|
Bryan jonhson
|
|
<p>Expert in family law.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="demo-lawyer-attorney-details.html">
|
|
<img src="images/team-24.jpg" alt>
|
|
<div class="submenu-icon-content">
|
|
Jeremy dupont
|
|
<p>Expert in business law.</p>
|
|
</div>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="demo-lawyer-attorneys.html" class="btn btn-dark-gray btn-round-edge btn-box-shadow align-self-center text-center text-white">Our attorneys</a>
|
|
</li>
|
|
</ul>
|
|
</li>
|
|
<li class="nav-item"><a href="demo-lawyer-journal.html" class="nav-link">Journal</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-contact.html" class="nav-link">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-auto ms-auto d-none d-lg-flex">
|
|
<div class="header-icon">
|
|
<div class="d-none d-xxl-flex me-25px xl-me-20px lg-me-0">
|
|
<div class="d-flex align-items-center widget-text"><span class="w-40px h-40px bg-base-color d-flex align-items-center justify-content-center me-10px rounded-circle fs-15"><i class="bi bi-telephone-outbound"></i></span><a href="tel:1234567890" class="widget-text text-white-hover">123 456 7890</a></div>
|
|
</div>
|
|
<div class="header-button"><a href="cdn-cgi/l/email-protection.html#f69f989099b68f99838492999b979f98d895999b" class="btn btn-medium btn-transparent-white border-1 border-color-transparent-white-light btn-rounded left-icon"><i class="feather icon-feather-mail"></i>Send a message</a></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
</header>
|
|
|
|
|
|
<section class="page-title-separate-breadcrumbs bg-dark-gray ipad-top-space-margin cover-background" style="background-image: url('images/demo-lawyer-team-details-title-bg.jpg')">
|
|
<div class="opacity-full-dark bg-gradient-dark-transparent"></div>
|
|
<div class="container position-relative">
|
|
<div class="row flex-column flex-lg-row justify-content-center align-items-lg-end extra-very-small-screen">
|
|
<div class="col-xxl-8 col-md-7 position-relative page-title-large md-mb-30px sm-mb-20px">
|
|
<h1 class="text-white alt-font fw-500 ls-minus-1px mb-0 font-style-italic" data-fancy-text="{ "opacity": [0, 1], "delay": 500, "speed": 50, "string": ["Employment law"], "easing": "easeOutQuad" }"></h1>
|
|
</div>
|
|
<div class="col-xxl-4 col-lg-5 col-md-7 col-sm-9 last-paragraph-no-margin" data-anime="{ "opacity": [0, 1], "delay": 500, "easing": "easeOutQuad" }">
|
|
<p class="text-white opacity-8">Over the years, our commitment to excellence and passion for clients has been recognized.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="position-relative">
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-lg-4 pe-5 order-2 order-lg-1 lg-pe-3 md-pe-15px" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
<div class="mb-30px">
|
|
<span class="fs-22 ls-minus-05px text-dark-gray fw-600 alt-font mb-20px d-block">Practice areas</span>
|
|
<ul class="p-0 m-0 list-style-02">
|
|
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center"><a href="demo-lawyer-practice-areas-details.html">Human rights lawyer</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
|
|
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center"><a href="demo-lawyer-practice-areas-details.html">Criminal lawyer</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
|
|
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center text-dark-gray"><a href="demo-lawyer-practice-areas-details.html" class="text-dark-gray text-dark-gray-hover fw-600">Employment lawyer</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
|
|
<li class="pb-15px mb-15px border-bottom border-color-extra-medium-gray align-items-center"><a href="demo-lawyer-practice-areas-details.html">Constitutional lawyer</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
|
|
<li class="pb-15px align-items-center"><a href="demo-lawyer-practice-areas-details.html">Securities lawyer</a><i class="feather icon-feather-arrow-right ms-auto"></i></li>
|
|
</ul>
|
|
</div>
|
|
<div class="bg-very-light-gray border-radius-6px p-35px lg-p-25px mb-30px">
|
|
<span class="fs-22 ls-minus-05px alt-font text-dark-gray fw-600 mb-25px d-inline-block">How can we help you?</span>
|
|
<div class="contact-form-style-04">
|
|
|
|
<form action="email-templates/contact-form.php" method="post">
|
|
<input class="box-shadow-double-large input-small mb-15px form-control required" type="text" name="name" placeholder="Your name*" />
|
|
<input class="box-shadow-double-large input-small mb-15px form-control required" type="email" name="email" placeholder="Your email address*" />
|
|
<textarea class="box-shadow-double-large input-small mb-15px form-control" name="comment" placeholder="Your message" rows="4"></textarea>
|
|
<input type="hidden" name="redirect" value>
|
|
<button class="btn btn-small text-uppercase btn-round-edge btn-base-color btn-box-shadow submit w-100" type="submit">Send message</button>
|
|
<div class="form-results mt-20px d-none"></div>
|
|
</form>
|
|
|
|
</div>
|
|
</div>
|
|
<div class="border-radius-6px p-35px lg-p-25px bg-dark-gray position-relative overflow-hidden">
|
|
<img src="images/demo-lawyer-practice-areas-details-02.png" class="position-absolute right-minus-15px opacity-1 top-minus-10px" alt>
|
|
<span class="fs-22 alt-font text-white mb-30px w-90 xl-w-95 sm-w-100 d-block">Contact us today for a <span class="font-style-italic fw-600 border-color-base-color text-decoration-line-bottom-medium">free case evaluation?</span></span>
|
|
<a href="demo-lawyer-contact.html" class="btn btn-medium fw-700 btn-white btn-round-edge btn-box-shadow text-uppercase w-100">Free consultation<i class="fa-solid fa-arrow-right"></i></a>
|
|
</div>
|
|
</div>
|
|
<div class="col-lg-8 order-1 order-lg-2 md-mb-40px" data-anime="{ "el": "childs", "translateY": [50, 0], "opacity": [0,1], "duration": 1200, "delay": 0, "staggervalue": 150, "easing": "easeOutQuad" }">
|
|
<h4 class="text-dark-gray fw-600 ls-minus-05px alt-font">The most successful and well-known lawyers.</h4>
|
|
<p>Democracy must be built through open <span class="text-dark-gray text-decoration-line-bottom fw-500">societies that share information.</span> when there is information, there is enlightenment. when there is debate, there are solutions. when there is no sharing of power, no rule of law, no accountability, there is abuse aliquip ex commodo consequat.</p>
|
|
<p>The power of the lawyer is in the uncertainty of the law. lorem ipsum dolor sit amet consectetur adipiscing elit sed do <span class="text-dark-gray text-decoration-line-bottom fw-500">eiusmod tempor incididunt ut labore et dolore</span> magna aliqua.</p>
|
|
<img src="images/demo-lawyer-practice-areas-details.jpg" class="mt-30px md-mt-15px border-radius-6px" alt>
|
|
<h6 class="text-dark-gray fw-600 ls-minus-1px alt-font mb-20px mt-8 d-block">We are committed to take care of clients seriously</h6>
|
|
<p class="m-0">Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip quis nostrud commodo consequat.</p>
|
|
<div class="bg-very-light-gray p-7 mt-8 mb-9 border-radius-6px position-relative z-index-0 overflow-hidden">
|
|
<img src="images/demo-lawyer-practice-areas-details.png" class="position-absolute z-index-minus-1 right-minus-0px lg-w-180px d-none d-sm-inline-block" alt>
|
|
<h6 class="text-dark-gray fw-600 ls-minus-05px alt-font mb-25px md-mb-25px d-block">Benefits of our lawyer advisor</h6>
|
|
<div class="row row-cols-1 row-cols-xl-2 row-cols-md-2 w-80 lg-w-90 position-relative">
|
|
<div class="col">
|
|
<ul class="p-0 m-0 list-style-02 text-dark-gray">
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Expert legal services</li>
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Lawyer with experiences</li>
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Quality representation</li>
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Affordable pricing</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col">
|
|
<ul class="p-0 m-0 list-style-02 text-dark-gray">
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Dispute resolution</li>
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Legal protection</li>
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>We take care</li>
|
|
<li class="pb-5px"><i class="fa-solid fa-check fs-16 text-base-color me-10px"></i>Free consultation</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<h6 class="text-dark-gray fw-600 ls-minus-05px alt-font mb-20px d-block">Our working process for winning a case</h6>
|
|
<div class="accordion accordion-style-02" id="accordion-style-02" data-active-icon="icon-feather-chevron-down" data-inactive-icon="icon-feather-chevron-right">
|
|
|
|
<div class="accordion-item active-accordion">
|
|
<div class="accordion-header border-bottom border-color-extra-medium-gray">
|
|
<a href="demo-lawyer-practice-areas-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-01" aria-expanded="true" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-title d-flex align-items-center position-relative text-dark-gray mb-0">
|
|
<div class="process-step-icon-wrap position-relative me-15px">
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-40px w-40px fs-13 bg-base-color fw-500">
|
|
<span class="number position-relative z-index-1 text-white">01</span>
|
|
</div>
|
|
</div>
|
|
<i class="feather icon-feather-chevron-down icon-extra-medium"></i><span class="fw-500 fs-20 alt-font">Planning the case</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div id="accordion-style-02-01" class="accordion-collapse collapse show" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt labore dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="accordion-item">
|
|
<div class="accordion-header border-bottom border-color-extra-medium-gray">
|
|
<a href="demo-lawyer-practice-areas-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-02" aria-expanded="false" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-title d-flex align-items-center position-relative text-dark-gray mb-0">
|
|
<div class="process-step-icon-wrap position-relative me-15px">
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-40px w-40px fs-13 bg-base-color fw-500">
|
|
<span class="number position-relative z-index-1 text-white">02</span>
|
|
</div>
|
|
</div>
|
|
<i class="feather icon-feather-chevron-right icon-extra-medium"></i><span class="fw-500 fs-20 alt-font">Evaluate situation</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div id="accordion-style-02-02" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-light-medium-gray">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt labore dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="accordion-item">
|
|
<div class="accordion-header border-bottom border-color-extra-medium-gray">
|
|
<a href="demo-lawyer-practice-areas-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-03" aria-expanded="false" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-title d-flex align-items-center position-relative text-dark-gray mb-0">
|
|
<div class="process-step-icon-wrap position-relative me-15px">
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-40px w-40px fs-13 bg-base-color fw-500">
|
|
<span class="number position-relative z-index-1 text-white">03</span>
|
|
</div>
|
|
</div>
|
|
<i class="feather icon-feather-chevron-right icon-extra-medium"></i><span class="fw-500 fs-20 alt-font">File the case to the court</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div id="accordion-style-02-03" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-body last-paragraph-no-margin border-bottom border-color-extra-medium-gray">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt labore dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="accordion-item">
|
|
<div class="accordion-header">
|
|
<a href="demo-lawyer-practice-areas-details.html#" data-bs-toggle="collapse" data-bs-target="#accordion-style-02-04" aria-expanded="false" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-title d-flex align-items-center position-relative text-dark-gray mb-0">
|
|
<div class="process-step-icon-wrap position-relative me-15px">
|
|
<div class="process-step-icon d-flex justify-content-center align-items-center mx-auto rounded-circle h-40px w-40px fs-13 bg-base-color fw-500">
|
|
<span class="number position-relative z-index-1 text-white">04</span>
|
|
</div>
|
|
</div>
|
|
<i class="feather icon-feather-chevron-right icon-extra-medium"></i><span class="fw-500 fs-20 alt-font">Gather more information and case result</span>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
<div id="accordion-style-02-04" class="accordion-collapse collapse" data-bs-parent="#accordion-style-02">
|
|
<div class="accordion-body last-paragraph-no-margin">
|
|
<p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt labore dolore magna aliqua. ut enim ad minim veniam, quis nostrud exercitation.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<section class="bg-very-light-gray">
|
|
<div class="container">
|
|
<div class="row justify-content-center mb-3">
|
|
<div class="col-lg-7 text-center" data-anime="{ "el": "childs", "translateY": [30, 0], "opacity": [0,1], "duration": 600, "delay": 100, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
<span class="fs-20 text-base-color">Qualified our experts</span>
|
|
<h3 class="alt-font fw-500 text-dark-gray ls-minus-1px">Meet our <span class="fw-700 font-style-italic text-decoration-line-bottom-medium">attorneys</span></h3>
|
|
</div>
|
|
</div>
|
|
<div class="row row-cols-1 row-cols-xl-4 row-cols-sm-2 justify-content-center" data-anime="{ "el": "childs", "perspective": [900, 1200], "scaleY": [1.1, 1], "rotateY": [-30, 0], "opacity": [0,1], "duration": 600, "delay": 0, "staggervalue": 300, "easing": "easeOutQuad" }">
|
|
|
|
<div class="col transition-inner-all team-style-06 lg-mb-30px">
|
|
<div class="d-flex flex-column p-40px pb-20px md-p-30px h-100 align-items-center text-center border-radius-6px bg-white box-shadow-quadruple-large">
|
|
<a href="demo-lawyer-attorney-details.html"><img class="rounded-circle w-150px h-150px mb-15px" src="images/team-22.jpg" alt></a>
|
|
<a href="demo-lawyer-attorney-details.html" class="text-dark-gray alt-font fs-19 fw-600 mb-5px">Evan thomson</a>
|
|
<p class="w-90 mx-auto lh-28">I'm Evan, Expert in <a href="demo-lawyer-attorney-details.html" class="text-dark-gray text-decoration-line-bottom fw-500">criminal</a> lawyer.</p>
|
|
<div class="text-center elements-social social-icon-style-02 border-top border-color-light-medium-gray w-100 pt-15px">
|
|
<ul class="small-icon dark icon-with-animation">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
|
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
|
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col transition-inner-all team-style-06 lg-mb-30px">
|
|
<div class="d-flex flex-column p-40px pb-20px md-p-30px h-100 align-items-center text-center border-radius-6px bg-white box-shadow-quadruple-large">
|
|
<a href="demo-lawyer-attorney-details.html"><img class="rounded-circle w-150px h-150px mb-15px" src="images/team-21.jpg" alt></a>
|
|
<a href="demo-lawyer-attorney-details.html" class="text-dark-gray alt-font fs-19 fw-600 mb-5px">Bryan jonhson</a>
|
|
<p class="w-90 mx-auto lh-28">I'm Bryan, Expert in <a href="demo-lawyer-attorney-details.html" class="text-dark-gray text-decoration-line-bottom fw-500">family</a> lawyer.</p>
|
|
<div class="text-center elements-social social-icon-style-02 border-top border-color-light-medium-gray w-100 pt-15px">
|
|
<ul class="small-icon dark icon-with-animation">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
|
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
|
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col transition-inner-all team-style-06 xs-mb-30px">
|
|
<div class="d-flex flex-column p-40px pb-20px md-p-30px h-100 align-items-center text-center border-radius-6px bg-white box-shadow-quadruple-large">
|
|
<a href="demo-lawyer-attorney-details.html"><img class="rounded-circle w-150px h-150px mb-15px" src="images/team-23.jpg" alt></a>
|
|
<a href="demo-lawyer-attorney-details.html" class="text-dark-gray alt-font fs-19 fw-600 mb-5px">Jemmy watson</a>
|
|
<p class="w-90 mx-auto lh-28">I'm Jemmy, Expert in <a href="demo-lawyer-attorney-details.html" class="text-dark-gray text-decoration-line-bottom fw-500">corporate</a> lawyer.</p>
|
|
<div class="text-center elements-social social-icon-style-02 border-top border-color-light-medium-gray w-100 pt-15px">
|
|
<ul class="small-icon dark icon-with-animation">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
|
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
|
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="col transition-inner-all team-style-06">
|
|
<div class="d-flex flex-column p-40px pb-20px md-p-30px h-100 align-items-center text-center border-radius-6px bg-white box-shadow-quadruple-large">
|
|
<a href="demo-lawyer-attorney-details.html"><img class="rounded-circle w-150px h-150px mb-15px" src="images/team-56.jpg" alt></a>
|
|
<a href="demo-lawyer-attorney-details.html" class="text-dark-gray alt-font fs-19 fw-600 mb-5px">Jeremy dupont</a>
|
|
<p class="w-90 mx-auto lh-28">I'm Jeremy, Expert in <a href="demo-lawyer-attorney-details.html" class="text-dark-gray text-decoration-line-bottom fw-500">business</a> lawyer.</p>
|
|
<div class="text-center elements-social social-icon-style-02 border-top border-color-light-medium-gray w-100 pt-15px">
|
|
<ul class="small-icon dark icon-with-animation">
|
|
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
|
|
<li><a class="dribbble" href="http://www.dribbble.com" target="_blank"><i class="fa-brands fa-dribbble"></i></a></li>
|
|
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
|
|
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<footer class="footer-dark bg-blue-whale py-0">
|
|
<div class="container footer-top pt-50px pb-50px md-pt-35px md-pb-35px">
|
|
<div class="row justify-content-center">
|
|
|
|
<div class="col-12 position-relative justify-content-center align-items-center text-center">
|
|
<img src="images/demo-lawyer-07.png" class="position-absolute left-90px lg-left-15px opacity-1 top-minus-35px sm-top-minus-25px w-10 sm-w-15 xs-w-80px" alt>
|
|
<h5 class="alt-font d-inline-block align-middle text-white mb-0 me-35px md-me-0 position-relative">Contact us today for a <span class="text-decoration-line-bottom-medium fw-600 font-style-italic">free case evaluation?</span></h5>
|
|
<a href="demo-lawyer-contact.html" class="btn btn-large btn-rounded with-rounded btn-white btn-box-shadow fw-600 md-mt-40px sm-mt-30px">Free consultation<span class="bg-dark-gray text-white"><i class="feather icon-feather-arrow-right"></i></span></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="divider-style-03 divider-style-03-01 border-color-transparent-white-light"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row pt-50px pb-50px md-pt-35px md-pb-35px">
|
|
|
|
<div class="col-lg-2 text-center text-lg-start last-paragraph-no-margin md-mb-15px">
|
|
<a href="demo-lawyer.html" class="footer-logo d-inline-block">
|
|
<img src="images/demo-lawyer-logo-white.png" data-at2x="images/demo-lawyer-logo-white@2x.png" alt>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-4 last-paragraph-no-margin text-center text-lg-start md-mb-40px sm-mb-30px">
|
|
<span class="fs-22 alt-font md-w-80 xs-w-100 m-auto d-inline-block">Over the years, our commitment to excellence and passion for our <span class="text-white font-style-italic fw-500 text-decoration-line-bottom">clients has been recognized.</span></span>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-3 offset-xl-1 col-sm-6 text-center text-lg-start last-paragraph-no-margin xs-mb-30px">
|
|
<span class="alt-font d-inline-block text-white mb-5px fs-18"><i class="bi bi-geo-alt me-10px"></i>Landmark</span>
|
|
<p class="w-80 xs-w-100 d-inline-block">27 Eden eden centre, Orchard, Paris, France</p>
|
|
</div>
|
|
|
|
|
|
<div class="col-xl-2 col-lg-3 col-sm-6 text-center text-lg-start last-paragraph-no-margin">
|
|
<span class="alt-font d-inline-block text-white mb-5px fs-18"><i class="bi bi-telephone-outbound me-10px"></i>Contact</span>
|
|
<p><a href="tel:1234567890">(123) 456 7890</a></p>
|
|
<a href="cdn-cgi/l/email-protection.html#066f6860694662696b676f682865696b" class="text-white text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="9ff6f1f9f0dffbf0f2fef6f1b1fcf0f2">[email protected]</span></a>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container">
|
|
<div class="row">
|
|
<div class="col-12">
|
|
<div class="divider-style-03 divider-style-03-01 border-color-transparent-white-light"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="container footer-bottom pt-25px pb-25px">
|
|
<div class="row align-items-center">
|
|
|
|
<div class="col-lg-7 text-center text-lg-start sm-pb-10px">
|
|
<ul class="footer-navbar md-lh-normal">
|
|
<li class="nav-item"><a href="demo-lawyer.html" class="nav-link">Home</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-about.html" class="nav-link">About</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-practice-areas.html" class="nav-link">Practice areas</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-attorneys.html" class="nav-link">Attorneys</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-journal.html" class="nav-link">Journal</a></li>
|
|
<li class="nav-item"><a href="demo-lawyer-contact.html" class="nav-link">Contact</a></li>
|
|
</ul>
|
|
</div>
|
|
|
|
|
|
<div class="col-lg-5 text-center text-lg-end last-paragraph-no-margin">
|
|
<p>© 2024 Crafto is Powered by <a href="https://www.themezaa.com/" target="_blank" class="text-decoration-line-bottom text-white">ThemeZaa</a></p>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
|
|
<div class="scroll-progress d-none d-xxl-block">
|
|
<a href="demo-lawyer-practice-areas-details.html#" class="scroll-top" aria-label="scroll">
|
|
<span class="scroll-text">Scroll</span><span class="scroll-line"><span class="scroll-point"></span></span>
|
|
</a>
|
|
</div>
|
|
|
|
|
|
<script data-cfasync="false" src="cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript" src="js/jquery.js"></script>
|
|
<script type="text/javascript" src="js/vendors.min.js"></script>
|
|
<script type="text/javascript" src="js/main.js"></script>
|
|
</body>
|
|
</html> |