@extends('layouts.app')
@section('content')

<div role="main" class="main">
	@php
		$num = rand(1,2);
		$image = 'img/mechanic-image'.$num.'.jpg';
	@endphp
	<div class="parallax-background" style="background-image: url({{ asset($image) }}); background-size: cover; background-position: 50% center; position: absolute; top: 0px; left: 0px; width: 100%; height: 115%; transform: translate3d(0px, -21.4286px, 0px);"></div>
	<section class="section appear-animation" data-appear-animation="fadeIn">
	
		<div class="container">

			<div class="row justify-content-center text-center">

				<div class="content col-md-4 col-lg-4 bg-light rounded">
					<br><img src="{{ asset('img/Perodua-logo.png')}}" height="100">
					<h3><br>Setapak Perodua 3S<br> Service Center</h3>				
					<br>
				</div>
				

			</div>
			
		</div>

	</section>
	<br><br><br><br><br><br><br><br><br><br><br><br>
</div>

@endsection

@section('css')

@endsection

@section('js')  
<script>
$(document).ready(function() {

    setTimeout(function() {

        $(".content").fadeOut(1500);

    },3000);

});
</script>
@endsection