@extends('layout.frontend.master')

@section('meta-title', 'FAQs - LEREVE')

@push('asset-top')
    
@endpush

@section('content')
         <section class="page-content inner-block">
        
            <div class="page-head ">
                <div class="container-fluid">
                <h2>
               {{__('FAQ')}}           </h2>
             </div>
       </div>
       <div class="  content-pages">    
       
          
                <div class="container-fluid">

                  
                  
                      
                      <div class="faq">
                      <div class="faq-tab">
                        <input type="checkbox" id="question1" name="q"  class="questions" checked>
                       
                        <label for="question1" class="question">
                       <div class="plus">+</div>    <h5>This is the question that will be asked?</h5>
                        </label>
                        <div class="answers">
                           <p>                      This is the answer of the question.. keep it short.</p>
                        </div>
                      </div>
                      
                      <div class="faq-tab">
                        <input type="checkbox" id="question2" name="q" class="questions">
                      
                        <label for="question2" class="question">
                          <div class="plus">+</div>   <h5>Short?</h5>
                        </label>
                        <div class="answers">
                           <p>  short!</p>
                        </div>
                      </div>
                        
                      <div class="faq-tab">
                        <input type="checkbox" id="question3" name="q" class="questions">
                      
                        <label for="question3" class="question">
                         <div class="plus">+</div>   <h5> Keep answers short. But in case of...If the question is long, the text wraps.  </h5>
                        </label>
                        <div class="answers">
                           <p>    This is the answer!</p>
                        </div>
                      </div>
                      </div>

            </div>
        </div>
         </section>
         @endsection