@extends('layouts.frontend')

@section('title', '| Home')

@section('content')
<div class="container">
    <section id="hero">
       <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-12 ">
             <div class="card">
                <div class="card-body">
                   <h3>Welcome Back!</h3>
                   <p>Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus porttitor ac vel eros.</p>
                </div>
             </div>
          </div>
       </div>
    </section>
    <section id="threecard">
       <div class="row d-flex justify-content-center">
          <div class="col-xs-12 col-sm-12 col-md-4">
             <div class="card card-border">
                <img src="{{url('frontend/images/group-17.png')}}" class="card-img" />
                <div class="card-body">
                   <div class="card-title">Inspection Report</div>
                   <p>Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus poritor ac vel eros</p>
                   <a href="#">Get Started</a>
                </div>
             </div>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-4">
             <div class="card card-border">
                <img src="{{url('frontend/images/group-7.png')}}" class="card-img" />
                <div class="card-body">
                   <div class="card-title">Upload Document</div>
                   <p> Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus porttitor ac vel eros.</p>
                   <a href="#">Get Started</a>
                </div>
             </div>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-4">
             <div class="card card-border">
                <img src="{{url('frontend/images/group-17_2.png')}}" class="card-img"/>
                <div class="card-body">
                   <div class="card-title">Resources</div>
                   <p>Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus porttitor ac vel eros.</p>
                   <a href="#">Get Started</h2></a>
                </div>
             </div>
          </div>
       </div>
    </section>
    <section id="answers">
       <div class="sec-title">Pick up your answers</div>
       <div class="row justify-content-center">
          <div id="ans" class="col-xs-12 col-sm-12 col-md-10">
             <div class="card">
             <div class="card-body">
                <div class="row">
                   <div class="col-xs-12 col-sm-12 col-md-2">
                      <img src="{{url('frontend/images/group-9.png')}}"/>
                   </div>
                   <div class="col-xs-12 col-sm-12 col-md-8 text-start">
                      <h4 class="bold">Quisque eu mi mollis, auctor nisi id, finibus augue</h4>
                      <p>Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue 
                         ligula. Etiam at ipsum at enim faucibus poritor ac vel eros.
                      </p>
                   </div>
                   <div class="col-xs-12 col-sm-12 col-md-2 text-end">
                      <a href="#">Learn More ></a>
                   </div>
                </div>
</div>
             </div>
          </div>
          <div id="ans" class="col-xs-12 col-sm-12 col-md-10">
             <div class="card">
             <div class="card-body">
                <div class="row">
                   <div class="col-xs-12 col-sm-12 col-md-2">
                      <img src="{{url('frontend/images/group-9.png')}}"/>
                   </div>
                   <div class="col-xs-12 col-sm-12 col-md-8 text-start">
                      <h4 class="bold">Quisque eu mi mollis, auctor nisi id, finibus augue</h4>
                      <p>Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus porttitor ac vel eros.
                      </p>
                   </div>
                   <div class="col-xs-12 col-sm-12 col-md-2 text-end">
                      <a href="#">Learn More ></a>
                   </div>
                </div>
</div>
             </div>
          </div>
          <div id="ans" class="col-xs-12 col-sm-12 col-md-10">
             <div class="card">
             <div class="card-body">                   
                <div class="row">
                   <div class="col-xs-12 col-sm-12 col-md-2">
                      <img src="{{url('frontend/images/group-9.png')}}"/>
                   </div>
                   <div class="col-xs-12 col-sm-12 col-md-8 text-start">
                      <h4 class="bold">Quisque eu mi mollis, auctor nisi id, finibus augue</h4>
                      <p>Donec quis mauris sed mi fermentum ultricies sed sit amet leo. Pellentesque ac congue ligula. Etiam at ipsum at enim faucibus porttitor ac vel eros.</p>
                   </div>
                   <div class="col-xs-12 col-sm-12 col-md-2 text-end">
                      <a href="#">Learn More ></a>
                   </div>
                </div>
</div>
             </div>
          </div>
       </div>
    </section>
    <section id="formsA">
       <div class="sec-title">Estate, Wills, and Power of Attorney Forms</div>
       <div class="row">
          <div class="col-xs-12 col-sm-12 col-md-6">
             <div class="card">
               <div class="card-body">
                <div class="card-title">Wills and Estate</div>
                <p>Forms for creating and amending your Will, and giving gifts.</p>
                <a href="{{route('willsEstate')}}">Know More</a>
               </div>
             </div>
          </div>
          <div class="col-xs-12 col-sm-12 col-md-6">
             <div class="card">
               <div class="card-body">                    
                <div class="card-title">Health Care Planning</div>
                <p>Documents to specify health care wishes and permissions for an individual or child.</p>
                <a href="#">Know More</a>
               </div>
             </div>
          </div>
       </div>
    </section>
 </div>
@endsection