Access_New/pages/demo-lawyer-blog-single-creative.html

573 lines
27 KiB
HTML
Raw Permalink Normal View History

2024-09-05 05:48:27 +00:00
<!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#f990979f96b980968c8b9d9694989097d79a9694" 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="bg-dark-gray top-space-padding overlap-height">
<div class="container overlap-gap-section">
<div class="row justify-content-center pt-9">
<div class="col-xl-9 text-center">
<span class="fs-18 mb-5 d-inline-block">By <a href="demo-lawyer-journal.html" class="text-white text-decoration-line-bottom fw-500">Jackson</a> in <a href="demo-lawyer-journal.html" class="text-white text-decoration-line-bottom fw-500">Lawyer</a> on 26 November 2023</span>
<h1 class="alt-font fw-600 text-white ls-minus-2px mb-0 font-style-italic">Finding the best financial capital and business lawyer.</h1>
</div>
</div>
</div>
</section>
<section class="pb-0 pt-md-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
<div class="container-fluid overlap-section">
<div class="row justify-content-center">
<div class="col-12"><img src="images/demo-lawyer-journal-details-01.jpg" class="w-100" alt></div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="col-lg-3 col-md-4 text-center sm-mb-30px">
<div class="pb-20px">
<img src="images/demo-lawyer-journal-details-02.jpg" class="rounded-circle w-130px mb-20px" alt>
<span class="d-block lh-26">Words by</span>
<a href="demo-lawyer-journal.html" class="text-dark-gray alt-font fw-500 text-uppercase">Jackson smith</a>
</div>
<div class="h-3px w-100 bg-base-color mb-20px"></div>
<ul class="d-flex list-unstyled justify-content-center">
<li class="me-25px"><a href="demo-lawyer-blog-single-creative.html#" class="text-uppercase alt-font fs-13"><i class="feather icon-feather-message-circle me-5px icon-small align-middle"></i>Comment</a></li>
<li><a href="demo-lawyer-blog-single-creative.html#" class="text-uppercase alt-font fs-13"><i class="feather icon-feather-heart me-5px icon-small align-middle"></i>Like</a></li>
</ul>
</div>
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
<h3 class="alt-font fw-600 text-dark-gray">Make performance analysis an ongoing strategy</h3>
<p>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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo <span class="text-dark-gray text-decoration-line-bottom">inventore veritatis et quasi</span> architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12"><img src="images/demo-lawyer-journal-details-03.jpg" class="w-100" alt></div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="col-lg-3 col-md-4 text-center text-lg-end sm-mb-30px"><img src="images/demo-lawyer-journal-details-04.png" class="mt-10px" alt></div>
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
<div class="pb-35px text-center text-md-start">
<h5 class="text-dark-gray fw-500 w-90 md-w-100 alt-font">The artist's world is limitless. It can be found any where far from where he lives or a few feet away.</h5>
<span class="fw-600 text-dark-gray d-block lh-20 text-uppercase ls-minus-05px">Nicholas Robinson</span>
<span class="d-block text-uppercase fs-13">Founder of photos</span>
</div>
<div class="h-3px w-100 bg-dark-gray mb-35px"></div>
<p>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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>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.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="py-0 ps-13 pe-13 lg-ps-4 lg-pe-4 sm-px-0">
<div class="container-fluid">
<div class="row justify-content-center">
<div class="col-12"><img src="images/demo-lawyer-journal-details-05.jpg" class="w-100" alt></div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row">
<div class="col-lg-3 col-md-4 text-center text-md-start"><h5 class="alt-font fw-600 text-dark-gray">Look for opportunities to diversify</h5></div>
<div class="offset-lg-1 col-md-8 last-paragraph-no-margin text-center text-md-start">
<p>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 commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, <span class="text-dark-gray text-decoration-line-bottom">totam rem aperiam</span> eaque ipsa quae ab illo inventore veritatis.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="half-section pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-10">
<div class="row mb-30px">
<div class="tag-cloud col-md-9 text-center text-md-start sm-mb-15px">
<a href="demo-lawyer-journal.html">Development</a>
<a href="demo-lawyer-journal.html">Event</a>
<a href="demo-lawyer-journal.html">Multimedia </a>
<a href="demo-lawyer-journal.html">Fashion</a>
</div>
<div class="tag-cloud col-md-3 text-uppercase text-center text-md-end">
<a class="likes-count fw-500 mx-0" href="demo-lawyer-blog-single-creative.html#"><i class="fa-regular fa-heart text-red me-10px"></i><span class="text-dark-gray text-dark-gray-hover">05 Likes</span></a>
</div>
</div>
<div class="row">
<div class="col-12 mb-6">
<div class="d-block d-md-flex w-100 box-shadow-extra-large align-items-center border-radius-4px p-7 sm-p-35px">
<div class="w-140px text-center me-50px sm-mx-auto">
<img src="images/avtar-07.jpg" class="rounded-circle w-110px" alt>
<a href="demo-lawyer-journal.html" class="text-dark-gray fw-500 mt-20px d-inline-block lh-20">Colene Landin</a>
<span class="fs-15 lh-20 d-block sm-mb-15px">Co-founder</span>
</div>
<div class="w-75 sm-w-100 text-center text-md-start last-paragraph-no-margin">
<p>Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the 1500s when an unknown printer took a galley of type.</p>
<a href="demo-lawyer-journal.html" class="btn btn-link btn-large text-dark-gray mt-15px">All author posts</a>
</div>
</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-12 text-center elements-social social-icon-style-04">
<ul class="medium-icon dark">
<li><a class="facebook" href="https://www.facebook.com/" target="_blank"><i class="fa-brands fa-facebook-f"></i><span></span></a></li>
<li><a class="twitter" href="https://www.twitter.com" target="_blank"><i class="fa-brands fa-twitter"></i><span></span></a></li>
<li><a class="instagram" href="https://www.instagram.com" target="_blank"><i class="fa-brands fa-instagram"><span></span></i></a></li>
<li><a class="linkedin" href="http://www.linkedin.com" target="_blank"><i class="fa-brands fa-linkedin-in"><span></span></i></a></li>
<li><a class="behance" href="http://www.behance.com/" target="_blank"><i class="fa-brands fa-behance"></i><span></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="bg-very-light-gray">
<div class="container">
<div class="row justify-content-center mb-1">
<div class="col-lg-7 text-center">
<span class="alt-font fw-500 text-base-color text-uppercase d-inline-block">You may also like</span>
<h3 class="alt-font text-dark-gray fw-500">Related posts</h3>
</div>
</div>
<div class="row sm-m-0">
<div class="col-12 px-0">
<ul class="blog-grid blog-wrapper grid grid-3col xl-grid-3col lg-grid-3col md-grid-2col sm-grid-2col xs-grid-1col gutter-double-extra-large">
<li class="grid-sizer"></li>
<li class="grid-item">
<div class="card border-0 border-radius-8px overflow-hidden box-shadow-quadruple-large">
<div class="blog-image">
<a href="demo-lawyer-blog-single-creative.html" class="d-block"><img src="images/demo-lawyer-blog-01.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-lawyer-journal.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-600 ls-minus-05px">Lawyer</a>
</div>
</div>
<div class="card-body p-45px md-p-30px">
<a href="demo-lawyer-blog-single-creative.html" class="card-title mb-15px fw-600 fs-22 alt-font text-dark-gray d-inline-block">What to do if teammates do not appreciate you?</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto fw-500">
<span class="blog-date d-inline-block">30 March 2023</span>
<div class="d-inline-block author-name">By <a href="demo-lawyer-journal.html" class="text-dark-gray text-decoration-line-bottom fw-500">Den viliamson</a></div>
</div>
<div class="like-count">
<a href="demo-lawyer-blog-single-creative.html#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-600">65</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-6px overflow-hidden box-shadow-quadruple-large">
<div class="blog-image">
<a href="demo-lawyer-blog-single-creative.html" class="d-block"><img src="images/demo-lawyer-blog-02.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-lawyer-journal.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-600 ls-minus-05px">Lawyer</a>
</div>
</div>
<div class="card-body p-45px md-p-30px">
<a href="demo-lawyer-blog-single-creative.html" class="card-title mb-15px fw-600 fs-22 alt-font text-dark-gray d-inline-block">Getting a consultant is the best decision.</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto fw-500">
<span class="blog-date d-inline-block">28 March 2023</span>
<div class="d-inline-block author-name">By <a href="demo-lawyer-journal.html" class="text-dark-gray text-decoration-line-bottom fw-500">Hugh macleod</a></div>
</div>
<div class="like-count">
<a href="demo-lawyer-blog-single-creative.html#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-600">25</span></a>
</div>
</div>
</div>
</div>
</li>
<li class="grid-item">
<div class="card border-0 border-radius-6px overflow-hidden box-shadow-quadruple-large">
<div class="blog-image">
<a href="demo-lawyer-blog-single-creative.html" class="d-block"><img src="images/demo-lawyer-blog-03.jpg" alt /></a>
<div class="blog-categories">
<a href="demo-lawyer-journal.html" class="categories-btn bg-white text-dark-gray text-dark-gray-hover text-uppercase fw-600 ls-minus-05px">Lawyer</a>
</div>
</div>
<div class="card-body p-45px md-p-30px">
<a href="demo-lawyer-blog-single-creative.html" class="card-title mb-15px fw-600 fs-22 alt-font text-dark-gray d-inline-block">Research and strategy are vital for the market.</a>
<div class="author d-flex justify-content-center align-items-center position-relative overflow-hidden fs-14 text-uppercase">
<div class="me-auto fw-500">
<span class="blog-date d-inline-block">26 March 2023</span>
<div class="d-inline-block author-name">By <a href="demo-lawyer-journal.html" class="text-dark-gray text-decoration-line-bottom fw-500">Walton smith</a></div>
</div>
<div class="like-count">
<a href="demo-lawyer-blog-single-creative.html#"><i class="fa-regular fa-heart text-red"></i><span class="text-dark-gray align-middle fw-600">30</span></a>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 text-center mb-2">
<h5 class="alt-font text-dark-gray fw-500">4 Comments</h5>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<ul class="blog-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-lawyer-blog-single-creative.html#" class="text-dark-gray fw-500">Herman Miller</a>
<a href="demo-lawyer-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">17 July 2020, 6:05 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make book.</p>
</div>
</div>
<ul class="child-comment">
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-19.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-lawyer-blog-single-creative.html#" class="text-dark-gray fw-500">Wilbur Haddock</a>
<a href="demo-lawyer-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 July 2020, 10:19 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since.</p>
</div>
</div>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start border-radius-5px p-50px md-p-30px sm-p-20px bg-very-light-gray">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-17.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-lawyer-blog-single-creative.html#" class="text-dark-gray fw-500">Colene Landin</a>
<a href="demo-lawyer-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">18 July 2020, 12:39 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Ipsum has been the industry's standard dummy text.</p>
</div>
</div>
</li>
</ul>
</li>
<li>
<div class="d-block d-md-flex w-100 align-items-center align-items-md-start ">
<div class="w-90px sm-w-65px sm-mb-10px">
<img src="images/avtar-18.jpg" class="rounded-circle" alt>
</div>
<div class="w-100 ps-30px last-paragraph-no-margin sm-ps-0">
<a href="demo-lawyer-blog-single-creative.html#" class="text-dark-gray fw-500">Jennifer Freeman</a>
<a href="demo-lawyer-blog-single-creative.html#comments" class="btn-reply text-uppercase section-link">Reply</a>
<div class="fs-14 lh-24 mb-10px">19 July 2020, 8:25 PM</div>
<p class="w-85 sm-w-100">Lorem ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the industry's standard dummy text ever since the make a type specimen book.</p>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
</section>
<section id="comments" class="pt-0">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-9 mb-3 sm-mb-6">
<h5 class="alt-font text-dark-gray fw-500 mb-5px">Write a comment</h5>
<div class="mb-5px">Your email address will not be published. Required fields are marked *</div>
</div>
</div>
<div class="row justify-content-center">
<div class="col-lg-9">
<form action="email-templates/contact-form.php" method="post" class="row contact-form-style-02">
<div class="col-md-6 mb-30px">
<input class="input-name border-radius-4px form-control required" type="text" name="name" placeholder="Enter your name*">
</div>
<div class="col-md-6 mb-30px">
<input class="border-radius-4px form-control required" type="email" name="email" placeholder="Enter your email address*">
</div>
<div class="col-md-12 mb-30px">
<textarea class="border-radius-4px form-control" cols="40" rows="4" name="comment" placeholder="Your message"></textarea>
</div>
<div class="col-12">
<input type="hidden" name="redirect" value>
<button class="btn btn-dark-gray btn-small btn-round-edge submit" type="submit">Post Comment</button>
<div class="form-results mt-20px d-none"></div>
</div>
</form>
</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#533a3d353c13373c3e323a3d7d303c3e" class="text-white text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="a5cccbc3cae5c1cac8c4cccb8bc6cac8">[email&#160;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>&copy; 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-blog-single-creative.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>