@extends('layouts.blog')

@section('content')
<div class="rightbar menu" id="menu">
	<div class="nu icon menu">
		<div class="bar"></div>
		<div class="bar"></div>
		<div class="bar"></div>
	</div>
	<div class="content">
		<a class="smooth" href="/#realisations">RÉALISATIONS</a>
		<a class="smooth" href="/#services">SERVICES</a>
		<a class="smooth" href="/blog">BLOG</a>
		<a class="smooth" href="/#contact">CONTACT</a>
	</div>
</div>

		
<div class="page blog">
	<div class="wrap card">
		<div class="image"></div>
		<h2>Le blog webiscus</h2>
		<div class="tags">
			<h6 class="tag">numérique & environnement</h6>
			<h6 class="tag">numérique & éthique</h6>
			<h6 class="tag">Tendances numériques</h6>
		</div>
	</div>

	<div class="similar">
	@foreach ($blogs as $blog)
		<a href="/blog/{{ $blog->slug }}">
			<div class="card">
				<div class="img" style="background-image:url('https://webiscus.com/storage/{{ $blog->image}}')"></div>
				<div class="content">
					<h4>{{ $blog->tags }}</h4>
					<h3>{{ $blog->title }}</h3>
				</div>
			</div>
		</a>
		
	@endforeach
	</div>
</div>

@endsection