Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // Ini view yang home.blade.php
- @extends('layouts.app')
- @section('title', 'NOMADS')
- @section('content')
- <!-- Header -->
- <header class="text-center">
- <h1>Explore The Beautiful World <br>
- As Easy One Click
- </h1>
- <p class="mt-3">You will see beautiful <br>
- moment you never see before
- </p>
- <a href="#popular" class="btn btn-get-started px-4 mt-4">
- Get Started
- </a>
- </header>
- <!-- Main -->
- <main>
- <div class="container">
- <section class="section-stats row justify-content-center" id="stats">
- <div class="col-3 col-md-2 stats-detail">
- <h2>20k</h2>
- <p>Members</p>
- </div>
- <div class="col-3 col-md-2 stats-detail">
- <h2>12k</h2>
- <p>Countries</p>
- </div>
- <div class="col-3 col-md-2 stats-detail">
- <h2>3K</h2>
- <p>Hotel</p>
- </div>
- <div class="col-3 col-md-2 stats-detail">
- <h2>72</h2>
- <p>Partners</p>
- </div>
- </section>
- </div>
- <section class="section-popular" id="popular">
- <div class="container">
- <div class="row">
- <div class="col text-center section-popular-heading">
- <h2>Wisata Popular</h2>
- <p>
- Something that you never try
- <br>
- before in this world
- </p>
- </div>
- </div>
- </div>
- </section>
- <section class="section-popular-content" id="popularContent">
- <div class="container">
- <div class="section-popular-travel row justify-content-center">
- @foreach($items as $item)
- <div class="col-sm-6 col-md-4 col-lg-3">
- <div class="card-travel text-center d-flex flex-column" style="background-image: url('{{ $item->gallerries->count() ? url('public/storage/'.$item->gallerries->first()->image) : '' }}');"
- >
- <div class="travel-country">{{ $item->location }}</div>
- <div class="travel-location">{{ $item->title }}</div>
- <div class="travel-button mt-auto">
- @if(isset($item->slug))
- <a href="{{ route('detail', ['slug' => $item->slug]) }}" class="btn btn-travel-details px-4">
- View Details
- </a>
- @else
- <!-- tidak ada slug?!! -->
- @endif
- </div>
- </div>
- </div>
- @endforeach
- <!-- <div class="col-sm-6 col-md-4 col-lg-3">
- <div class="card-travel text-center d-flex flex-column" style="background-image: url(public/frontend/frontend/images/item_wisata2.jpg);">
- <div class="travel-country">INDONESIA</div>
- <div class="travel-location">BROMO, MALANG</div>
- <div class="travel-button mt-auto">
- <a href="{{ route('detail') }}" class="btn btn-travel-details px-4">
- View Details
- </a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4 col-lg-3">
- <div class="card-travel text-center d-flex flex-column" style="background-image: url(public/frontend/frontend/images/item_wisata3.jpg);">
- <div class="travel-country">INDONESIA</div>
- <div class="travel-location">NUSA PENINDA</div>
- <div class="travel-button mt-auto">
- <a href="{{ route('detail') }}" class="btn btn-travel-details px-4">
- View Details
- </a>
- </div>
- </div>
- </div>
- <div class="col-sm-6 col-md-4 col-lg-3">
- <div class="card-travel text-center d-flex flex-column" style="background-image: url(public/frontend/frontend/images/item_wisata4.jpg);">
- <div class="travel-country">MIDDLE EAST</div>
- <div class="travel-location">DUBAI</div>
- <div class="travel-button mt-auto">
- <a href="{{ route('detail') }}" class="btn btn-travel-details px-4">
- View Details
- </a>
- </div>
- </div>
- </div> -->
- </div>
- </div>
- </section>
- <section class="section-networks">
- <div class="container">
- <div class="row">
- <div class="col-md-4">
- <h2>Out Network</h2>
- <p>
- Companies are trusted Us
- <br>
- more than just trip
- </p>
- </div>
- <div class="col md-8 text-center">
- <img src="public/frontend/frontend/images/logos_partner.png" alt="Logo-Partner" class="img-partner">
- </div>
- </div>
- </div>
- </section>
- </main>
- @endsection
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement