@extends('home-page.layouts.master')

@push('css')
	<style>
	/* Remove default margin and padding from paragraphs */
	p {
	margin: 0;
	padding: 0;
	}

	/* Add spacing between paragraphs */
	p + p {
	margin-top: 1em;
	}

	/* Set a max-width for images to prevent them from overflowing */
	img {
	max-width: 100%;
	height: auto;
	}

	/* Style unordered and ordered lists */
	ul, ol {
	margin: 0;
	padding: 0;
	list-style-type: disc; /* Set list style to bullets */
	margin-left: 1.5em; /* Indent lists */
	}

	/* Add spacing between list items */
	li {
	margin-bottom: 0.5em;
	}

	/* Style headings */
	h1, h2, h3, h4, h5, h6 {
	margin: 1em 0;
	}

	/* Style blockquotes */
	blockquote {
	margin: 1em 0;
	padding: 0.5em 1em;
	background-color: #f5f5f5;
	}

	/* Style links */
	a {
	color: #0366d6;
	text-decoration: underline;
	}

	span {
		font-size: inherit !important;
	}

	</style>
@endpush

@section('content')

<section class="white-bg">
	<div class="container">

		<div class="row" style="background-color:#f4f2f29c;">
			<div style="display: flex;justify-content: center;">
				<div class="col-md-9">
					<div align="center">
						<br>
						<figure><img class="img img-fluid" src="{{ asset('assets/img/article/') }}/{{$article->image}}" alt="Kota Samarinda"
							style="border-radius: 8px">
						</figure>
					</div>
				</div>
			</div>

			<div class="col-md-12">
				<div style="display: flex;justify-content: center;">
					<div class="col-md-9">
						<h3 class="mt-0 font-700">{{ $article->judul }}</h3>
						<div class="mt-10 lh-1">{!! $article->konten !!}</div>
					</div>
				</div>
			</div>
		</div>

	</div>
</section>
@endsection