@extends('frontend_landing_page.master')

@section('content')

<style>
    .cards1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.card1 {
  background: #fff;
  color: hsl(233, 13%, 49%);
  border-radius: 0.8rem;
}

.cards1 .card1.active {
  background: linear-gradient(
    135deg,
    rgba(163, 168, 240, 1) 0%,
    rgba(105, 111, 221, 1) 100%
  );
  color: #fff;
  display: flex;
  align-items: center;
  transform: scale(1.1);
  z-index: 1;
}
ul {
  margin: 2.6rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
}
ul li {
  list-style-type: none;
  display: flex;
  justify-content: center;
  width: 100%;
  padding: 1rem 0;
}
ul li.price {
  font-size: 3rem;
  color: hsl(232, 13%, 33%);
  padding-bottom: 2rem;
}
.shadow {
  box-shadow: -5px 5px 15px 1px rgba(0, 0, 0, 0.1);
}

.card.active .price {
  color: #fff;
}

.btn1 {
  margin-top: 1rem;
  height: 2.6rem;
  width: 13.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  background: linear-gradient(
    135deg,
    rgba(163, 168, 240, 1) 0%,
    rgba(105, 111, 221, 1) 100%
  );
  color: #fff;
  outline: none;
  border: 0;
  font-weight: bold;
}
.active-btn1 {
  background: #fff;
  color: hsl(237, 63%, 64%);
}
.bottom-bar {
  border-bottom: 2px solid hsla(240, 8%, 85%, 0.582);
}
.card1.active .bottom-bar {
  border-bottom: 2px solid hsla(240, 8%, 85%, 0.253);
}
.pack {
  font-size: 1.1rem;
}

@media (max-width: 280px) {
  ul {
    margin: 1rem;
  }
  h1 {
    font-size: 1.2rem;
  }
  .toggle {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    height: 80px;
  }
  .cards1 {
    margin: 0;
    display: flex;
    flex-direction: column;
  }

  .card1 {
    transform: scale(0.8);
    margin-bottom: 1rem;
  }
  .cards .card.active {
    transform: scale(0.8);
  }
}

@media (min-width: 280px) and (max-width: 320px) {
  ul {
    margin: 20px;
  }
  .cards1 {
    display: flex;
    flex-direction: column;
  }
  .card1 {
    margin-bottom: 1rem;
  }
  .cards1 .card1.active {
    transform: scale(1);
  }
}

