Access_New/demo-lawyer-attorney-details.html

391 lines
20 KiB
HTML
Raw 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#0e676068614e77617b7c6a61636f6760206d6163" 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="{ &quot;opacity&quot;: [0, 1], &quot;delay&quot;: 500, &quot;speed&quot;: 50, &quot;string&quot;: [&quot;Evan thomson&quot;], &quot;easing&quot;: &quot;easeOutQuad&quot; }"></h1>
</div>
<div class="col-xxl-4 col-lg-5 col-md-7 col-sm-9 last-paragraph-no-margin" data-anime="{ &quot;opacity&quot;: [0, 1], &quot;delay&quot;: 500, &quot;easing&quot;: &quot;easeOutQuad&quot; }">
<p class="text-white opacity-8">Great legal help starts with having the best attorneys. Offering legal solutions.</p>
</div>
</div>
</div>
</section>
<section class="position-relative">
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-7 pe-70px lg-pe-30px md-pe-15px md-mb-50px">
<div class="row">
<div class="col-12 last-paragraph-no-margin mb-45px sm-mb-30px">
<h4 class="alt-font fw-500 text-dark-gray mb-25px">Attorney - <span class="fw-700 font-style-italic text-decoration-line-bottom-medium">Biography</span></h4>
<p class="mb-15px">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.</p>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum has been the <span class="text-decoration-line-bottom text-dark-gray fw-500">labore et dolore magna aliqua</span> dummy text.</p>
</div>
<div class="col-12 mb-45px sm-mb-30px">
<span class="d-block fs-24 fw-600 alt-font text-dark-gray mb-20px">Education and qualifications</span>
<ul class="p-0 m-0 list-style-02">
<li class="pb-10px mb-10px border-bottom border-color-extra-medium-gray">2002 - Bachelor of law passed, the city law school, London</li>
<li class="pb-10px mb-10px border-bottom border-color-extra-medium-gray">2004 - Master of law passed, oxford university, England</li>
<li class="pb-10px mb-10px border-bottom border-color-extra-medium-gray">2006 - Member of law bar council association, California</li>
<li>2008 - Member of international law bar association, New York</li>
</ul>
</div>
<div class="col-12 mb-45px sm-mb-30px">
<span class="d-block fs-24 fw-600 alt-font text-dark-gray mb-30px">Practice areas experience</span>
<div class="feature-box feature-box-left-icon-middle icon-with-text-style-08 overflow-hidden mb-30px">
<div class="feature-box-icon bg-dark-gray text-center border-radius-4px pt-10px pb-10px ps-20px pe-20px me-30px xs-me-20px">
<h2 class="alt-font text-white lh-46 mb-0">20</h2>
<span class="text-white fs-14 text-uppercase opacity-7 d-block position-relative">Years</span>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<p>20 years of experience the many strands of place lorem ipsum dolor amet consectetur adipiscing elit sed eiusmod tempor incididunt labore et dolore magna liqua minim.</p>
</div>
</div>
<div class="row row-cols-1 row-cols-sm-2">
<div class="col">
<ul class="p-0 m-0 list-style-02">
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Citizenship</li>
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Aviation and construction</li>
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>General commercial litigation</li>
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Workplace problems</li>
</ul>
</div>
<div class="col">
<ul class="p-0 m-0 list-style-02">
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Privacy and cyber security</li>
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Patent prosecution</li>
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Securities and commodities</li>
<li class="pb-5px"><i class="fa-solid fa-check icon-very-small sm-lh-40 text-dark-gray me-10px"></i>Capital and securities</li>
</ul>
</div>
</div>
</div>
<div class="col-12">
<span class="d-block fs-24 fw-600 alt-font text-dark-gray mb-15px">Awards and achievements</span>
<p class="mb-35px">Lorem ipsum is simply dummy text of the printing and typesetting industry. lorem Ipsum has been the industry's standard dummy text</p>
<div class="row row-cols-1 row-cols-lg-3 row-cols-sm-3 justify-content-center text-center icon-with-style-2 g-0 border-top border-start border-color-transparent-dark-very-light">
<div class="col icon-with-text-style-04 transition-inner-all">
<div class="feature-box box-shadow-triple-large-hover h-100 border-bottom border-end border-color-transparent-dark-very-light sm-border-bottom p-15 xl-p-12 lg-p-7">
<div class="feature-box-icon mb-25px">
<img src="images/demo-lawyer-awards-01.png" alt class="w-110px">
</div>
<div class="feature-box-content">
<span class="text-dark-gray lh-26 mx-auto">Executive lawyer<span class="fw-600 d-block lh-20">2018</span></span>
</div>
</div>
</div>
<div class="col icon-with-text-style-04 transition-inner-all">
<div class="feature-box box-shadow-triple-large-hover h-100 border-bottom border-end border-color-transparent-dark-very-light sm-border-bottom p-15 xl-p-12 lg-p-7">
<div class="feature-box-icon mb-25px">
<img src="images/demo-lawyer-awards-02.png" alt class="w-110px">
</div>
<div class="feature-box-content">
<span class="text-dark-gray lh-26 mx-auto">Super lawyer<span class="fw-600 d-block lh-20">2019</span></span>
</div>
</div>
</div>
<div class="col icon-with-text-style-04 transition-inner-all">
<div class="feature-box box-shadow-triple-large-hover h-100 border-bottom border-end border-color-transparent-dark-very-light sm-border-bottom p-15 xl-p-12 lg-p-7">
<div class="feature-box-icon mb-25px">
<img src="images/demo-lawyer-awards-03.png" alt class="w-110px">
</div>
<div class="feature-box-content">
<span class="text-dark-gray lh-26 mx-auto">Lawyer of the year<span class="fw-600 d-block lh-20">2021</span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<aside class="col-lg-5 text-center last-paragraph-no-margin">
<div class="bg-very-light-gray position-sticky top-60px border-radius-6px overflow-hidden">
<div class="text-center team-style-03 mb-30px">
<div class="fs-13 fw-600 text-dark-gray lh-32 position-absolute top-25px right-25px border-radius-30px bg-yellow ps-15px pe-15px"><i class="fa-solid fa-star me-5px"></i>4.9</div>
<img src="images/demo-lawyer-team-details-team.jpg" class="w-100 mb-35px d-block" alt>
<div class="ps-30px pe-30px">
<h5 class="alt-font fw-500 text-dark-gray mb-5px">Evan thomson</h5>
<div class="fs-18 text-base-color mb-15px">Criminal lawyer</div>
<p class="mb-20px">20 years of experience the many strands of place lorem ipsum dolor consectetur adipiscing.</p>
<div class="social-icon">
<a href="https://www.facebook.com/" target="_blank" class="text-dark-gray"><i class="fa-brands fa-facebook-f icon-small"></i></a>
<a href="http://www.dribbble.com" target="_blank" class="text-dark-gray"><i class="fa-brands fa-dribbble icon-small"></i></a>
<a href="https://www.twitter.com/" target="_blank" class="text-dark-gray"><i class="fa-brands fa-twitter icon-small"></i></a>
<a href="https://www.instagram.com/" target="_blank" class="text-dark-gray"><i class="fa-brands fa-instagram icon-small"></i></a>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center border-top border-color-transparent-dark-very-light pt-10px pb-10px m-0">
<div class="col-auto icon-with-text-style-08 mt-10px mb-10px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded box-shadow overflow-visible bg-white w-45px h-45px rounded-circle me-15px">
<i class="feather icon-feather-phone-outgoing fs-16 text-base-color"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<a href="tel:1234567890" class="fw-500 text-dark-gray">123 456 7890</a>
</div>
</div>
</div>
<div class="col-auto icon-with-text-style-08 mt-10px mb-10px">
<div class="feature-box feature-box-left-icon-middle">
<div class="feature-box-icon feature-box-icon-rounded box-shadow bg-white overflow-visible w-45px h-45px rounded-circle me-15px">
<i class="feather icon-feather-mail fs-16 text-base-color"></i>
</div>
<div class="feature-box-content last-paragraph-no-margin">
<a class="fw-500 text-dark-gray" href="cdn-cgi/l/email-protection.html#41282f272e01252e2c20282f6f222e2c"><span class="__cf_email__" data-cfemail="91f8fff7fed1f5fefcf0f8ffbff2fefc">[email&#160;protected]</span></a>
</div>
</div>
</div>
</div>
<a href="demo-lawyer-contact.html" class="btn btn-dark-gray btn-box-shadow btn-hover-animation-switch btn-extra-large text-white w-100">
<span>
<span class="btn-text">Contact with lawyer</span>
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
<span class="btn-icon"><i class="feather icon-feather-arrow-right"></i></span>
</span>
</a>
</div>
</aside>
</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#adc4c3cbc2edc9c2c0ccc4c383cec2c0" class="text-white text-decoration-line-bottom"><span class="__cf_email__" data-cfemail="a2cbccc4cde2c6cdcfc3cbcc8cc1cdcf">[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-attorney-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>