law-theme-a
Version:
A basic legal marketing page for the laravel front end.
810 lines (722 loc) • 57 kB
HTML
<!DOCTYPE html>
<html lang="en">
<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">
<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>
<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>
<div class="rev_slider_wrapper">
<div id="slider1" class="rev_slider" data-version="5.0">
<ul>
<!-- SLIDE -->
<li data-index="rs-26" 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="Slider3-Layer1" data-description="">
<!-- MAIN IMAGE -->
<img src="images/bg-slider5-layer2.jpg" alt="" width="1920" height="1407" 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-26-layer-13"
data-x="['center','center','center','center']" data-hoffset="['-1','-1','-1','-1']"
data-y="['top','top','top','top']" data-voffset="['154','154','154','154']"
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-26-layer-12"
data-x="['center','center','center','center']" data-hoffset="['-75','-75','-75','-75']"
data-y="['top','top','top','top']" data-voffset="['172','172','172','172']"
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-26-layer-14"
data-x="['center','center','center','center']" data-hoffset="['75','75','75','75']"
data-y="['top','top','top','top']" data-voffset="['172','172','172','172']"
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-26-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['252','252','252','252']"
data-width="none"
data-height="none"
data-fontsize="['50','50','40','30']"
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="1200"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 8; white-space: nowrap; font-size: 50px; line-height: 50px; font-weight: 800; color: rgba(255, 255, 255, 1.00);"><div class="heading-rp-small">WE ARE HERE TO HELP!</div>
</div>
<!-- LAYER NR. 5 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-26-layer-18"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['316','316','316','316']"
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="1400"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 9; white-space: nowrap; font-size: 17px; line-height: 26px; font-weight: 400; color: rgba(229, 228, 228, 1.00);font-family:Lora;"><div class="text-center hidden-xs" style="font-style: italic;">St John Law, LLC caters to those that are finacially precluded and underserved by the legal community. </div>
</div>
<!-- LAYER NR. 6 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-26-layer-21"
data-x="['center','center','center','center']" data-hoffset="['-305','-305','-305','-150']"
data-y="['top','top','top','top']" data-voffset="['448','448','448','448']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
data-transform_out="opacity:0;s:500;s:500;"
data-start="1600"
data-responsive_offset="on"
style="z-index: 10;"><img src="images/slider5-imglayer2.png" alt="" data-ww="['259px','259px','259px','100px']" data-hh="['66px','66px','66px','66px']" data-no-retina>
</div>
<!-- LAYER NR. 7 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-26-layer-20"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['448','448','448','448']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
data-transform_out="opacity:0;s:500;s:500;"
data-start="1800"
data-responsive_offset="on"
style="z-index: 11;"><img src="images/slider5-imglayer1.png" alt="" data-ww="['244px','244px','244px','100px']" data-hh="['66px','66px','66px','66px']" data-no-retina>
</div>
<!-- LAYER NR. 8 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-26-layer-22"
data-x="['center','center','center','center']" data-hoffset="['305','305','290','150']"
data-y="['top','top','top','top']" data-voffset="['448','448','448','448']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
data-transform_out="opacity:0;s:500;s:500;"
data-start="2000"
data-responsive_offset="on"
style="z-index: 12;"><img src="images/slider5-imglayer3.png" alt="" data-ww="['250px','250px','250px','100px']" data-hh="['66px','66px','66px','66px']" data-no-retina>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-24" 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-slider5-layer3.jpg" alt="" width="1920" height="1278" 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-24-layer-21"
data-x="['left','left','left','left']" data-hoffset="['0','0','0','50']"
data-y="['top','top','top','top']" data-voffset="['196','196','196','196']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="opacity:0;s:500;e:Power2.easeInOut;"
data-transform_out="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(213, 170, 109, 1.00);font-family:Lora;"><span class="sl-italic">Tough & Effective</span>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-24-layer-22"
data-x="['left','left','left','left']"
data-hoffset="['0','0','0','50']"
data-y="['top','top','top','top']"
data-voffset="['241','241','241','241']"
data-width="none"
data-height="none"
data-fontsize="['50','50','40','30']"
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; line-height: 50px; font-weight: 800; color: rgba(255, 255, 255, 1.00);"><span class="heading-rp-small">LEGAL SOLUTIONS</span>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption Fashion-BigDisplay tp-resizeme rs-parallaxlevel-0"
id="slide-24-layer-23"
data-x="['left','left','left','left']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['328','328','328','328']"
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="1100"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="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;"><span class="sl-italic hidden-xs">St John Law, LLC caters to those that are finacially precluded and underserved by the legal community.</span>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption small_thin_grey tp-resizeme rs-parallaxlevel-0"
id="slide-24-layer-19"
data-x="['left','left','left','left']" data-hoffset="['0','0','0','50']"
data-y="['top','top','top','top']" data-voffset="['442','442','442','442']"
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: 8; 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">Read More </a>
</div>
</li>
<!-- SLIDE -->
<li data-index="rs-25" 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-slider6.jpg" alt="" width="1920" height="1280" 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-25-layer-2"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['190','190','190','190']"
data-width="none"
data-height="none"
data-fontsize="['50','50','40','30']"
data-lineheight="['58','58','58','40']"
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="700"
data-splitin="none"
data-splitout="none"
data-responsive_offset="on"
style="z-index: 5; white-space: nowrap; font-size: 50px; line-height: 58px; font-weight: 800; color: rgba(255, 255, 255, 1.00);"><div class="text-center heading-rp-small" style=" text-transform: uppercase;">My Name Is Quita<br/> I’m An Expert In Criminal Law as well as kicking ass!</div>
</div>
<!-- LAYER NR. 2 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-25-layer-3"
data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']"
data-y="['top','top','top','top']" data-voffset="['315','315','315','315']"
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: 6;"><img src="images/line-slider.jpg" alt="" width="2" height="34" data-ww="['2px','2px','2px','2px']" data-hh="['34px','34px','34px','34px']" data-no-retina>
</div>
<!-- LAYER NR. 3 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-25-layer-8"
data-x="['center','center','center','center']" data-hoffset="['-137','-137','-137','-150']"
data-y="['top','top','top','top']" data-voffset="['380','380','380','380']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
data-transform_out="opacity:0;s:500;s:500;"
data-start="1100"
data-responsive_offset="on"
style="z-index: 7;"><img src="images/slider5-imglayer1.png" alt="" data-ww="['244px','244px','244px','150px']" data-hh="['66px','66px','66px','66px']" data-no-retina>
</div>
<!-- LAYER NR. 4 -->
<div class="tp-caption tp-resizeme rs-parallaxlevel-0"
id="slide-25-layer-9"
data-x="['center','center','center','center']" data-hoffset="['133','133','133','50']"
data-y="['top','top','top','top']" data-voffset="['380','380','380','380']"
data-width="none"
data-height="none"
data-whitespace="nowrap"
data-transform_idle="o:1;"
data-transform_in="z:0;rX:0;rY:0;rZ:0;sX:0.9;sY:0.9;skX:0;skY:0;opacity:0;s:1000;e:Power2.easeOut;"
data-transform_out="opacity:0;s:500;s:500;"
data-start="1300"
data-responsive_offset="on"
style="z-index: 8;"><img src="images/slider5-imglayer4.png" alt="" data-ww="['236px','236px','236px','200px']" data-hh="['66px','66px','66px','66px']" data-no-retina>
</div>
</li>
</ul>
</div>
</div>
<section class="home-6-story">
<div class="welcome-title-area">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="home-6-heading text-center">
<h2>Welcome To St. John Law</h2>
<p>In the criminal justice system, the people are represented by two separate yet equally important groups: the police, who investigate crime; and the district attorneys, who prosecute the offenders.</p>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="home-4-story-tab">
<div class="col-sm-3 col-md-3 no-padding">
<!-- Nav tabs -->
<ul class="nav nav-tabs history-nav-tabs" role="tablist">
<li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab" data-toggle="tab">What We Do</a></li>
<li role="presentation"><a href="#profile" aria-controls="profile" role="tab" data-toggle="tab">Story & History</a></li>
<li role="presentation"><a href="#messages" aria-controls="messages" role="tab" data-toggle="tab">Values & Philosophy</a></li>
<li role="presentation"><a href="#settings" aria-controls="settings" role="tab" data-toggle="tab">Mission & Services</a></li>
<li role="presentation"><a href="#skills" aria-controls="skills" role="tab" data-toggle="tab">Our Skills</a></li>
<li role="presentation"><a href="#honors" aria-controls="honors" role="tab" data-toggle="tab">Honors & Awards</a></li>
</ul>
</div>
<div class="tab-content">
<div role="tabpanel" class="tab-pane fade in active" id="home">
<div class="history-right-content">
<div class="col-sm-5 col-md-5 no-padding-right">
<div class="history-right-content-text">
<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. Results recommend Trust as a good law firm, a trusted partner of customers’ business and a knowledgeable adviser and consultant for your legal situation</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="profile">
<div class="history-right-content">
<div class="col-sm-5 col-md-5 no-padding-right">
<div class="history-right-content-text">
<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. Results recommend Trust as a good law firm, a trusted partner of customers’ business and a knowledgeable adviser and consultant for your legal situation</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="messages">
<div class="history-right-content">
<div class="col-sm-5 col-md-5 no-padding-right">
<div class="history-right-content-text">
<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. Results recommend Trust as a good law firm, a trusted partner of customers’ business and a knowledgeable adviser and consultant for your legal situation</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="settings">
<div class="history-right-content">
<div class="col-sm-5 col-md-5 no-padding-right">
<div class="history-right-content-text">
<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. Results recommend Trust as a good law firm, a trusted partner of customers’ business and a knowledgeable adviser and consultant for your legal situation</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="skills">
<div class="history-right-content">
<div class="col-sm-5 col-md-5 no-padding-right">
<div class="history-right-content-text">
<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. Results recommend Trust as a good law firm, a trusted partner of customers’ business and a knowledgeable adviser and consultant for your legal situation</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
</div>
</div>
<div role="tabpanel" class="tab-pane fade" id="honors">
<div class="history-right-content">
<div class="col-sm-5 col-md-5 no-padding-right">
<div class="history-right-content-text">
<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. Results recommend Trust as a good law firm, a trusted partner of customers’ business and a knowledgeable adviser and consultant for your legal situation</p>
<img src="images/history-right-sign.png" alt="">
</div>
</div>
<div class="col-sm-4 col-md-4">
<div class="progress-left-img">
<img src="images/progress-left-img.png" class="img-responsive" alt="">
<span><i class="fa fa-shield"></i></span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="home-6-help-area type-1-bg">
<div class="home-6-help-left"></div>
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="h-6-help-left-img">
</div>
</div>
<div class="col-sm-12 col-md-6">
<div class="h-6-help-right-text">
<h2>WE ARE HERE TO PROVIDE LEGAL HELP</h2>
<p>In Trust, we are aiming to provide high quality legal consultancy, support and results for your legal issues. 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 in their particular situation.</p>
<p>Trust has been known for doing what he says, aiming to bring favourable results for its customers as soon as possible. </p>
<p>Trust is abusiness theme perfectly suited legal advisers and offices, lawyers, attorneys, counsels, advocates and other legal and law related services.Trust started as a sole practitioner providing services to the area community.</p>
</div>
</div>
</div>
</div>
</section>
<section class="practice-area home-3-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>
<div class="container">
<div class="row">
<div class="h-2-practice-content clearfix">
<div class="col-sm-6 col-md-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-child"></i>
<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-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-fire"></i>
<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-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-shopping-cart"></i>
<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 class="col-sm-6 col-md-3">
<div class="h-2-p-c-details">
<div class="h-2-p-c-default">
<i class="fa fa-female"></i>
<h2><a href="#">Drug Offences</a></h2>
<p>The legal restrictions placed on the use of controlled drugs are aimed at preventing drug misuse. The principal offences are contained in the Misuse of Drugs Act 1971.</p>
<a href="#">More <i class="fa fa-long-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="our-team-area type-1-bg home-6-team">
<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>
<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-description">
<div class="team-content">
<div class="team-img attorney-team-img">
<img src="images/team-member-1.png" alt="team-member">
<div class="attorney-content-default text-center">
<h2><a href="#">Mahmoud Adel Baghagho</a></h2>
<p>CEO & Manager</p>
</div>
</div>
<div class="about-attorney-member text-center">
<div class="attorney-content-default-hover">
<h2><a href="#">Mahmoud Adel Baghagho</a></h2>
<p>CEO & Manager</p>
</div>
<div class="social-content-box attorney-team-social">
<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>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-description">
<div class="team-content">
<div class="team-img attorney-team-img">
<img src="images/team-member-2.png" alt="team-member">
<div class="attorney-content-default text-center">
<h2><a href="#">Ahmed Hassan</a></h2>
<p>Civil Lawyer</p>
</div>
</div>
<div class="about-attorney-member text-center">
<div class="attorney-content-default-hover">
<h2><a href="#">Ahmed Hassan</a></h2>
<p>Civil Lawyer</p>
</div>
<div class="social-content-box attorney-team-social">
<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>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-description">
<div class="team-content">
<div class="team-img attorney-team-img">
<img src="images/team-member-3.png" alt="team-member">
<div class="attorney-content-default text-center">
<h2><a href="#">Mohamed Habaza</a></h2>
<p>Business Lawyer</p>
</div>
</div>
<div class="about-attorney-member text-center">
<div class="attorney-content-default-hover">
<h2><a href="#">Mohamed Habaza</a></h2>
<p>Business Lawyer</p>
</div>
<div class="social-content-box attorney-team-social">
<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>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="team-description">
<div class="team-content">
<div class="team-img attorney-team-img">
<img src="images/team-member-4.png" alt="team-member">
<div class="attorney-content-default text-center">
<h2><a href="#">Ahmed Abd Alhaleem</a></h2>
<p>Criminal Defence</p>
</div>
</div>
<div class="about-attorney-member text-center">
<div class="attorney-content-default-hover">
<h2><a href="#">Ahmed Abd Alhaleem</a></h2>
<p>Criminal Defence</p>
</div>
<div class="social-content-box attorney-team-social">
<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>
</div>