Bosquejo
This commit is contained in:
25
resources/views/home/banner.blade.php
Normal file
25
resources/views/home/banner.blade.php
Normal file
@ -0,0 +1,25 @@
|
||||
<div id="banner">
|
||||
<div class="ui container">
|
||||
<div class="ui center aligned stackable grid">
|
||||
<div class="row">
|
||||
<div class="eight wide column">
|
||||
<div class="ui inverted header">
|
||||
<div class="content" style="font-weight: 900; font-size: 2.3rem; margin-bottom: 1rem;">
|
||||
{{$banner->title}}
|
||||
</div>
|
||||
<div class="descripcion" style="font-weight: 300; font-size: 1.8rem;">
|
||||
{{$banner->contenido}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="three wide column">
|
||||
<button class="ui fluid huge inverted basic button" style="font-weight: 900;">
|
||||
DESCARGA
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
81
resources/views/home/clientes.blade.php
Normal file
81
resources/views/home/clientes.blade.php
Normal file
@ -0,0 +1,81 @@
|
||||
<div class="ui container" id="clientes">
|
||||
<div class="ui center aligned large header">
|
||||
CLIENTES
|
||||
</div>
|
||||
<div class="ui grid">
|
||||
<div class="column ci">
|
||||
<i class="left chevron big icon" id="left_arrow"></i>
|
||||
</div>
|
||||
<div class="fourteen wide column">
|
||||
<div class="ui center aligned stackable grid" id="img_clientes">
|
||||
<div class="row">
|
||||
@for ($i = 0; $i < min(10, count($clientes)); $i += 2)
|
||||
<div class="three wide column">
|
||||
{!!$clientes[$i]!!}
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
<div class="row">
|
||||
@for ($i = 1; $i < min(10, count($clientes)); $i += 2)
|
||||
<div class="three wide column">
|
||||
{!!$clientes[$i]!!}
|
||||
</div>
|
||||
@endfor
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column ci">
|
||||
<i class="right chevron big icon" id="right_arrow"></i>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
var clientes = [
|
||||
@foreach ($clientes as $cliente)
|
||||
'{!!$cliente!!}',
|
||||
@endforeach
|
||||
]
|
||||
var current = 0
|
||||
function decreaseClientes() {
|
||||
$('#img_clientes').find('.row').find('.column:last-child').remove()
|
||||
current -= 2
|
||||
if (current < -8) {
|
||||
current = clientes.length - 10
|
||||
}
|
||||
n = current
|
||||
if (n < 0) {
|
||||
n = clientes.length + n
|
||||
}
|
||||
$('#img_clientes').find('.row:first-child').prepend(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[n])
|
||||
)
|
||||
$('#img_clientes').find('.row:last-child').prepend(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[n + 1])
|
||||
)
|
||||
}
|
||||
function increaseClientes() {
|
||||
$('#img_clientes').find('.row').find('.column:first-child').remove()
|
||||
current += 2
|
||||
if (current > clientes.length - 10) {
|
||||
current = -8
|
||||
}
|
||||
$('#img_clientes').find('.row:first-child').append(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 8])
|
||||
)
|
||||
$('#img_clientes').find('.row:last-child').append(
|
||||
$('<div></div>').attr('class', 'three wide column').append(clientes[current + 9])
|
||||
)
|
||||
}
|
||||
$(document).ready(function() {
|
||||
$('.ci .icon').css('cursor', 'pointer').click(function() {
|
||||
if ($(this).attr('class').indexOf('left') != -1) {
|
||||
decreaseClientes()
|
||||
return
|
||||
}
|
||||
increaseClientes()
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
55
resources/views/home/contacto.blade.php
Normal file
55
resources/views/home/contacto.blade.php
Normal file
@ -0,0 +1,55 @@
|
||||
<div class="ui container" id="contacto">
|
||||
<div class="ui stackable center aligned grid">
|
||||
<div class="three wide column">
|
||||
<div class="ui huge header">
|
||||
CONTACTO
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui stackable two columns grid">
|
||||
<div class="column">
|
||||
<form class="ui form" id="formulario" method="post" action="{{$urls->base}}/contacto">
|
||||
<div class="field">
|
||||
<input type="text" name="nombre" placeholder="Nombre" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<input type="text" name="telefono" placeholder="Teléfono" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<input type="text" name="email" placeholder="Email" />
|
||||
</div>
|
||||
<div class="field">
|
||||
<textarea name="mensaje" placeholder="Mensaje"></textarea>
|
||||
</div>
|
||||
<button class="ui fluid orange button">
|
||||
ENVIAR
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
<div class="column">
|
||||
<div class="ui embed" id="map" data-source="Google Maps" data-url="{{$urls->map}}"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$('#formulario').submit(function(e) {
|
||||
e.preventDefault()
|
||||
|
||||
var nombre = $(this).find("[name='nombre']").val()
|
||||
var telefono = $(this).find("[name='telefono']").val()
|
||||
var email = $(this).find("[name='email']").val()
|
||||
var mensaje = $(this).find("[name='mensaje']").val()
|
||||
|
||||
$.post('{{$urls->base}}/contacto', {nombre: nombre, telefono: telefono, email: email, mensaje: mensaje}, function(data) {
|
||||
console.debug(data)
|
||||
}, 'json')
|
||||
|
||||
return false
|
||||
})
|
||||
$('#map').embed()
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
31
resources/views/home/eventos.blade.php
Normal file
31
resources/views/home/eventos.blade.php
Normal file
@ -0,0 +1,31 @@
|
||||
<div id="eventos">
|
||||
<div class="ui container">
|
||||
<div class="ui center aligned huge header">
|
||||
EVENTOS
|
||||
</div>
|
||||
<div class="ui centered grid">
|
||||
<div class="center aligned column">
|
||||
<div class="ui tabular compact menu">
|
||||
<a class="active item" data-filter="none">Todos</a>
|
||||
@foreach ($servicios as $i => $servicio)
|
||||
<a class="item" data-filter="{{$i}}">{{$servicio->titulo}}</a>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui stackable center aligned grid">
|
||||
@foreach ($eventos as $evento)
|
||||
<div class="four wide column">
|
||||
<div class="ui basic segment">
|
||||
{!!$evento->image!!}
|
||||
<div class="ui center aligned header">
|
||||
{{$evento->titulo}}
|
||||
<br />
|
||||
{{$evento->empresa}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
12
resources/views/home/frase.blade.php
Normal file
12
resources/views/home/frase.blade.php
Normal file
@ -0,0 +1,12 @@
|
||||
<div class="ui container" id="frase">
|
||||
<div class="ui center aligned grid">
|
||||
<div class="twelve wide column">
|
||||
<div class="ui header">
|
||||
{{$frase->titulo}}
|
||||
</div>
|
||||
<p>
|
||||
{{$frase->contenido}}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
23
resources/views/home/nosotros.blade.php
Normal file
23
resources/views/home/nosotros.blade.php
Normal file
@ -0,0 +1,23 @@
|
||||
<div id="nosotros">
|
||||
<div class="ui container">
|
||||
<div class="ui stackable two columns grid">
|
||||
<div class="column">
|
||||
<div class="ui fluid placeholder">
|
||||
<div class="image"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="column contenido">
|
||||
<div class="ui large header">
|
||||
NOSOTROS
|
||||
</div>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
|
||||
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
|
||||
aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat
|
||||
nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui
|
||||
officia deserunt mollit anim id est laborum.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
32
resources/views/home/servicios.blade.php
Normal file
32
resources/views/home/servicios.blade.php
Normal file
@ -0,0 +1,32 @@
|
||||
<div class="ui container" id="servicios">
|
||||
<div class="ui center aligned huge header">
|
||||
SERVICIOS
|
||||
</div>
|
||||
<div class="ui center aligned grid">
|
||||
<div class="twelve wide column">
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna
|
||||
aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="twelve wide column">
|
||||
<div class="ui center aligned stackable grid">
|
||||
<div class="three columns row">
|
||||
@foreach ($servicios as $servicio)
|
||||
<div class="column">
|
||||
<div class="ui placeholder">
|
||||
<div class="square image"></div>
|
||||
</div>
|
||||
<div class="ui header">
|
||||
{{$servicio->titulo}}
|
||||
</div>
|
||||
<div class="ui content">
|
||||
{{$servicio->contenido}}
|
||||
</div>
|
||||
</div>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
56
resources/views/home/testimonios.blade.php
Normal file
56
resources/views/home/testimonios.blade.php
Normal file
@ -0,0 +1,56 @@
|
||||
<div id="testimonios">
|
||||
<div class="ui container">
|
||||
<div class="ui center aligned grid">
|
||||
<div class="fourteen wide column" id='testimonio'>
|
||||
<p>
|
||||
<i>
|
||||
{{$testimonios[0]->contenido}}
|
||||
</i>
|
||||
</p>
|
||||
<div class="ui header">
|
||||
{{$testimonios[0]->emisor}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui center aligned basic segment" id="marcador">
|
||||
@foreach ($testimonios as $i => $t)
|
||||
<i class="small circle @if ($i > 0)
|
||||
outline
|
||||
@endif icon" data-id="{{$i}}"></i>
|
||||
@endforeach
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@push('scripts')
|
||||
<script type="text/javascript">
|
||||
var testimonios = [
|
||||
@foreach ($testimonios as $testimonio)
|
||||
{
|
||||
contenido: '{{$testimonio->contenido}}',
|
||||
emisor: '{{$testimonio->emisor}}'
|
||||
},
|
||||
@endforeach
|
||||
]
|
||||
var current = 0
|
||||
function cambiar(id) {
|
||||
if (id == current) {
|
||||
return
|
||||
}
|
||||
$('#testimonio').html('').append(
|
||||
$('<p></p>').html(testimonios[id].contenido)
|
||||
).append(
|
||||
$('<div></div>').attr('class', 'ui header').html(testimonios[id].emisor)
|
||||
)
|
||||
$('#marcador').find(".icon[data-id='" + current + "']").addClass('outline')
|
||||
$('#marcador').find(".icon[data-id='" + id + "']").removeClass('outline')
|
||||
current = id
|
||||
}
|
||||
$(document).ready(function() {
|
||||
$('#marcador').find('.icon').css('cursor', 'pointer').click(function() {
|
||||
var id = $(this).attr('data-id')
|
||||
cambiar(id)
|
||||
})
|
||||
})
|
||||
</script>
|
||||
@endpush
|
||||
Reference in New Issue
Block a user