@extends('layout.main')

@push('title')
    <title>Blog - SSP Softpro India</title>
    	<meta name="description" content="Blog">
		<meta name="author" content="SSP SoftPro India Pvt Ltd">
		<meta name="robots" content="index, follow" />
	    <meta name="distribution" content="global" />
    	<meta name="coverage" content="india" />
    	<meta name="object" content="document"/>
    	<meta name="audience" content="All" />
    	<meta name="revisit-after" content="1 day"/>
    	<meta name="language" content="en"/>
     	<meta name="rating" content="general"/>
    	<meta name="copyright" content="© 2023 All Rights Reserved by SSP softpro India Pvt Ltd."/>
		
		
		<!--Additional OG:Meta-->
    	<meta property="og:type" content="Website"/>
    	<meta property="og:title" content="SSP Softpro India: Web design company in Tilak Nagar, Delhi"/>
    	<meta property="og:description" content="Digital Marketing, webdesign, SEO, PPC, Social Media Marketing, Social Media Optimization and Local SEO based company in Delhi."/>
    	<meta property="og:site_name" content="SSP SoftPro India Pvt Ltd"/>
    	<meta property="og:url" content="https://www.sspsoftproindia.com/blog"/>
    	<meta property="og:image" content="https://www.sspsoftproindia.com/public/images/white-logo.png"/>
    	
    	<!--canonical tag-->
	    <link rel="canonical" href="https://www.sspsoftproindia.com/blog"/>
@endpush

@push('nav-bg')
	<header class="nav-bg-w main-header navfix fixed-top menu-white">
@endpush

@section('main-section')
    <section class="breadcrumb-area banner-1" data-background="images/banner/9.jpg">
        <div class="text-block">
        <div class="container">
            <div class="row">
            <div class="col-lg-12 v-center">
                <div class="bread-inner">
                <div class="bread-menu">
                    <ul>
                    <li><a href="{{ url('/')}}">Home</a></li>
                    <li><a href="{{ url('/about')}}">Blogs</a></li>
                    </ul>
                </div>
                <div class="bread-title">
                    <h1>Blogs</h1>
                </div>
                </div>
            </div>
            </div>
        </div>
        </div>
    </section>

         <section class="blog-page pad-tb pt40">
    <div class="container">
      <div class="row">
          @foreach($post as $post)
          
        <div class="col-lg-4 col-sm-6 single-card-item">
          <div class="isotope_item hover-scale">
            <div class="item-image">
               

               <a href=""><img src="{{asset('storage/'.$post->image1) }}" alt="Blog Post Image"></a>
               {{-- <a href="{{ route('view', ['category' => $category->slug, 'post' => $post->slug]) }}"><img src="{{asset('/public/images/'.$post->thumbnail) }}" alt="Blog Post Image"></a> --}}
             
            </div>
            <div class="item-info blog-info">
              <div class="entry-blog">
                <span class="bypost"><a href="blog/{{$post->slug}}"as fa-user"></i> {{$post->title}}</a></span>
                <br>
                <span class="posted-on">
                <a href="#"><i class="fas fa-clock"></i> {{$post->updated_at}}</a>
                </span>
              </div>
              <h4><a href="blog/{{$post->slug}}">{{$post->title}}</a></h4>
              <p>{!! $post->description!!} ...</p>
            </div>
          </div>
        </div>
        @endforeach
      </div>
    </div>
  </section>
@endsection