Valóranos

Esto es un Bloque Intro

Se suele itilizar como párrafo inicial de la página con tipo H1 + texto introductorio (un poco más grande que lo normal), y además se pulsa en la "alienación = Centro".

Butaca normal

Butaca normal

Butaca normal

Butaca normal

Texto bloque 3

Texto bloque 3

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Butaca normal

Butaca normal

Sin contenido hijo

Sin contenido hijo

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Camarote

Camarote

Título del icono

Título del icono

Aquí va el contenido

Aquí va el contenido

A pulsar el ratón

A pulsar el ratón

Aquí va el texto que aparece al hacer click. Si no tuviera texto no aparece el "call2action" para mostrarlo. Como pasa en el siguiente icono.

Aquí va el contenido

Aquí va el contenido

Título icono 1

Título icono 1

Aquí ponemos un texto que tampoco conviene que sea muy largo, es más mk.

Título icono 2

Título icono 2

Además tenemos que pensar que estos bloques son directamente responsive!

Títuo icono 3

Títuo icono 3

Así que tan solo tenemos que completar los datos que todo se maqueta solo.

Título icono 1

Título icono 1

Así que tan solo tenemos que completar los datos que todo se maqueta solo.

Título icono 2

Título icono 2

Así que tan solo tenemos que completar los datos que todo se maqueta solo.

Título icono 3

Título icono 3

Así que tan solo tenemos que completar los datos que todo se maqueta solo.

Título icono 4

Título icono 4

Así que tan solo tenemos que completar los datos que todo se maqueta solo.

Titulo de bloque1

Titulo de bloque1

Contenido de Bloque 1

Titulo de bloquen2

Titulo de bloquen2

Contenido de Bloque 2

Titulo de bloque 3

Titulo de bloque 3

Contenido de Bloque 3

Titulo de bloque 4

Titulo de bloque 4

Contenido de Bloque 4

Titulo de bloque 5

Titulo de bloque 5

Contenido de Bloque 5

Titulo de bloque 6

Titulo de bloque 6

Contenido de Bloque 6

Titulo del bloque de text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent semper, felis et suscipit aliquet, est nibh ornare odio, non vestibulum dui turpis ut turpis. Mauris ac orci massa.

Fusce mollis dui sed purus blandit, eu commodo tortor iaculis. Integer libero nibh, posuere sed efficitur quis, venenatis quis metus. Vivamus tincidunt, sapien ac scelerisque mollis, velit felis venenatis dolor, lobortis tempus ex justo id lectus.

 

  • Quisque eu nisl egestas, sagittis ex sit amet, mollis tellus.
  • Praesent nunc lacus, volutpat eu urna eget, lacinia pharetra odio.
  • Proin non diam velit. Sed congue leo purus, ornare porttitor risus auctor at.
  • Mauris non massa a nulla tristique commodo sit amet a eros.

 

Proin eget ornare diam. In hac habitasse platea dictumst. Aliquam pretium sapien at justo luctus euismod. Morbi sit amet quam eget arcu posuere tempor.

 

Nunc eget consequat leo. Suspendisse laoreet scelerisque arcu vitae laoreet. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia C

Bloque Título + Subtitulo

Este es un bloque que se utiliza como introducción de contenidos. Una idea muy interesante es alternan background gris (#f6f6f6) con blanco. También solemos centrarlo.

    Benchi Express 1 Benchi Express 2 Benchi Express 3 Benchi Express 4 Benchi Express 5

Lo que hemos puesto arriba e suna galería de imágenes "in grid" es decir que el ancho es el contenido,

Iconos con + info

Este bloque maquetado se ha creado para la nueva landing de la ruta de península. Lo bueno es que si creamos un bloque ya se puede utilizar en el resto.

Bloque de Información Destacada con imagen de fondo

En este caso se ha configurado el bloque con 3 filas, 1 por icono. Además los iconos son Font Awesome, no imágenes.

Título del bloque 1

Pequeño texto asociado al bloque 1. Pequeño texto asociado al bloque 1.

Título del bloque 2

Pequeño texto asociado al bloque 2. Pequeño texto asociado al bloque 2.

Título del bloque 3

Pequeño texto asociado al bloque 3. Pequeño texto asociado al bloque 3.

Ejemplo de bloque

El bloque inferior está formado por un bloque maquetado de 3 iconos más texto izquierda. Tanto este bloque como el inferior tienen un "bgcolor" #f6f6f6.

Título del bloque 1

Pequeño texto descriptivo del bloque que debería ocupar un par de lineas en desktop.

Título del bloque 2

Pequeño texto descriptivo del bloque que debería ocupar un par de lineas en desktop.

Título del bloque 3

Pequeño texto descriptivo del bloque que debería ocupar un par de lineas en desktop.

Titulo del bloque 1

Contenido del bloque. Contenido del bloque. Contenido del bloque. Contenido del bloque. Contenido del bloque.

Titulo del bloque 2

Texto-enlace

Título del cloque de 1 icono con texto izda.

Contenido de este bloque.Contenido de este bloque. Contenido de este bloque.Contenido de este bloque.Contenido de este bloque.

Ejemplo de Galería full with

A continuación se muestra una galería de imágenes que ocupa el ancho completo de la pantalla (full widht)

    Bentago Express 1 Bentago Express 2 Bentago Express 3
Título del cuadrado 1
Título del cuadrado 1
Título del cuadrado 1
Título del cuadrado 2
Título del cuadrado 2
Título del cuadrado 2
Título del cuadrado 3
Título del cuadrado 3
Título del cuadrado 3
destacado-golf-tecina.jpg
destacado-hotel-jardin-tecina.jpg
destacado-laguna-grande.jpg
Título del cuadrado 1
Título del cuadrado 1

Texto del cuadrado 1. Texto del cuadrado 1.Texto del cuadrado 1.Texto del cuadrado 1. Texto del cuadrado 1.Texto del cuadrado 1.Texto del cuadrado 1.

Título del cuadrado 2
Título del cuadrado 2

Texto del cuadrado 2. Texto del cuadrado 2.Texto del cuadrado 2.Texto del cuadrado 2.Texto del cuadrado 2.Texto del cuadrado 2.Texto del cuadrado 2. Texto del cuadrado 2.

Título del bloque

Título del bloque

Subtítulo del bloque.Subtítulo del bloque.

Texto ejemplo del puerto que puede ser tan largo como queramos

Con textos en negrita y

  • Con bulletlist 1
  • Con bulletlist 2

Servicios de Fred. Olsen:

  • Zona de pre-embarque para clientes que viajan con su vehículo.
  • Carros de equipajes a pie de barco hasta destino.
  • Servicio de consignas para transporte individual del equipaje hasta destino (coste 1€).
  • Servicio gratuito de Ferry bus Las Palmas de GC - Agaete y viceversa para los clientes de la ruta Agaete – Santa Cruz de Tenerife.

 

Servicios en el puerto:

  • Dispone de aparcamiento gratuito, cafetería, alquiler de coches, puntos de información turística, servicio de autobuses en las proximidades.

Aquí se puede poner cualquier texto en HTML

Titulo de bloque 1

Titulo de bloque 1

Titulo de bloque 2

Titulo de bloque 2

Titulo de bloque 3

Titulo de bloque 3

Titulo de bloque 4

Titulo de bloque 4

Titulo de bloque 5

Titulo de bloque 5