@extends('layouts.app')
@section('title', $blog->heading.' | Blogs')
@section('keywords', $blog->meta_keywords)
@section('description', $blog->meta_description)
@push('styles')<style>.blog-content img{max-width: 100%;}</style>
@section('content')
<div class="tour-title">
  <img  class="w-100 h-100" src="{{ asset('images/bg-banner.jpg') }}" alt="Qualified home tutors in lahore">
  <h2 class="white text-center shadow-text center-text">{{ $blog->heading }}</h2>
</div>
<section id="section3" class="single-tutor">
  <div class="container-fluid blog-container">
    <div class="row">
      <div class="col-xs-12 col-md-6 col-lg-3 ml-lg-5 order-lg-first order-last mt-3 mt-lg-0">
          <div class="more-info tags mt-2">
              <h6 class="black semibold text-center mx-4 mt-3 mb-3 info-title">Popular Tags</h6>   
              <div class="text-center px-3 px-lg-2 pb-3">   
                  @foreach(explode(', ', $blog->meta_keywords) as $t)
                  <a class="btn btn-outline-primary px-3  mr-1 mb-1 btn-sm " href="#" role="button">{{ $t }}</a>
                  @endforeach
              </div>
          </div> 
      
          <div class="more-info mx-auto mt-3">
              <h6 class="black semibold text-center mx-4 mt-3 mb-3 info-title">Quick Contact</h6>
              <div class="pb-2">                      
          
                  <a href="tel:+923212055553"><h5 class="grey text-center tel-info"><i class="fa text-success fa-phone faa-tada animated mr-2 grey my-lg-0 mb-1"></i>03212055553</h5></a>  
                  <a href="mailto:info@thetutors.pk"><h5 class="grey text-center mail-info"><i class="fa fa-envelope faa-horizontal animated text-success mr-2"></i>info@thetutors.pk</h5></a>                        
              </div>
          </div>
      </div>
      <div class="col-xs-12 col-md-6 col-lg-8 blog-content">
        {!! $blog->description !!}
      </div>
    </div>
  </div>
</section>
@endsection