@extends('layout/user')

@section('tittle', 'Home')

@section('container')
<section class="page-header page-header-modern bg-color-dark-scale-1 page-header-md">
	<div class="container">
		<div class="row">
			<div class="col-md-12 align-self-center p-static order-2 text-center">
				<h1 class="text-light font-weight-bold text-8">{{$program->nama}}</h1>
				<span class="sub-title text-light">Sekolah Tinggi Ilmu Tarbiyah Al-Bukhary Labuhanbatu</span>
			</div>
			<div class="col-md-12 align-self-center order-1">
				<ul class="breadcrumb d-block text-center">
					<li><a href="{{url('/')}}">Home</a></li>
					<li class="active">Program Studi</li>
				</ul>
			</div>
		</div>
	</div>
</section>
<div class="container py-4">
	<div class="row py-4 mb-2">
		<div class="col-md-12 order-2">
			<div class="overflow-hidden">
				<h2 class="text-color-dark font-weight-bold text-12 mb-2 pt-0 mt-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="300">{{$program->nama}}</h2>
			</div>
			<div class="overflow-hidden mb-3">
				<p class="font-weight-bold text-primary text-uppercase mb-0 appear-animation" data-appear-animation="maskUp" data-appear-animation-delay="500">Sekolah Tinggi Ilmu Tarbiyah Al-Bukhary Labuhanbatu</p>
			</div>
			{!!html_entity_decode($program->content)!!}
		</div>
	</div>
</div>
@endsection