Files
demo_sites/templates/template_3/site/index-lawyer.html
2026-05-17 18:29:30 -05:00

677 lines
42 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html class="wide wow-animation" lang="en">
<head>
<title>Home</title>
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta charset="utf-8">
<link rel="icon" href="images/favicon.ico" type="image/x-icon">
<!-- Stylesheets-->
<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Abril+Fatface%7CLato:300i,400,900%7CMontserrat:100,300,400,500,600,700,900">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/fonts.css">
<link rel="stylesheet" href="css/style-2.css" id="main-styles-link">
<!--[if lt IE 10]>
<div style="background: #212121; padding: 10px 0; box-shadow: 3px 3px 5px 0 rgba(0,0,0,.3); clear: both; text-align:center; position: relative; z-index:1;"><a href="http://windows.microsoft.com/en-US/internet-explorer/"><img src="images/ie8-panel/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today."></a></div>
<script src="js/html5shiv.min.js"></script>
<![endif]-->
</head>
<body>
<div class="preloader loaded">
<div class="preloader-body">
<div class="cssload-container">
<div class="cssload-speeding-wheel"></div>
</div>
<p>Loading...</p>
</div>
</div>
<div class="page">
<!-- Page Header-->
<header class="section page-header">
<!-- RD Navbar-->
<div class="rd-navbar-wrap">
<nav class="rd-navbar rd-navbar-classic" data-layout="rd-navbar-fixed" data-sm-layout="rd-navbar-fixed" data-md-layout="rd-navbar-fixed" data-md-device-layout="rd-navbar-fixed" data-lg-layout="rd-navbar-fixed" data-lg-device-layout="rd-navbar-fixed" data-xl-layout="rd-navbar-static" data-xl-device-layout="rd-navbar-static" data-lg-stick-up-offset="50px" data-xl-stick-up-offset="50px" data-xxl-stick-up-offset="50px" data-lg-stick-up="true" data-xl-stick-up="true" data-xxl-stick-up="true">
<div class="rd-navbar-main-outer">
<div class="rd-navbar-main">
<!-- RD Navbar Panel-->
<div class="rd-navbar-panel">
<!-- RD Navbar Toggle-->
<button class="rd-navbar-toggle" data-rd-navbar-toggle=".rd-navbar-nav-wrap"><span></span></button>
<!-- RD Navbar Brand-->
<div class="rd-navbar-brand"><a class="brand" href="index.html"><img class="brand-logo-light" src="images/lawyer/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/lawyer/logo-retina-inverse-280x74.png 2x"/></a></div>
</div>
<div class="rd-navbar-nav-wrap">
<!-- RD Navbar Nav-->
<ul class="rd-navbar-nav">
<li class="rd-nav-item"><a class="rd-nav-link" href="#experience">Experience</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#team">Team</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#testimonials">Testimonials</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#blog">blog</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#location">location</a>
</li>
<li class="rd-nav-item"><a class="rd-nav-link" href="#contacts">Contacts</a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</div>
</header>
<!-- hero header-->
<section class="section section-xxl context-dark bg-image" style="background-image: url(images/lawyer/hero-header-bg.jpg); ">
<div class="container">
<div class="row">
<div class="col-lg-7 overflow-hidden">
<p class="subtitle wow fadeInUp">reliable legal support</p>
<h1 class="wow fadeInUp" data-wow-delay="200ms">One Step Ahead</h1>
<p class="wow fadeInUp" data-wow-delay="450ms">Our expert team of attorneys and consultants will be glad <br class="d-none d-md-inline-block"> to provide any necessary legal assistance.</p>
<div class="group-sm"><a class="button button-default-outline button-nina fadeInUp wow" href="#" data-toggle="modal" data-target="#appointment" data-wow-delay="700ms">make an appointment</a><a class="button button-primary button-nina fadeInUp wow" data-wow-delay="700ms" href="#" data-custom-scroll-to="experience">Our services</a></div>
</div>
</div>
</div>
</section>
<section class="section bg-default text-left">
<div class="container">
<div class="row flex-md-row-reverse align-items-end row-50">
<div class="col-md-6 col-xl-7">
<div class="section-md pl-xl-5">
<p class="subtitle"><span>international law group</span></p>
<h4>Our Commitment to Excellence Has Been Recognized</h4>
<p>We are the leading global business law firm delivering quality legal help to our clients. We achieved this through practical and innovative legal solutions that help our clients succeed. We deliver consistent services across our platform of practices and sectors in all matters we undertake.</p>
<div class="custom-button-group group-middle"><a class="button button-gray-800-outline button-icon button-icon-right" href="#" data-toggle="modal" data-target="#appointment">free consultation</a><span>or</span><a class="button-tel" href="tel:#"><span class="icon icon-md icon-primary linearicons-phone-incoming"></span><span><span>Call Us:</span><span class="tel">800.567.1234</span></span></a></div>
</div>
</div>
<div class="col-md-6 col-xl-5"><img src="images/lawyer/about-1-470x558.jpg" alt="" width="470" height="558"/>
</div>
</div>
</div>
</section>
<!-- process-->
<section class="section section-md bg-gray-100 text-center" id="experience" data-type="anchor">
<div class="container">
<p class="subtitle"><span>knowledge & experience</span></p>
<h2>Experience Across All Industries</h2>
<p>Our attorneys have lots of experience in various spheres of law including <br class="d-none d-md-inline-block"> family law, insurance defense, business law, and civil litigation.</p>
<div class="row row-30 justify-content-center">
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-briefcase"></span>
<h5>Business Law</h5>
</div>
<div class="box-process-body">
<p>Business law deals with the creation of new businesses and the related issues.</p>
<ul class="list-marked">
<li>Corporate Re-organizations</li>
<li>Mergers</li>
<li>Transfer Pricing</li>
<li>Commercial Contracts</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-hammer2"></span>
<h5>Insurance Defense</h5>
</div>
<div class="box-process-body">
<p>We offer legal help to insurance companies and their staff members.</p>
<ul class="list-marked">
<li>Builders Warranty</li>
<li>Catastrophic Claims</li>
<li>Travel Insurance</li>
<li>General Insurance</li>
</ul>
</div>
</div>
</div>
<div class="col-md-6 col-xl-4">
<div class="box-process">
<div class="box-process-header"><span class="icon icon-circle icon-primary icon-md icon-effect-4 icon-effect-4--mod-4 linearicons-balance"></span>
<h5>Civil Litigation</h5>
</div>
<div class="box-process-body">
<p>Civil litigation is the process in which civil matters are resolved in a court of law.</p>
<ul class="list-marked">
<li>Commercial Litigation</li>
<li>Real Estate Litigation</li>
<li>Local Counsel Services</li>
<li>Corporate Litigation</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!--cta-->
<section class="section parallax-container context-dark" data-parallax-img="images/lawyer/cta-bg.jpg">
<div class="parallax-content section-md">
<div class="container section-cta text-center">
<div class="row justify-content-center">
<div class="col-lg-8 col-xl-7">
<p class="subtitle">make an appointment</p>
<h2>Have a Question for Us?</h2>
<p>Whatever your legal concern is, we will be glad to help you solve it. Request an appointment to get started.</p><a class="button button-primary button-nina" href="#" data-toggle="modal" data-target="#appointment">request now</a>
</div>
</div>
</div>
</div>
</section>
<!-- about team-->
<section class="section section-md bg-default" id="team" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>about our team</span></p>
<h2><span>Meet </span> <span class="typed-text-wrap"><span class="typed-text"></span><span class="typed-cursor"></span></span><span class="typed-strings"><span>Alice</span><span>John </span><span>Jane</span></span><span>and <br class="d-md-none"> Other Team Members</span>
</h2>
<p>People below are keys to our success and stainless reputation. They have <br class="d-none d-md-inline-block"> years of experience and absolute dedication to what they do.</p>
<!-- Owl Carousel-->
<div class="owl-carousel carousel-team" data-owl='{"dots":true}' data-items="1" data-md-items="2" data-xl-items="3" data-stage-padding="0" data-loop="true" data-margin="30" data-autoplay="true"><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clark</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">John</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Jane</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clark</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">John</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Jane</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-1-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Alice </p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Clark</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-2-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">John</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Spencer</p>
</div></a><a class="box-team" href="#">
<div class="box-team-header"><img src="images/lawyer/team-3-370x372.jpg" alt="" width="370" height="372"/><span class="icon mdi mdi-call-received"></span>
<div class="box-team-name">
<p class="heading-5">Jane</p>
</div>
</div>
<div class="box-team-body">
<p class="heading-5">Wilson</p>
</div></a>
</div>
</div>
</section>
<!-- Services-->
<section class="section section-md bg-gray-100">
<div class="container">
<div class="row row-50 justify-content-center services-container">
<div class="col-12">
<div class="box-strategy">
<div class="box-strategy-inner box-strategy-title">
<h4>Our Strategy</h4>
</div>
<div class="box-strategy-inner box-strategy-body">
<p>We provide an exceptional, cost-effective, efficient and <br class="d-none d-xl-inline-block"> friendly service due to our law firms strategy.</p><a class="button button-gray-800-outline button-icon button-icon-right" href="#" data-toggle="modal" data-target="#appointment">free consultation</a>
</div>
</div>
<hr>
</div>
<div class="col-sm-6 col-lg-4">
<div class="box-service">
<div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-binoculars"></span>
<h5>Defining Goals</h5>
</div>
<div class="box-service-body">
<p>During the initial consultation, we define the goals for achieving successful results.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="box-service">
<div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-feather3"></span>
<h5>Creating a Strategy</h5>
</div>
<div class="box-service-body">
<p>After goals are set, our attorneys work on a strategy that will help our clients.</p>
</div>
</div>
</div>
<div class="col-sm-6 col-lg-4">
<div class="box-service">
<div class="box-service-heading"><span class="icon icon-circle icon-primary icon-md icon-effect-7 linearicons-umbrella"></span>
<h5>Successful Defense</h5>
</div>
<div class="box-service-body">
<p>In court, our attorneys use their qualification to successfully defend our clients.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!--testimonials-->
<section class="section section-md context-dark bg-image text-center container-decoration" id="testimonials" data-type="anchor" style="background-image: url(images/lawyer/testimonials-bg.jpg)">
<div class="container">
<p class="subtitle">testimonials</p>
<h2>What People Say</h2>
<div class="owl-carousel carousel-testimonials" data-owl='{"dots":true}' data-items="1" data-md-items="2" data-stage-padding="15" data-loop="true" data-margin="60" data-autoplay="true">
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/lawyer/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>We have been very pleased with your work. Although we did not actually go to court, I felt that Jane was more than ready to fight her best for us.</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/lawyer/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I am so glad we chose your law firm to represent us. We were treated like family and were kept involved every step of the way. Thank you for everything!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/lawyer/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>We have been very pleased with your work. Although we did not actually go to court, I felt that Jane was more than ready to fight her best for us.</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/lawyer/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I am so glad we chose your law firm to represent us. We were treated like family and were kept involved every step of the way. Thank you for everything!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/lawyer/testimonials-1-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>We have been very pleased with your work. Although we did not actually go to court, I felt that Jane was more than ready to fight her best for us.</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Alice Parker</cite><span>Customer</span>
</p>
</div>
</div>
<div class="box-testimonials">
<div class="box-testimonials-image"><img class="rounded-circle" src="images/lawyer/testimonials-2-131x131.jpg" alt="" width="131" height="131"/>
</div>
<div class="box-testimonials-body">
<p>I am so glad we chose your law firm to represent us. We were treated like family and were kept involved every step of the way. Thank you for everything!</p>
</div>
<div class="box-testimonials-footer">
<p>
<cite>Steve Thomas</cite><span>Customer</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- blog-->
<section class="section section-md bg-gray-100" id="blog" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>latest news</span></p>
<h2>Company Blog</h2>
<div class="row row-30">
<div class="col-md-6 col-lg-5">
<div class="box-post-classic">
<div class="box-post-classic-body">
<time class="box-post-meta" datetime="2018">December 3, 2020</time>
<h6 class="box-post-title"><a href="#">Choosing an Attorney</a></h6>
<p class="box-post-text">Whether its a one-time consultation or preparation for a court trial, choosing an attorney...</p>
</div>
</div>
<div class="box-post-classic"><a class="box-post-classic-image" href="#"><img src="images/lawyer/blog-1-470x256.jpg" alt="" width="470" height="256"/></a>
<div class="box-post-classic-body">
<time class="box-post-meta" datetime="2018">December 3, 2020</time>
<h5 class="box-post-title"><a href="#">Pitfalls of Dismissing: A Guide for All Employers</a></h5>
<p class="box-post-text">It is always a good idea to call your employment lawyer before...</p>
</div>
</div>
</div>
<div class="col-md-6 col-lg-7">
<div class="row row-30">
<div class="col-12">
<div class="box-post-modern"><a class="box-post-modern-image" href="#"><img src="images/lawyer/blog-2-666x485.jpg" alt="" width="666" height="485"/></a>
<div class="box-post-modern-body">
<time class="box-post-meta" datetime="2018">December 17, 2020</time>
<h5 class="box-post-title"><a href="#">Tips for Managing Workers Compensation Claims</a></h5>
<p class="box-post-text">Workers compensation claims are always time-consuming and stressful. </p><a class="button button-primary button-nina" href="#">read more</a>
</div>
</div>
</div>
<div class="col-lg-7"><a class="box-post-quote" href="#">
<p class="box-post-quote-inner">Be aware of the latest changes in the business law with us.</p><span class="box-post-cite">Steve Smith</span></a></div>
<div class="col-lg-5">
<div class="box-post-instagram instafeed" data-lightgallery="group">
<div class="thumbnail-instafeed"><a class="instagram-link" data-lightgallery="item" href="images/lawyer/blog-3-640x640.jpg"><img class="instagram-image" src="images/lawyer/blog-3-640x640.jpg" alt=""/></a>
<div class="caption">
<ul class="list-inline inline-list-xxs">
<li><span class="novi-icon icon mdi mdi-magnify-plus"></span></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!--subscribe-->
<section class="section parallax-container context-dark" data-parallax-img="images/lawyer/subscribe-bg.jpg">
<div class="parallax-content section-md">
<div class="container text-center">
<div class="row justify-content-center">
<div class="col-lg-8">
<p class="subtitle">newsletter</p>
<h2>Stay Informed and Updated</h2>
<p>Subscribe and get the latest legal news instantly.</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform rd-form-inline" data-form-output="form-output-global" data-form-type="subscribe" method="post" action="bat/rd-mailform.php">
<div class="form-wrap">
<input class="form-input" id="subscribe-form-0-email" type="email" name="email" data-constraints="@Email @Required"/>
<label class="form-label" for="subscribe-form-0-email">Your E-mail</label>
</div>
<div class="form-button">
<button class="button button-primary button-nina" type="submit">Subscribe</button>
</div>
</form>
</div>
</div>
</div>
</div>
</section>
<!-- location-->
<section class="section section-md bg-gray-100" id="location" data-type="anchor">
<div class="container text-center">
<p class="subtitle"> <span>our offices</span></p>
<h2>Find the Nearest Waves Office</h2>
<p>Feel free to contact or visit the nearest office of our law firm. Our attorneys <br class="d-none d-md-inline-block"> will gladly help you solve all your legal problems.</p>
<div class="row row-30">
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header bg-image context-dark" style="background-image: url(images/lawyer/location-1-370x195.jpg); ">
<h5 class="title">Northeast</h5><span class="icon icon-circle linearicons-map-marker-check"></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>8627 Monument Drive </li>
<li>Chicago, IL 60619</li>
<li>415-545-5555</li>
<li>Mon - Fri: 8am to 5pm</li>
</ul><a class="button button-default-outline button-nina" href="#" data-custom-scroll-to="contacts">contact us</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header bg-image context-dark" style="background-image: url(images/lawyer/location-2-370x195.jpg); ">
<h5 class="title">MidWest</h5><span class="icon icon-circle linearicons-map-marker-check"></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>443 Beach St. </li>
<li>Seattle, WA 98131</li>
<li>415-565-5678</li>
<li>Mon - Fri: 8am to 5pm</li>
</ul><a class="button button-default-outline button-nina" href="#" data-custom-scroll-to="contacts">contact us</a>
</div>
</div>
</div>
<div class="col">
<div class="box-pricing">
<div class="box-pricing-header bg-image context-dark" style="background-image: url(images/lawyer/location-3-370x195.jpg); ">
<h5 class="title">Southeast</h5><span class="icon icon-circle linearicons-map-marker-check"></span>
</div>
<div class="box-pricing-body">
<ul class="pricing-list">
<li>443 Beach St. </li>
<li>Miami, FL 45191</li>
<li>415-578-5999</li>
<li>Mon - Fri: 8am to 5pm</li>
</ul><a class="button button-default-outline button-nina" href="#" data-custom-scroll-to="contacts">contact us </a>
</div>
</div>
</div>
</div>
</div>
</section>
<!--contact-->
<section class="section section-md bg-default" id="contacts" data-type="anchor">
<div class="container text-center">
<p class="subtitle"><span>contact us</span></p>
<h2>Get in Touch with Us</h2>
<p>Let us help you decide which of our solutions is the best pick <br class="d-none d-md-inline-block">for your business. Contact us now to know more!</p>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-20">
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-name" type="text" name="name" data-constraints="@Required">
<label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name">Your Name</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-email" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email">E-mail</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-md-4">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-phone" type="text" name="phone" data-constraints="@Numeric">
<label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone">Phone</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<textarea class="form-input input__field--nao" id="contact-message" name="message" data-constraints="@Required"></textarea>
<label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message">Your Message</label>
<svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12 text-center form-button">
<button class="button button-primary button-nina" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</section>
<section class="google-map-container" data-center="6036 Richmond hwy., Alexandria, VA, 2230" data-styles="[{&quot;featureType&quot;:&quot;administrative&quot;,&quot;elementType&quot;:&quot;labels.text.fill&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#444444&quot;}]},{&quot;featureType&quot;:&quot;landscape&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#f2f2f2&quot;}]},{&quot;featureType&quot;:&quot;poi&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;poi.business&quot;,&quot;elementType&quot;:&quot;geometry.fill&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;on&quot;}]},{&quot;featureType&quot;:&quot;road&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;saturation&quot;:-100},{&quot;lightness&quot;:45}]},{&quot;featureType&quot;:&quot;road.highway&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;simplified&quot;}]},{&quot;featureType&quot;:&quot;road.arterial&quot;,&quot;elementType&quot;:&quot;labels.icon&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;transit&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;visibility&quot;:&quot;off&quot;}]},{&quot;featureType&quot;:&quot;water&quot;,&quot;elementType&quot;:&quot;all&quot;,&quot;stylers&quot;:[{&quot;color&quot;:&quot;#b4d4e1&quot;},{&quot;visibility&quot;:&quot;on&quot;}]}]">
<div class="google-map"></div>
<ul class="google-map-markers">
<li data-location="6036 Richmond hwy., Alexandria, VA, 2230" data-description="6036 Richmond hwy., Alexandria, VA, 2230" data-icon="images/lawyer/gmap_marker.png" data-icon-active="images/lawyer/gmap_marker_active.png"></li>
</ul>
</section>
<!-- Page Footer-->
<footer class="section footer-classic context-dark bg-image" style="background-image: url(images/lawyer/pattern-bg.jpg)">
<div class="container">
<div class="row row-30">
<div class="col-md-4 col-xl-5">
<div class="pr-xl-4"><a class="brand" href="index.html"><img class="brand-logo-light" src="images/lawyer/logo-inverse-140x37.png" alt="" width="140" height="37" srcset="images/lawyer/logo-retina-inverse-280x74.png 2x"/></a>
<p>We are the leading law firm providing legal assistance and advice to companies and individuals all over the USA with lots of positive testimonials.</p>
<!-- Rights-->
<p class="rights"><span>&copy;&nbsp; </span><span class="copyright-year"></span><span>&nbsp;</span><span>Waves</span><span>.&nbsp;</span><span>All Rights Reserved.</span></p>
</div>
</div>
<div class="col-md-4">
<h5>Contacts</h5>
<dl class="contact-list">
<dt>Address:</dt>
<dd>795 South Park Avenue, Melbourne, Australia</dd>
</dl>
<dl class="contact-list">
<dt>email:</dt>
<dd><a href="mailto:#">mail@demolink.org</a></dd>
</dl>
<dl class="contact-list">
<dt>phones:</dt>
<dd><a href="tel:#">8 800 56789011</a> <span>or</span> <a href="tel:#">8 800 99789077</a>
</dd>
</dl>
</div>
<div class="col-md-4 col-xl-3">
<h5>Links</h5>
<ul class="nav-list">
<li><a href="#">About</a></li>
<li><a href="#">Projects</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contacts</a></li>
<li><a href="#">Pricing</a></li>
</ul>
</div>
</div>
</div>
<div class="row no-gutters social-container">
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-facebook"></span><span>Facebook</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-instagram"></span><span>instagram</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-twitter"></span><span>twitter</span></a></div>
<div class="col"><a class="social-inner" href="#"><span class="icon mdi mdi-youtube-play"></span><span>google</span></a></div>
</div>
</footer>
<div class="modal fade" id="appointment" role="dialog">
<div class="modal-dialog modal-dialog_custom">
<!-- Modal content-->
<div class="modal-dialog__inner">
<button class="close" type="button" data-dismiss="modal"></button>
<div class="modal-dialog__content">
<h4>Make an Appointment</h4>
<!-- RD Mailform-->
<form class="rd-form rd-mailform" data-form-output="form-output-global" data-form-type="contact" method="post" action="bat/rd-mailform.php">
<div class="row row-20">
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-name-modal" type="text" name="name" data-constraints="@Required">
<label class="form-label mdi mdi-account-outline input__label--nao" for="contact-name-modal">Your Name</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-email-modal" type="email" name="email" data-constraints="@Email @Required">
<label class="form-label input__label--nao mdi mdi-email-outline" for="contact-email-modal">E-mail</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<input class="form-input input__field--nao" id="contact-phone-modal" type="text" name="phone" data-constraints="@Numeric">
<label class="form-label input__label--nao mdi mdi-tablet-android" for="contact-phone-modal">Phone</label>
<svg class="graphic graphic--nao" width="300%" height="100%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12">
<div class="form-wrap form-wrap-icon input--nao">
<textarea class="form-input input__field--nao" id="contact-message-modal" name="message" data-constraints="@Required"></textarea>
<label class="form-label input__label--nao mdi mdi-message-text-outline" for="contact-message-modal">Your Message</label>
<svg class="graphic graphic--nao" width="300%" height="50%" viewbox="0 0 1200 60" preserveaspectratio="none">
<path d="M0,56.5c0,0,298.666,0,399.333,0C448.336,56.5,513.994,46,597,46c77.327,0,135,10.5,200.999,10.5c95.996,0,402.001,0,402.001,0"></path>
</svg>
</div>
</div>
<div class="col-12 text-center form-button">
<button class="button button-primary button-nina" type="submit">Send Message</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
<!-- Global Mailform Output-->
<div class="snackbars" id="form-output-global"></div>
<!-- Javascript-->
<script src="js/core.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>