law-theme-a
Version:
A basic legal marketing page for the laravel front end.
870 lines (787 loc) • 54.7 kB
HTML
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Trust</title>
<!-- FAVICON -->
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
<!-- Bootstrap -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- FONT AWESOME -->
<link href="css/font-awesome.min.css" rel="stylesheet">
<!-- ICON STROKE -->
<link href="css/icon-stroke.css" rel="stylesheet">
<!-- MENU -->
<link rel="stylesheet" href="css/menuzord.css">
<!-- RS5.0 Main Stylesheet -->
<link rel="stylesheet" type="text/css" href="revolution/css/settings.css">
<!-- RS5.0 Layers and Navigation Styles -->
<link rel="stylesheet" type="text/css" href="revolution/css/layers.css">
<link rel="stylesheet" type="text/css" href="revolution/css/navigation.css">
<!-- Important Owl stylesheet -->
<link rel="stylesheet" href="css/owl.carousel.css">
<!-- Portfolio Filter -->
<link rel="stylesheet" href="css/bootFolio.css">
<!-- Popup -->
<link rel="stylesheet" href="css/magnific-popup.css">
<!-- Default Theme -->
<link rel="stylesheet" href="css/owl.theme.css">
<!-- JQUERY UI STYLE -->
<link rel="stylesheet" href="css/jquery-ui.css">
<!-- MAIN STYLE -->
<link href="css/main.css" rel="stylesheet">
<!-- GOOGLE FONT -->
<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,700,800,900' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic' rel='stylesheet' type='text/css'>
<script src="js/jquery-1.11.3.min.js"></script>
<!-- RS5.0 Core JS Files -->
<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js?rev=5.0"></script>
<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js?rev=5.0"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="revolution/js/extensions/revolution.extension.parallax.min.js"></script>
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="full-page-search full-page-search-type-2">
<form action="#">
<input type="text" name="googlesearch" placeholder="Type Words Then Press Enter To Search">
<input type="submit" id="searchsubmit" value="Search">
</form>
<div class="sr-overlay"></div>
</div>
<!-- START REVOLUTION SLIDER 5.0 -->
<div id="slider1" class="rev_slider rev_slider_wrapper-no-margin" data-version="5.0">
<ul> <!-- SLIDE -->
<li data-index="rs-32" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-delay="6510" data-rotate="0" data-saveperformance="off" data-title="Slider" data-description="">
<!-- MAIN IMAGE -->
<img src="images/bg-slider8.jpg" alt="" width="1600" height="832" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-32-layer-13"
data-x="['center','center','center','center']"
data-hoffset="['-1','-1','-1','-1']"
data-y="['top','top','top','top']"
data-voffset="['220','220','220','220']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:-50px;opacity:0;s:500;s:500;"
data-start="700"
data-responsive_offset="on"
style="z-index: 5;"><img src="images/slider3_ly2.png" alt="" width="38" height="58" data-ww="['38px','38px','38px','38px']" data-hh="['58px','58px','58px','58px']" data-no-retina>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-32-layer-12"
data-x="['center','center','center','center']"
data-hoffset="['-75','-75','-75','-75']"
data-y="['top','top','top','top']"
data-voffset="['244','244','244','244']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="x:-50px;opacity:0;s:500;s:500;"
data-start="900"
data-responsive_offset="on"
style="z-index: 6;"><img src="images/slider3_ly1.jpg" alt="" width="32" height="18" data-ww="['32px','32px','32px','32px']" data-hh="['18px','18px','18px','18px']" data-no-retina>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-32-layer-14"
data-x="['center','center','center','center']"
data-hoffset="['75','75','75','75']"
data-y="['top','top','top','top']"
data-voffset="['245','245','245','245']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="x:50px;opacity:0;s:500;s:500;"
data-start="900"
data-responsive_offset="on"
style="z-index: 7;"><img src="images/slider3_ly3.jpg" alt="" width="32" height="18" data-ww="['32px','32px','32px','32px']" data-hh="['18px','18px','18px','18px']" data-no-retina>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-32-layer-18"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']"
data-voffset="['307','307','307','307']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="x:50px;opacity:0;s:500;s:500;"
data-start="1200"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 8; white-space: nowrap; font-size: 17px; line-height: 26px; font-weight: 400; color: rgba(229, 228, 228, 1.00);font-family:Lora;"><div style="font-style: italic;">Your Legal Solution Starts Here !</div>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-32-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['350','350','350','350']"
data-width="none"
data-height="none"
data-fontsize="['50','50','40','25']"
data-lineheight="['58','58','58','40']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:50px;opacity:0;s:500;s:500;"
data-start="1400"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 9; white-space: nowrap; font-size: 50px; line-height: 50px; font-weight: 800; color: rgba(255, 255, 255, 1.00);"><div class="text-center text-upper heading-rp-small">Qualified, Reliable & Effective <br/>legal solutions</div>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-30" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-delay="6500" data-rotate="0" data-saveperformance="off" data-title="Slide" data-description="">
<!-- MAIN IMAGE -->
<img src="images/bg-slider8-2.jpg" alt="" width="1600" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-30-layer-21"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']"
data-voffset="['212','212','212','212']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:-50px;opacity:0;s:500;s:500;"
data-start="700"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap; font-size: 17px; line-height: 26px; font-weight: 400; color: rgba(229, 228, 228, 1.00);font-family:Lora;"><span class="sl-italic">We Are Here To Help !</span>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-30-layer-22"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['258','258','258','258']"
data-width="none"
data-height="none"
data-fontsize="['50','50','40','20']"
data-lineheight="['58','58','58','40']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:-50px;opacity:0;s:500;s:500;"
data-start="900"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; font-size: 50px; line-height: 50px; font-weight: 800; color: rgba(255, 255, 255, 1.00);"><div class="text-upper text-center heading-rp-small">Realize Your Constitutional Rights<br/>With Qualified Help</div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption small_thin_grey tp-resizeme rs-parallaxlevel-0"
id="slide-30-layer-19"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['406','406','406','406']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="x:-50px;opacity:0;s:500;s:500;"
data-start="1300"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 7; white-space: nowrap; color: rgba(117, 117, 117, 1.00);padding:1px 4px 1px 4px;border-color:rgba(255, 214, 88, 1.00);"><a href="#" class="btn btn-primary rev-slider-btn-1 rev-slider-btn-2">Request A free Consultation</a>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-30-layer-24"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']"
data-voffset="['30','30','30','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:50px;opacity:0;s:500;s:500;"
data-start="1500"
data-responsive_offset="on"
style="z-index: 8;"><img src="images/scroll-down.png" alt="" width="123" height="115" data-ww="['123px','123px','123px','123px']" data-hh="['115px','115px','115px','115px']" data-no-retina>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-33" data-transition="fade" data-slotamount="default" data-easein="default" data-easeout="default" data-masterspeed="default" data-delay="6510" data-rotate="0" data-saveperformance="off" data-title="Slider" data-description="">
<!-- MAIN IMAGE -->
<img src="images/bg-slider8-3.jpg" alt="" width="1600" height="800" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
<!-- LAYERS -->
<!-- LAYER NR. 1 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-33-layer-13"
data-x="['center','center','center','center']"
data-hoffset="['-1','-1','-1','-1']"
data-y="['top','top','top','top']" data-voffset="['235','235','235','235']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:-50px;opacity:0;s:500;s:500;"
data-start="700"
data-responsive_offset="on"
style="z-index: 5;"><img src="images/slider3_ly2.png" alt="" width="38" height="58" data-ww="['38px','38px','38px','38px']" data-hh="['58px','58px','58px','58px']" data-no-retina>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-33-layer-2"
data-x="['center','center','center','center']"
data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']"
data-voffset="['344','344','344','344']"
data-width="none"
data-height="none"
data-fontsize="['50','50','40','25']"
data-lineheight="['58','58','58','58']"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="y:50px;opacity:0;s:500;s:500;"
data-start="900"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 6; white-space: nowrap; font-size: 50px; text-transform:uppercase; line-height: 50px; font-weight: 800; color: rgba(255, 255, 255, 1.00);"><div class="text-center text-upper heading-rp-small">Qualified, Reliable & Effective </div>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-33-layer-18"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['410','410','410','410']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="x:-50px;opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="x:50px;opacity:0;s:500;s:500;"
data-start="1100"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="text-transform: uppercase; z-index: 7; white-space: nowrap; font-size: 17px; line-height: 26px; font-weight: 400; color: rgba(229, 228, 228, 1.00);font-family:Lora;"><div style="font-style: italic;">Legal Solutions</div>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-33-layer-19"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['bottom','bottom','bottom','bottom']" data-voffset="['30','30','30','30']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="y:[-100%];z:0;rX:0deg;rY:0;rZ:0;sX:1;sY:1;skX:0;skY:0;s:1500;e:Power3.easeInOut;"
data-transform_out="opacity:0;s:500;s:500;"
data-mask_in="x:0px;y:0px;s:inherit;e:inherit;"
data-start="1300"
data-responsive_offset="on"
style="z-index: 8;"><img src="images/scroll-down.png" alt="" width="123" height="115" data-ww="['123px','123px','123px','123px']" data-hh="['115px','115px','115px','115px']" data-no-retina>
</div>
</li>
</ul>
</div>
<header class="header-area p-title-header-area navbar-fixed-top">
<div class="container custom-header">
<div class="row">
<div id="menuzord" class="menuzord p-title-menuzord">
<a href="index.html" class="menuzord-brand transparent-menuzord-brand">
<img src="images/logo-white.svg" height="60px" alt="St. John Law Logo and brand">
</a>
<div class="header-contact">
<ul>
<li><span>Phone :</span> (206) 383-7903</li>
<li><span>Email :</span> support@stjohnlaw.com</li>
<li><a href="contact.html">Free Consultation</a></li>
</ul>
</div>
<ul class="menuzord-menu transparent-menuzord-menu menuzord-menu-bg">
<li><a href="index.html">HOME</a></li>
<li><a href="#">ABOUT US</a>
<ul class="dropdown">
<li><a href="about-us.html">St. John Law</a></li>
<li><a href="about-quita.html">Quita St. John</a></li>
<li><a href="#">blank</a></li>
</ul>
</li>
<li><a href="practice-area-1.html">PRACTICE AREAS</a>
<ul class="dropdown">
<li><a href="#">DUI Defense</a></li>
<li><a href="#">Criminal Defense</a></li>
<li><a href="#">Domestic Violence</a></li>
<li><a href="#">Juvenile Defense</a></li>
</ul>
</li>
<li><a href="#">ATTORNEYS</a></li>
<li><a href="blog-standard.html">BLOG</a></li>
<li><a href="contact1.html">CONTACT</a></li>
</ul>
</div>
</div>
</div>
</header>
<section class="practice-area home-4-practice-area">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Want Help</h3>
<h2>Practice Areas</h2>
<p>In Trust, we have got a wide range of legal services. We practice general civil law for businesses, individuals, and local governments too.is abusiness theme perfectly suited legal advisers and offices, lawyers, attorneys, counsels, advocates and other legal and law related services.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">View All Practice Areas</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<!-- start practice content area -->
<div class="container">
<div class="row">
<div class="h-2-practice-content clearfix">
<div class="col-sm-6 col-md-4">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default h-3-p-c-default">
<img src="images/home-3-blog-post-1.png" class="img-responsive" alt="">
<h2><a href="#">Family Law</a></h2>
<p>Family law consists of a body of statutes and case precedents that govern the legal responsibilities between individuals who share a domestic connection.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default h-3-p-c-default">
<img src="images/home-3-blog-post-2.png" class="img-responsive" alt="">
<h2><a href="#">Fire Accident</a></h2>
<p>Fire accidents can result in catastrophic personal injury and devastating damage. Every year, billions of dollars in property damage occurs as a result of fire.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
<div class="col-sm-6 col-md-4">
<div class="h-2-p-c-details h-3-p-c-default">
<div class="h-2-p-c-default">
<img src="images/home-3-blog-post-3.png" class="img-responsive" alt="">
<h2><a href="#">Shoplifting</a></h2>
<p>Shoplifting law deals with theft crimes that occur in retail establishments. Perpetrators are shoppers who enter the establishment with permission. </p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contact-us contact-us-4">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area contact-title">
<h3>Don’t Hesitate To Ask</h3>
<h2>Free Consultation</h2>
<p>Feel free to get in touch with any enquiries and one of our friendly members of staff will get back to you as soon as possible, we are here to help !</p>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<div class="contact-form">
<div class="container contact-bg no-padding">
<form>
<div class="row">
<div class="col-sm-4">
<input type="text" class="form-control" id="Name" placeholder="YOUR NAME">
</div>
<div class="col-sm-4">
<input type="email" class="form-control" id="Email" placeholder="YOUR EMAIL">
</div>
<div class="col-sm-4">
<select class="form-control">
<option>PRACTICE AREA</option>
<option>The second option</option>
<option>The thrid option</option>
</select>
</div>
<div class="col-sm-12">
<textarea class="form-control" rows="5" id="Message" placeholder="CASE DETAILS"></textarea>
</div>
<div class="col-sm-4 col-md-3 c-c-padding">
<button type="button" id="contact_submit" class="btn btn-dm">SEND YOUR REQUEST</button>
</div>
<div class="col-sm-8 col-md-9">
<div class="form-right-text">
<p>Fill out the form below to recieve a free and confidential intial consultation. Don’t worry, we never share your information or use it to spam you.</p>
</div>
</div>
</div>
</form>
</div>
</div>
</section>
<section class="our-team-area">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Our Legal Team</h3>
<h2>Meet Our Attorneys</h2>
<p>Each lawyer at Trust law firm focuses exclusively on civil matters, we have choosed our lawyers taking into account their experience and ability to handle all cases.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">Meet The Whole Team</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<!-- start team member introduction -->
<div class="team-member-area">
<div class="container">
<div class="row">
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-1.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<a href="#"> <i class="fa fa-facebook"></i> </a>
<a href="#"> <i class="fa fa-twitter"></i> </a>
<a href="#"> <i class="fa fa-google-plus"></i> </a>
<a href="#"> <i class="fa fa fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Mahmoud Adel Baghagho</a></h2>
<p>CEO & Manager</p>
<span></span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-2.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<a href="#"> <i class="fa fa-facebook"></i> </a>
<a href="#"> <i class="fa fa-twitter"></i> </a>
<a href="#"> <i class="fa fa-google-plus"></i> </a>
<a href="#"> <i class="fa fa fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Ahmed Hassan</a></h2>
<p>Civil Lawyer</p>
<span></span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-3.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<a href="#"> <i class="fa fa-facebook"></i> </a>
<a href="#"> <i class="fa fa-twitter"></i> </a>
<a href="#"> <i class="fa fa-google-plus"></i> </a>
<a href="#"> <i class="fa fa fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Mohamed Habaza</a></h2>
<p>Business Lawyer</p>
<span></span>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-describe">
<div class="team-content">
<div class="team-img">
<img src="images/team-member-4.png" alt="team-member">
</div>
<div class="about-team-member text-center">
<div class="team-describe-content">
<p>Using his expertise and experience, Mahmoud documents and builds his customers cases to obtain the best results they could achieve in their particular situation.</p>
</div>
<div class="social-content-box">
<a href="#"> <i class="fa fa-facebook"></i> </a>
<a href="#"> <i class="fa fa-twitter"></i> </a>
<a href="#"> <i class="fa fa-google-plus"></i> </a>
<a href="#"> <i class="fa fa fa-linkedin"></i> </a>
</div>
</div>
</div>
<div class="member-name text-center">
<h2><a href="#">Ahmed Abd Alhaleem</a></h2>
<p>Criminal Defence</p>
<span></span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="countdown count-down-bottom-margin">
<div class="container">
<div class="row no-margin">
<div class="countdown-inner clearfix">
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content">
<h2><span class="counter">1000</span>+ </h2>
<p>Qualified Lawyers</p>
</div>
<div class="countdown-icon">
<i class="icon icon-Users"></i>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content">
<h2><span class="counter">32154</span>+</h2>
<p>Trusted Clients</p>
</div>
<div class="countdown-icon">
<i class="icon icon-Briefcase"></i>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content">
<h2><span class="counter">114587</span>+</h2>
<p>Successful Cases</p>
</div>
<div class="countdown-icon">
<i class="icon icon-Column"></i>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 no-padding">
<div class="countdown-content">
<h2><span class="counter">2000</span>+</h2>
<p>Honors & Awards</p>
</div>
<div class="countdown-icon">
<i class="icon icon-Medal"></i>
</div>
</div>
</div>
</div>
</div>
</div>
<section class="our-history-area type-1-bg">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>Our History</h3>
<h2>All About Trust</h2>
<p>Trust is a business theme perfectly suited legal advisers and offices, lawyers, attorneys, counsels, advocates and other legal and law related services.</p>
</div>
</div>
<div class="col-xs-12 col-sm-6">
<div class="asset-button btn-text-left text-right top-margin">
<button type="button" class="btn btn-default">Find Out More About Trust</button>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<div class="history-content-area">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="history-accordion">
<div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default history-accordion-default">
<div class="panel-heading history-panel-heading" role="tab" id="headingOne">
<h4 class="panel-title history-panel-title">
<a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne"><i class="fa fa-bookmark"></i> Story & History</a>
</h4>
</div>
<div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
<div class="panel-body history-panel-body">
<img src="images/accordio-body-img.png" alt="">
<div class="accordion-body-text">
<p>Trust started as a sole practitioner providing services to the area community, our Office has now grown to five lawyers and provides expert legal representation. Trust Law Offices founded on the principles of truth, justice, accountability, and equal access. Our success has been the result of each attorney and staff members.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="panel panel-default history-accordion-default">
<div class="panel-heading history-panel-heading" role="tab" id="headingTwo">
<h4 class="panel-title history-panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"><i class="fa fa-book"></i> Values & Philosophy
</a>
</h4>
</div>
<div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
<div class="panel-body history-panel-body">
<img src="images/accordio-body-img.png" alt="">
<div class="accordion-body-text">
<p>Trust started as a sole practitioner providing services to the area community, our Office has now grown to five lawyers and provides expert legal representation. Trust Law Offices founded on the principles of truth, justice, accountability, and equal access. Our success has been the result of each attorney and staff members.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="panel panel-default history-accordion-default">
<div class="panel-heading history-panel-heading" role="tab" id="headingThree">
<h4 class="panel-title history-panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree"><i class="fa fa-briefcase"></i> Mission & Services
</a>
</h4>
</div>
<div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
<div class="panel-body history-panel-body">
<img src="images/accordio-body-img.png" alt="">
<div class="accordion-body-text">
<p>Trust started as a sole practitioner providing services to the area community, our Office has now grown to five lawyers and provides expert legal representation. Trust Law Offices founded on the principles of truth, justice, accountability, and equal access. Our success has been the result of each attorney and staff members.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
<div class="panel panel-default history-accordion-default">
<div class="panel-heading history-panel-heading" role="tab" id="headingFour">
<h4 class="panel-title history-panel-title">
<a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseFour" aria-expanded="false" aria-controls="collapseFour"><i class="vc_tta-icon fa fa-graduation-cap"></i> Our Skills
</a>
</h4>
</div>
<div id="collapseFour" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingFour">
<div class="panel-body history-panel-body">
<img src="images/accordio-body-img.png" alt="">
<div class="accordion-body-text">
<p>Trust started as a sole practitioner providing services to the area community, our Office has now grown to five lawyers and provides expert legal representation. Trust Law Offices founded on the principles of truth, justice, accountability, and equal access. Our success has been the result of each attorney and staff members.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 no-padding-left">
<div class="history-right-content">
<div class="col-sm-4 col-md-4">
<div class="h-right-img">
<img src="images/history-right-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
<div class="col-sm-8 col-md-8">
<div class="history-right-content-text">
<h2>WE ARE HERE TO PROVIDE LEGAL HELP For You !</h2>
<p>Trust is a business theme perfectly suited legal advisers and offices, lawyers, attorneys, and other legal and law related services. We have started as a sole practitioner providing services to the area community. Aiming to provide high quality legal consultancy, support and results for your legal issues. Using their expertise and experience, Trust law firm documents and builds their clients' cases to obtain the best results they could achieve.</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-client-area">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-xs-12 col-sm-6">
<div class="Title-area">
<h3>They Trust Us</h3>
<h2>Our Clients</h2>
<p>Results recommend Trust Law Firm as a good lawyers office, a trusted partners of his customers’ business and a honest adviser and consultant for legal situation.</p>
</div>
</div>
</div>
</div>
</div> <!-- end title. it will use all pages title -->
<div class="client-slider">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="client-content">
<div id="client-demo" class="owl-carousel owl-theme home-client-content">
<div class="item client-item">
<a href="#"><img src="images/client-1.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-2.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-3.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-4.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-5.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-6.png" alt=""></a>
</div>
<div class="item client-item">
<a href="#"><img src="images/client-1.png" alt=""></a>
</div>
<div class="item client