@extends('front_end.template')
@section('isi')

<br>
<br>

<div class="inner">
    <!-- About Us -->
    <header id="inner">
        <h1>Selamat Datang!</h1>
        {{-- <p>Etiam quis viverra lorem, in semper lorem. Sed nisl arcu euismod sit amet nisi euismod sed cursus arcu elementum ipsum arcu vivamus quis venenatis orci lorem ipsum et magna feugiat veroeros aliquam. Lorem ipsum dolor sit amet nullam dolore.</p> --}}
    </header>

    <br>

    <h2 class="h2">Layanan</h2>

    <!-- Vacations -->
    <section class="tiles">
        <article class="style1">
            <span class="image">
                <img src="{{ asset('assets/front_end/images/product-1-720x480.jpg') }}" alt="" />
            </span>
            <a href="{{ url('front/hotel') }}">
                <h2>HOTEL</h2>  
                
                {{-- <p><strong>$500 - $700</strong></p>

                <p>
                    <i class="fa fa-map-marker"></i> 6 Regeneration Road, SE16 2NX, London
                </p> --}}
            </a>
        </article>
        <article class="style2">
            <span class="image">
                <img src="{{ asset('assets/front_end/images/product-2-720x480.jpg') }}" alt="" />
            </span>
            <a href="{{ url('front/wisata') }}">
                <h2>WISATA</h2>
                
                {{-- <p><strong>$500 - $700</strong></p>

                <p>
                    <i class="fa fa-map-marker"></i> 6 Regeneration Road, SE16 2NX, London
                </p> --}}
            </a>
        </article>
        <article class="style3">
            <span class="image">
                <img src="{{ asset('assets/front_end/images/product-3-720x480.jpg') }}" alt="" />
            </span>
            <a href="{{ url('dashboard') }}">
                <h2>LAYANAN PUBLIK</h2>
                
                {{-- <p><strong>$500 - $700</strong></p>

                <p>
                    <i class="fa fa-map-marker"></i> 6 Regeneration Road, SE16 2NX, London
                </p> --}}
            </a>
        </article>
    </section>
    
</div>
@endsection