@include('header')
@include('functions')
<link rel="stylesheet" type="text/css" href="{{ url('/') }}/css/homepage.css">
<link rel="stylesheet" type="text/css" href="{{ url('/') }}/css/map-css.css">
<!-- banner section start -->
<div class="banner-section-wapper">
    <div class="container w-1280">
        <div class="banner-main-wapper">
            <div class="banner-title">
                <h1></h1>
                            </div>
            <div class="banner-title-h2">
                            </div>
            @include('templates/top_filter')
        </div>
    </div>
</div>
<!-- banner section end -->              
<!-- Legal Guides section html -->

<section class="lg-section-wapper">
    <div class="lg-shape-top">
        <div class="container w-1280">

                            <div class="legal-card-wapper">
                    <div class="lg-sect-title">
                        <h2><span></span></h2>
                    </div>
                    <div class="legal-guides-wapper">
                        <div class="legal-col">
                            <div class="legal-card">
                                <h3><a href="content-page.html">Injury Law</a></h3>
                                <p>Car Accidents, Medical Malpractice...</p>
                            </div>
                        </div>
                        <div class="legal-col">
                            <div class="legal-card">
                                <h3><a href="content-page.html">Injury Law</a></h3>
                                <p>Car Accidents, Medical Malpractice...</p>
                            </div>
                        </div>
                    </div>
                    <div class="legal-guides-btn-card">
                        <a href="#" id="legal-guides-btn">Load More</a>
                    </div>
                </div>
            
            <div class="browse-by-states-section">
                <div class="browse-tab-section">
                    <div class="browse-box">
                        <div class="browse-bottom-border">
                            <ul class="browse-tabs">
                                <li class="browse-tab active" tab="t1"><a href="javascript:void(0)"> Browse by Practice Areas</a>
                                </li>
                                <li class="browse-tab" tab="t2"><a href="javascript:void(0)"> Browse by States</a></li>
                            </ul>
                        </div>
                        <div id="t1" class="content active">
                                                    </div>
                        <div id="t2" class="content ">
                            
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!-- Legal Guides section end -->

<!--  Find Personal Lawyer by State section html start -->
@include('templates/state_template')
<!--  Find Personal Lawyer by State section html end -->

<script src="{{ url('/') }}/js/map-js.js"></script>
<script src="{{ url('/') }}/js/homepage.js"></script>
@include('footer')