config html form
parent
0b937d63fa
commit
8a41cb03ff
|
|
@ -1,169 +1,111 @@
|
||||||
@extends('template.'.config('settings.template').'.content.master')
|
@extends('template.'.config('settings.template').'.content.master')
|
||||||
|
@section('head')
|
||||||
|
<style>
|
||||||
|
p{
|
||||||
|
font-size: 20px;
|
||||||
|
margin-bottom: 23px;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
@stop
|
||||||
@section('content')
|
@section('content')
|
||||||
|
<div class="row" style="padding-top: 60px;">
|
||||||
|
<div class="col-6">
|
||||||
|
<h1 class="mt-2">Alpaka Tour</h1>
|
||||||
|
<br>
|
||||||
<div class="row" style="padding-top: 60px;">
|
<p>
|
||||||
<div class="col-6">
|
Nach einer kurzen Einführung starten wir unsere Wanderung
|
||||||
<h1 class="mt-2">Alpaka Tour</h1>
|
</p>
|
||||||
<br>
|
<p>
|
||||||
|
Sie lernen das sanftmütige Wesen der Tiere näher kennen und genießen die
|
||||||
<style>
|
wunderschöne Landschaft. Die Alpakas geben das Tempo vor, so dass die Tour auch für
|
||||||
p{
|
Kinder geeignet ist.
|
||||||
font-size: 20px;
|
</p>
|
||||||
margin-bottom: 23px;
|
<p>
|
||||||
}
|
Allerdings dürfen Kinder unter 10 Jahren nur in Begleitung eines
|
||||||
</style>
|
Erwachsenen ein Alpaka führen. Während der Wanderung erfahren Sie viel
|
||||||
|
Wissenswertes über Alpakas.
|
||||||
<p>
|
</p>
|
||||||
Nach einer kurzen Einführung starten wir unsere Wanderung
|
<p>
|
||||||
</p>
|
Unsere Wanderung führt uns größtenteils abseits befahrener Straßen auf Wander - und
|
||||||
|
Fußwegen durch die Landschaft rund um unseren Hof.
|
||||||
<p>
|
</p>
|
||||||
Sie lernen das sanftmütige Wesen der Tiere näher kennen und genießen die
|
<p>
|
||||||
wunderschöne Landschaft. Die Alpakas geben das Tempo vor, so dass die Tour auch für
|
Um die Wanderung bequem genießen zu können, empfehlen wir wandertaugliches
|
||||||
Kinder geeignet ist.
|
Schuhwerk und der Witterung angepasste Kleidung.
|
||||||
</p>
|
</p>
|
||||||
|
<p>
|
||||||
<p>
|
Unsere Alpakawanderungen finden bei jeder Witterung und auch im Winter statt.
|
||||||
Allerdings dürfen Kinder unter 10 Jahren nur in Begleitung eines
|
</p>
|
||||||
Erwachsenen ein Alpaka führen. Während der Wanderung erfahren Sie viel
|
<p>
|
||||||
Wissenswertes über Alpakas.
|
Hunde dürfen leider nicht mit laufen, weil unsere Alpakas das nicht gewohnt sind.
|
||||||
</p>
|
</p>
|
||||||
<p>
|
<p>
|
||||||
Unsere Wanderung führt uns größtenteils abseits befahrener Straßen auf Wander - und
|
Für Rückfragen und Reservierungen stehen wir Ihnen gerne zur Verfügung und
|
||||||
Fußwegen durch die Landschaft rund um unseren Hof.
|
freuen uns auf Ihren Besuch.
|
||||||
</p>
|
</p>
|
||||||
|
<h5>Preise</h5>
|
||||||
<p>
|
<table class="table">
|
||||||
Um die Wanderung bequem genießen zu können, empfehlen wir wandertaugliches
|
<thead>
|
||||||
Schuhwerk und der Witterung angepasste Kleidung.
|
<tr>
|
||||||
</p>
|
<th scope="col">Beschreibung</th>
|
||||||
|
<th scope="col">Kosten</th>
|
||||||
<p>
|
</tr>
|
||||||
Unsere Alpakawanderungen finden bei jeder Witterung und auch im Winter statt.
|
</thead>
|
||||||
</p>
|
<tbody>
|
||||||
|
<tr>
|
||||||
<p>
|
<td>Erwachsene mit Alpaka</td>
|
||||||
Hunde dürfen leider nicht mit laufen, weil unsere Alpakas das nicht gewohnt sind.
|
<td>20 €</td>
|
||||||
</p>
|
</tr>
|
||||||
|
<tr>
|
||||||
<p>
|
<td>Kinder mit Alpaka</td>
|
||||||
Für Rückfragen und Reservierungen stehen wir Ihnen gerne zur Verfügung und
|
<td>15 €</td>
|
||||||
freuen uns auf Ihren Besuch.
|
</tr>
|
||||||
</p>
|
<tr>
|
||||||
|
<td>Jede Person ohne Alpaka</td>
|
||||||
|
<td>5 €</td>
|
||||||
<h5>Preise</h5>
|
</tr>
|
||||||
|
|
||||||
|
</tbody>
|
||||||
<table class="table">
|
</table>
|
||||||
<thead>
|
</div>
|
||||||
<tr>
|
<div class="col-5 offset-1 mt-5">
|
||||||
<th scope="col">Beschreibung</th>
|
<div class="card shadow-lg" style="background-color: #ebe5d84d">
|
||||||
<th scope="col">Kosten</th>
|
<div class="card-body">
|
||||||
</tr>
|
@if(session()->has('success'))
|
||||||
</thead>
|
<div class="alert alert-success">
|
||||||
<tbody>
|
{{session()->get('success')}}
|
||||||
<tr>
|
</div>
|
||||||
<td>Erwachsene mit Alpaka</td>
|
@endif
|
||||||
<td>20 €</td>
|
@if(session()->has('error'))
|
||||||
|
<div class="alert alert-danger">
|
||||||
</tr>
|
{{session()->get('error')}}
|
||||||
<tr>
|
</div>
|
||||||
<td>Kinder mit Alpaka</td>
|
@endif
|
||||||
<td>15 €</td>
|
<x-form id-name="reserva-tour" channels="resposta-cliente,notificacao-fazenda">
|
||||||
|
<h4 class="text-center">Alpaka Tour Anfragen</h5>
|
||||||
</tr>
|
<br>
|
||||||
<tr>
|
<div class="mb-4">
|
||||||
<td>Jede Person ohne Alpaka</td>
|
<label for="exampleInputEmail1" class="form-label">Vor und Nachname</label>
|
||||||
<td>5 €</td>
|
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Meyer" name="name">
|
||||||
|
</div>
|
||||||
</tr>
|
<div class="mb-4">
|
||||||
|
<label for="exampleInputEmail1" class="form-label">Telefonnummer</label>
|
||||||
|
<input type="tel" class="form-control" id="exampleInputEmail1" name="tel" aria-describedby="emailHelp" placeholder="09654 5529550">
|
||||||
</tbody>
|
</div>
|
||||||
</table>
|
<div class="mb-4">
|
||||||
|
<label for="exampleInputEmail1" class="form-label">E-Mail Adresse</label>
|
||||||
|
<input type="email" class="form-control" name="email" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="vor.nachname@areya.de" >
|
||||||
|
</div>
|
||||||
</div>
|
<div class="mb-5">
|
||||||
|
<label for="exampleInputEmail1" class="form-label">Wunschdatum Alpakatour</label>
|
||||||
<div class="col-5 offset-1 mt-5">
|
<input type="date" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" min="2021-07-17">
|
||||||
<div class="card shadow-lg" style="background-color: #ebe5d84d">
|
</div>
|
||||||
<div class="card-body">
|
<div class="row">
|
||||||
<form>
|
<div class="col-6">
|
||||||
<h4 class="text-center">Alpaka Tour Anfragen</h5>
|
|
||||||
<br>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="exampleInputEmail1" class="form-label">Vor und Nachname</label>
|
|
||||||
<input type="text" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Max Meyer" name="name">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="exampleInputEmail1" class="form-label">Telefonnummer</label>
|
|
||||||
<input type="tel" class="form-control" id="exampleInputEmail1" name="tel" aria-describedby="emailHelp" placeholder="09654 5529550">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-4">
|
|
||||||
<label for="exampleInputEmail1" class="form-label">E-Mail Adresse</label>
|
|
||||||
<input type="email" class="form-control" name="email" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="vor.nachname@areya.de" >
|
|
||||||
</div>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<div class="mb-5">
|
<div class="mb-5">
|
||||||
<label for="exampleInputEmail1" class="form-label">Wunschdatum Alpakatour</label>
|
<label for="anzahlerwachsene" class="form-label">Anzahl Erwachsene</label>
|
||||||
<input type="date" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" min="2021-07-17">
|
<select class="form-select" aria-label="Default select example" id="anzahlerwachsene">
|
||||||
</div>
|
<option selected disabled>Anzahl Erwachsene</option>
|
||||||
|
|
||||||
<div class="row">
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="mb-5">
|
|
||||||
<label for="anzahlerwachsene" class="form-label">Anzahl Erwachsene</label>
|
|
||||||
<select class="form-select" aria-label="Default select example" id="anzahlerwachsene">
|
|
||||||
<option selected disabled>Anzahl Erwachsene</option>
|
|
||||||
<option value="1">1</option>
|
|
||||||
<option value="2">2</option>
|
|
||||||
<option value="3">3</option>
|
|
||||||
<option value="4">4</option>
|
|
||||||
<option value="5">5</option>
|
|
||||||
<option value="6">6</option>
|
|
||||||
<option value="7">7</option>
|
|
||||||
<option value="8">8</option>
|
|
||||||
<option value="9">9</option>
|
|
||||||
<option value="10">10</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="col-6">
|
|
||||||
<div class="mb-5">
|
|
||||||
<label for="anzahlkinder" class="form-label">Anzahl Kinder</label>
|
|
||||||
|
|
||||||
<select class="form-select" aria-label="Default select example" id="anzahlkinder">
|
|
||||||
<option selected disabled>Anzahl Kinder</option>
|
|
||||||
<option value="1">1</option>
|
|
||||||
<option value="2">2</option>
|
|
||||||
<option value="3">3</option>
|
|
||||||
<option value="4">4</option>
|
|
||||||
<option value="5">5</option>
|
|
||||||
<option value="6">6</option>
|
|
||||||
<option value="7">7</option>
|
|
||||||
<option value="8">8</option>
|
|
||||||
<option value="9">9</option>
|
|
||||||
<option value="10">10</option>
|
|
||||||
</select>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="mb-5">
|
|
||||||
<label for="anzahlkinder" class="form-label">Anzahl Alpakas</label>
|
|
||||||
|
|
||||||
<select class="form-select" aria-label="Default select example" id="anzahlalpakas">
|
|
||||||
<option selected disabled>Anzahl Alpakas</option>
|
|
||||||
<option value="1">1</option>
|
<option value="1">1</option>
|
||||||
<option value="2">2</option>
|
<option value="2">2</option>
|
||||||
<option value="3">3</option>
|
<option value="3">3</option>
|
||||||
|
|
@ -171,111 +113,105 @@
|
||||||
<option value="5">5</option>
|
<option value="5">5</option>
|
||||||
<option value="6">6</option>
|
<option value="6">6</option>
|
||||||
<option value="7">7</option>
|
<option value="7">7</option>
|
||||||
|
<option value="8">8</option>
|
||||||
|
<option value="9">9</option>
|
||||||
|
<option value="10">10</option>
|
||||||
</select>
|
</select>
|
||||||
</div>
|
</div>
|
||||||
<br>
|
</div>
|
||||||
|
<div class="col-6">
|
||||||
<div style="margin-left: 20px;">
|
<div class="mb-5">
|
||||||
|
<label for="anzahlkinder" class="form-label">Anzahl Kinder</label>
|
||||||
<h5>Kosten</h5>
|
<select class="form-select" aria-label="Default select example" id="anzahlkinder">
|
||||||
|
<option selected disabled>Anzahl Kinder</option>
|
||||||
|
<option value="1">1</option>
|
||||||
<table class="table">
|
<option value="2">2</option>
|
||||||
<thead>
|
<option value="3">3</option>
|
||||||
<tr>
|
<option value="4">4</option>
|
||||||
<th scope="col">Anzahl</th>
|
<option value="5">5</option>
|
||||||
<th scope="col">Beschreibung</th>
|
<option value="6">6</option>
|
||||||
<th scope="col">Kosten</th>
|
<option value="7">7</option>
|
||||||
</tr>
|
<option value="8">8</option>
|
||||||
</thead>
|
<option value="9">9</option>
|
||||||
<tbody>
|
<option value="10">10</option>
|
||||||
<tr>
|
</select>
|
||||||
<td>1X</td>
|
|
||||||
<td>Kinder</td>
|
|
||||||
<td>3456€</td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>2X</td>
|
|
||||||
<td>Erwachsene</td>
|
|
||||||
<td>345€</td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
<tr>
|
|
||||||
<td>4X</td>
|
|
||||||
<td>Erwachsene</td>
|
|
||||||
<td>28€</td>
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
|
|
||||||
<tr class="fw-bolder">
|
|
||||||
<td>Gesammt:</td>
|
|
||||||
<td></td>
|
|
||||||
<td>28€</td>
|
|
||||||
|
|
||||||
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
|
||||||
</table>
|
|
||||||
|
|
||||||
<p class="fw-light fst-italic" style="font-size:13px;">Geld wird nach Bestätigung per Überweisung oder Bar vor der Tour bezahlt.</p>
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
|
||||||
<a class="btn btn-ci btn-lg d-block mt-5">
|
|
||||||
<svg style="fill: white; width: 18px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M424 336h-96c-22.1 0-40-17.9-40-40s17.9-40 40-40h88s96-107 96-160-43-96-96-96-96 43-96 96c0 29.8 30.3 76.7 56.9 112H328c-48.5 0-88 39.5-88 88s39.5 88 88 88h96c22.1 0 40 17.9 40 40s-17.9 40-40 40H135.1c26.6-35.3 56.9-82.2 56.9-112 0-53-43-96-96-96S0 299 0 352s96 160 96 160h328c48.5 0 88-39.5 88-88s-39.5-88-88-88zM368 96c0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4-27.2-36.2-47.5-70.9-48-84.3zM96 436.3c-27.2-36.2-47.5-70.9-48-84.3 0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4zM96 336c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM432 96c0-8.8-7.2-16-16-16s-16 7.2-16 16 7.2 16 16 16 16-7.2 16-16z"/></svg>
|
|
||||||
Alpaka Tour anfragen
|
|
||||||
</a>
|
|
||||||
</form>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
<div class="mb-5">
|
||||||
|
<label for="anzahlkinder" class="form-label">Anzahl Alpakas</label>
|
||||||
|
<select class="form-select" aria-label="Default select example" id="anzahlalpakas">
|
||||||
|
<option selected disabled>Anzahl Alpakas</option>
|
||||||
|
<option value="1">1</option>
|
||||||
|
<option value="2">2</option>
|
||||||
|
<option value="3">3</option>
|
||||||
|
<option value="4">4</option>
|
||||||
|
<option value="5">5</option>
|
||||||
|
<option value="6">6</option>
|
||||||
|
<option value="7">7</option>
|
||||||
|
</select>
|
||||||
|
</div>
|
||||||
|
<br>
|
||||||
|
<div style="margin-left: 20px;">
|
||||||
|
<h5>Kosten</h5>
|
||||||
|
<table class="table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th scope="col">Anzahl</th>
|
||||||
|
<th scope="col">Beschreibung</th>
|
||||||
|
<th scope="col">Kosten</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>1X</td>
|
||||||
|
<td>Kinder</td>
|
||||||
|
<td>3456€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>2X</td>
|
||||||
|
<td>Erwachsene</td>
|
||||||
|
<td>345€</td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>4X</td>
|
||||||
|
<td>Erwachsene</td>
|
||||||
|
<td>28€</td>
|
||||||
|
</tr>
|
||||||
|
<tr class="fw-bolder">
|
||||||
|
<td>Gesammt:</td>
|
||||||
|
<td></td>
|
||||||
|
<td>28€</td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
<p class="fw-light fst-italic" style="font-size:13px;">Geld wird nach Bestätigung per Überweisung oder Bar vor der Tour bezahlt.</p>
|
||||||
|
</div>
|
||||||
|
<button type="submit" class="btn btn-ci btn-lg d-block mt-5">
|
||||||
|
<svg style="fill: white; width: 18px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M424 336h-96c-22.1 0-40-17.9-40-40s17.9-40 40-40h88s96-107 96-160-43-96-96-96-96 43-96 96c0 29.8 30.3 76.7 56.9 112H328c-48.5 0-88 39.5-88 88s39.5 88 88 88h96c22.1 0 40 17.9 40 40s-17.9 40-40 40H135.1c26.6-35.3 56.9-82.2 56.9-112 0-53-43-96-96-96S0 299 0 352s96 160 96 160h328c48.5 0 88-39.5 88-88s-39.5-88-88-88zM368 96c0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4-27.2-36.2-47.5-70.9-48-84.3zM96 436.3c-27.2-36.2-47.5-70.9-48-84.3 0-26.5 21.5-48 48-48s48 21.5 48 47.9c-.5 13.4-20.8 48.2-48 84.4zM96 336c-8.8 0-16 7.2-16 16s7.2 16 16 16 16-7.2 16-16-7.2-16-16-16zM432 96c0-8.8-7.2-16-16-16s-16 7.2-16 16 7.2 16 16 16 16-7.2 16-16z"/></svg>
|
||||||
|
Alpaka Tour anfragen
|
||||||
|
</button>
|
||||||
|
</x-form>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<section>
|
||||||
|
<div class="row text-center" style="font-size: 20px; margin-top:100px;">
|
||||||
|
<div class="col-6 col-md-3 mb-5">
|
||||||
|
<img src="{{asset('template/images/alpakas-1.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-3 mb-5">
|
||||||
|
<img src="{{asset('template/images/alpakas-4.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
||||||
|
</div>
|
||||||
|
<div class="col-6 col-md-3 mb-5">
|
||||||
<section>
|
<img src="{{asset('template/images/alpakas-2.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
||||||
|
</div>
|
||||||
<div class="row text-center" style="font-size: 20px; margin-top:100px;">
|
<div class="col-6 col-md-3 mb-5">
|
||||||
<div class="col-6 col-md-3 mb-5">
|
<img src="{{asset('template/images/alpakas-3.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
||||||
<img src="{{asset('template/images/alpakas-1.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="col-6 col-md-3 mb-5">
|
</section>
|
||||||
<img src="{{asset('template/images/alpakas-4.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
|
||||||
</div>
|
|
||||||
<div class="col-6 col-md-3 mb-5">
|
|
||||||
<img src="{{asset('template/images/alpakas-2.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
|
||||||
</div>
|
|
||||||
<div class="col-6 col-md-3 mb-5">
|
|
||||||
<img src="{{asset('template/images/alpakas-3.jpg')}}" class="img-fluid rounded border shadow-sm" loading="lazy">
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
@stop
|
@stop
|
||||||
|
|
||||||
|
|
||||||
@section('scripts')
|
@section('scripts')
|
||||||
|
|
||||||
@stop
|
@stop
|
||||||
Loading…
Reference in New Issue