@media (min-width: 320px) and (max-width: 414px) {
  .cards1 {
    display: flex;
    flex-direction: column;
  }
  .card1 {
    margin-bottom: 1rem;
  }
  .cards1 .card1.active {
    transform: scale(1);
  }
}
@media (min-width: 414px) and (max-width: 768px) {
  .card1 {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
  .cards1 .card1.active {
    transform: scale(1);
  }
}
@media (min-width: 768px) and (max-width: 1046px) {
  .cards1 {
    display: flex;
  }
  .card1 {
    margin-bottom: 1rem;
    margin-right: 1rem;
  }
  .cards1 .card1.active {
    transform: scale(1);
  }
}

</style>

@php 
    $about = DB::table('about_us')->where('id', 1)->first(); 
    $landing = DB::table('landing_pages')->where('id', 1)->first(); 
    @endphp

 <!-- About Start -->
 <div class="container-fluid py-5">
        <div class="container">
            <div class="row g-5 align-items-center">
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.1s">
                    <div class="about-img">
                        <img class="img-fluid" src="{{ URL::to($about->image) }}" alt="{{ $about->title}}">
                    </div>
                </div>
                <div class="col-lg-6 wow fadeIn" data-wow-delay="0.5s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">About Us</div>
                    <h1 class="mb-4">{{ $about->title}}</h1>
                    <p class="mb-4">{{$about->paragraph_one }}</p>
                    <p class="mb-4">{{$about->paragraph_two }}</p>
                    <div class="row g-3">
                        <div class="col-sm-6">
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_one}}</h6>
                            <h6 class="mb-0"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_two}}</h6>
                        </div>
                        <div class="col-sm-6">
                            <h6 class="mb-3"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_three}}</h6>
                            <h6 class="mb-0"><i class="fa fa-check text-primary me-2"></i>{{ $about->achievement_four}}</h6>
                        </div>
                    </div>
                    <div class="d-flex align-items-center mt-4">
                        
                        <a class="btn btn-outline-primary btn-square me-3" href="{{ $landing->facebook}}" target="_blank"><i class="fab fa-facebook-f"></i></a>
                        <a class="btn btn-outline-primary btn-square me-3" href="{{ $landing->twitter}}" target="_blank"><i class="fab fa-twitter"></i></a>
                        <a class="btn btn-outline-primary btn-square me-3" href="{{ $landing->instagram}}" target="_blank"><i class="fab fa-instagram"></i></a>
                        <a class="btn btn-outline-primary btn-square" href="{{ $landing->linkedin}}" target="_blank"><i class="fab fa-linkedin-in"></i></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- About End -->
    @php 
        $service = DB::table('our_services')->where('id', 1)->first(); 
    @endphp

    <!-- Service Start -->
    <div class="container-fluid bg-light mt-5 py-5">
        <div class="container py-5">
            <div class="row g-5 align-items-center">
                <div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">{{ $service->title }}</div>
                    <h1 class="mb-4">Our Excellent AI Solutions for Your Business</h1>
                    <p class="mb-4">{{ $service->description }}t</p>
                    <a class="btn btn-primary rounded-pill px-4" href="#">Learn More</a>
                </div>
                <div class="col-lg-7">
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.1s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                        
                                      
                                       <a href="{{ URL('/portfolio_template_one')}}" target="_blank"> <img src="{{ asset('frontend_landing_page/img/portfo-3.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                      
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.5s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                       
                                        <a href="{{ URL('/portfolio_template_three')}}" target="_blank"> <img src="{{ asset('frontend_landing_page/img/portfo-1.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.1s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                        
                                      
                                       <a href="{{ URL('/portfolio_template_two')}}" target="_blank"> <img src="{{ asset('frontend_landing_page/img/portfo-2.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                      
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn d-none" data-wow-delay="0.5s">
                                    <div class="service-item d-flex flex-column justify-content-center text-center rounded">
                                       
                                        <a href="#"> <img src="{{ asset('frontend_landing_page/img/portfo-2.png')}}" alt="img" style="height: 300px; width: 250px;"></a>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Service End -->

    @php 
        $choose = DB::table('why_chooses')->where('id', 1)->first(); 
    @endphp

    <!-- Feature Start -->
    <div class="container-fluid bg-primary feature pt-5">
        <div class="container pt-5">
            <div class="row g-5">
                <div class="col-lg-6 align-self-center mb-md-5 pb-md-5 wow fadeIn" data-wow-delay="0.3s">
                    <div class="btn btn-sm border rounded-pill text-white px-3 mb-3">Why Choose Us</div>
                    <h1 class="text-white mb-4">{{ $choose->titile}}</h1>
                    <p class="text-light mb-4">{{ $choose->description}}</p>
                    <div class="d-flex align-items-center text-white mb-3">
                        <div class="btn-sm-square bg-white text-primary rounded-circle me-3">
                            <i class="fa fa-check"></i>
                        </div>
                        <span>{{ $choose->point_one}}</span>
                    </div>
                    <div class="d-flex align-items-center text-white mb-3">
                        <div class="btn-sm-square bg-white text-primary rounded-circle me-3">
                            <i class="fa fa-check"></i>
                        </div>
                        <span>{{ $choose->point_two}}</span>
                    </div>
                    <div class="d-flex align-items-center text-white mb-3">
                        <div class="btn-sm-square bg-white text-primary rounded-circle me-3">
                            <i class="fa fa-check"></i>
                        </div>
                        <span>{{ $choose->point_three}}</span>
                    </div>
                    <div class="row g-4 pt-3">
                        <div class="col-sm-6">
                            <div class="d-flex rounded p-3" style="background: rgba(256, 256, 256, 0.1);">
                                <i class="fa fa-users fa-3x text-white"></i>
                                <div class="ms-3">
                                    <h2 class="text-white mb-0" data-toggle="counter-up">{{ $choose->happy_client}}</h2>
                                    <p class="text-white mb-0">Happy Clients</p>
                                </div>
                            </div>
                        </div>
                        <div class="col-sm-6">
                            <div class="d-flex rounded p-3" style="background: rgba(256, 256, 256, 0.1);">
                                <i class="fa fa-check fa-3x text-white"></i>
                                <div class="ms-3">
                                    <h2 class="text-white mb-0" data-toggle="counter-up">{{ $choose->project_complete}}</h2>
                                    <p class="text-white mb-0">Project Complete</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-lg-6 align-self-end text-center text-md-end wow fadeIn" data-wow-delay="0.5s">
                    <img class="img-fluid" src="{{ URL::to($choose->image) }}" alt="{{ $choose->titile}}">
                </div>
            </div>
        </div>
    </div>
    <!-- Feature End -->

    @php 
        $case = DB::table('case_studies')->where('id', 1)->first(); 
    @endphp
    
    <!-- Case Start -->
    <div class="container-fluid bg-light py-5">
        <div class="container py-5">
            <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
                <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Case Study</div>
                <h1 class="mb-4">{{ $case->title}}</h1>
            </div>
            <div class="row g-4">
                <div class="col-lg-4 wow fadeIn" data-wow-delay="0.3s">
                    <div class="case-item position-relative overflow-hidden rounded mb-2">
                        <img class="img-fluid" src="{{ URL::to($case->image_one) }}" alt="{{ $case->image_one_title}}">
                        <a class="case-overlay text-decoration-none" href="">
                            <small>{{ $case->image_one_title}}</small>
                            <h5 class="lh-base text-white mb-3">{{ $case->image_one_description}}
                            </h5>
                            <span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 wow fadeIn" data-wow-delay="0.5s">
                    <div class="case-item position-relative overflow-hidden rounded mb-2">
                        <img class="img-fluid" src="{{ URL::to($case->image_two) }}" alt="{{ $case->image_two_title}}">
                        <a class="case-overlay text-decoration-none" href="">
                            <small>{{ $case->image_two_title}}</small>
                            <h5 class="lh-base text-white mb-3">{{ $case->image_two_description}}
                            </h5>
                            <span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
                <div class="col-lg-4 wow fadeIn" data-wow-delay="0.7s">
                    <div class="case-item position-relative overflow-hidden rounded mb-2">
                        <img class="img-fluid" src="{{ URL::to($case->image_three) }}" alt="{{ $case->image_three_title}}">
                        <a class="case-overlay text-decoration-none" href="">
                            <small>{{ $case->image_three_title}}</small>
                            <h5 class="lh-base text-white mb-3">{{ $case->image_three_description}}
                            </h5>
                            <span class="btn btn-square btn-primary"><i class="fa fa-arrow-right"></i></span>
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Case End -->


    <!-- FAQs Start -->
    <div class="container-fluid py-5">
        <div class="container py-5">
            <div class="mx-auto text-center wow fadeIn" data-wow-delay="0.1s" style="max-width: 500px;">
                <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Popular FAQs</div>
                <h1 class="mb-4">Frequently Asked Questions</h1>
            </div>

            @php 
                $page = DB::table('pages')->where('id', 1)->first(); 
            @endphp
           
            {!!$page->faqs !!}

        </div>
    </div>
    <!-- FAQs Start -->

    @php 
        $team = DB::table('our_teams')->where('id', 1)->first(); 
    @endphp

    <!-- Team Start -->
    <div class="container-fluid bg-light py-5">
        <div class="container py-5">
            <div class="row g-5 align-items-center">
                <div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Our Team</div>
                    <h1 class="mb-4">{{ $team->title }}</h1>
                    <p class="mb-4">{{ $team->description }}</p>
                    <a class="btn btn-primary rounded-pill px-4" href="">Read More</a>
                </div>
                <div class="col-lg-7">
                    <div class="row g-4">
                        <div class="col-md-6">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.1s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_one) }}" alt="{{ $team->name_one }}">
                                        <h5 class="mb-0">{{ $team->name_one }}</h5>
                                        <small>{{ $team->designation_one }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_one }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_one }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_one }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_one }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.5s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_two) }}" alt="{{ $team->name_two }}">
                                        <h5 class="mb-0">{{ $team->name_two }}</h5>
                                        <small>{{ $team->designation_two }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_two }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_two }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_two }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_two }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6 pt-md-4">
                            <div class="row g-4">
                                <div class="col-12 wow fadeIn" data-wow-delay="0.3s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_three) }}" alt="{{ $team->name_three }}">
                                        <h5 class="mb-0">{{ $team->name_three }}</h5>
                                        <small>{{ $team->designation_three }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_three }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_three }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_three }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_three }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 wow fadeIn" data-wow-delay="0.7s">
                                    <div class="team-item bg-white text-center rounded p-4 pt-0">
                                        <img class="img-fluid rounded-circle p-4" src="{{ URL::to($team->image_four) }}" alt="{{ $team->name_four }}">
                                        <h5 class="mb-0">{{ $team->name_four }}</h5>
                                        <small>{{ $team->designation_four }}</small>
                                        <div class="d-flex justify-content-center mt-3">
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->facebook_four }}"><i
                                                    class="fab fa-facebook-f"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->twitter_four }}"><i
                                                    class="fab fa-twitter"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->instegram_four }}"><i
                                                    class="fab fa-instagram"></i></a>
                                            <a class="btn btn-square btn-primary m-1" target="_blank" href="{{ $team->linkedin_four }}"><i
                                                    class="fab fa-linkedin-in"></i></a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Team End -->

    @php 
        $testimonial = DB::table('testimonials')->where('id', 1)->first(); 
    @endphp

    <!-- Testimonial Start -->
    <div class="container-xxl py-5">
        <div class="container py-5">
            <div class="row g-5">
                <div class="col-lg-5 wow fadeIn" data-wow-delay="0.1s">
                    <div class="btn btn-sm border rounded-pill text-primary px-3 mb-3">Testimonial</div>
                    <h1 class="mb-4">{{ $testimonial->title }}</h1>
                    <p class="mb-4">{{ $testimonial->dscription }}</p>
                    <a class="btn btn-primary rounded-pill px-4" href="">Read More</a>
                </div>
                <div class="col-lg-7 wow fadeIn" data-wow-delay="0.5s">
                    <div class="owl-carousel testimonial-carousel border-start border-primary">
                        <div class="testimonial-item ps-5">
                            <i class="fa fa-quote-left fa-2x text-primary mb-3"></i>
                            <p class="fs-4">{{ $testimonial->dscription_one }}</p>
                            <div class="d-flex align-items-center">
                                <img class="img-fluid flex-shrink-0 rounded-circle" src="{{ URL::to($testimonial->image_one) }}"
                                    style="width: 60px; height: 60px;" alt="{{ $testimonial->name_one }}">
                                <div class="ps-3">
                                    <h5 class="mb-1">{{ $testimonial->name_one }}</h5>
                                    <span>{{ $testimonial->profession_one }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item ps-5">
                            <i class="fa fa-quote-left fa-2x text-primary mb-3"></i>
                            <p class="fs-4">{{ $testimonial->dscription_two }}</p>
                            <div class="d-flex align-items-center">
                                <img class="img-fluid flex-shrink-0 rounded-circle" src="{{ URL::to($testimonial->image_two) }}"
                                    style="width: 60px; height: 60px;" alt="{{ $testimonial->name_two }}">
                                <div class="ps-3">
                                    <h5 class="mb-1">{{ $testimonial->name_two }}</h5>
                                    <span>{{ $testimonial->profession_two }}</span>
                                </div>
                            </div>
                        </div>
                        <div class="testimonial-item ps-5">
                            <i class="fa fa-quote-left fa-2x text-primary mb-3"></i>
                            <p class="fs-4">{{ $testimonial->dscription_three }}</p>
                            <div class="d-flex align-items-center">
                                <img class="img-fluid flex-shrink-0 rounded-circle" src="{{ URL::to($testimonial->image_three) }}"
                                    style="width: 60px; height: 60px;" alt="{{ $testimonial->name_three }}">
                                <div class="ps-3">
                                    <h5 class="mb-1">{{ $testimonial->name_three }}</h5>
                                    <span>{{ $testimonial->profession_three }}</span>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- Testimonial End -->

     
    <div class="container-xxl py-5">
        <div class="container py-5">
        <div class="cards cards1">
    <div class="card card1 shadow">
      <ul>
        <li class="pack">Basic</li>
        <li id="basic" class="price bottom-bar">৳199.99</li>
        <li class="bottom-bar">Follow/Unfollow </li>
        <li class="bottom-bar">Blog </li>
        <li class="bottom-bar">Portfolio </li>
        <li class="bottom-bar">Achievements  </li>
        <li class="bottom-bar">Skill   </li>
        <li class="bottom-bar">Service   </li>
        <li class="bottom-bar">Experience    </li>
        <li class="bottom-bar">Testimonial     </li>
        <li><a href="{{ url('/login')}}" class="btn btn1">Get Started</a></li>
      </ul>
    </div>
    <div class="card card1 active">
      <ul>
        <li class="pack">Professional</li>
        <li id="professional" class="price bottom-bar">৳249.99</li>
        <li class="bottom-bar">Follow/Unfollow </li>
        <li class="bottom-bar">Blog </li>
        <li class="bottom-bar">Portfolio </li>
        <li class="bottom-bar">Achievements  </li>
        <li class="bottom-bar">Skill   </li>
        <li class="bottom-bar">Service   </li>
        <li class="bottom-bar">Experience    </li>
        <li class="bottom-bar">Testimonial     </li>
        <li><a href="{{ url('/login')}}" class="btn btn1 active-btn active-btn1">Get Started</a></li>
      </ul>
    </div>
    <div class="card card1 shadow">
      <ul>
        <li class="pack">Master</li>
        <li id="master" class="price bottom-bar">৳399.99</li>
        <li class="bottom-bar">Follow/Unfollow </li>
        <li class="bottom-bar">Blog </li>
        <li class="bottom-bar">Portfolio </li>
        <li class="bottom-bar">Achievements  </li>
        <li class="bottom-bar">Skill   </li>
        <li class="bottom-bar">Service   </li>
        <li class="bottom-bar">Experience    </li>
        <li class="bottom-bar">Testimonial     </li>
        <li><a href="{{ url('/login')}}" class="btn btn1">Get Started</a></li>
      </ul>
    </div>
  </div>
        </div>
    </div>


     


      


       


        
@endsection