Artículos

MODULES POSITIONS

Below i made a demonstration of each position. As you can see in most of the rows there are 6 positions per rows, which is more then enough when publishing modules. In total there are 69 modules positions!!!

View all module positions live by appending ?tp=1 or &tp=1 to the end of your URL such as http://yoursite.com/index.php?tp=1.

The biggest advantage of this framework, because of it's grid system, is that you can set-up your desired layout:

layouts


THE PERFECT CHOICE FOR FLEXIBILITY!!

Modules positions

Contacta con nosostros

Rellena por favor el formulario

ESTAMOS A VUESTRA DISPOSICIÓN

Para visitarnos, hacer reservas y disfrutar de nuestros platos y alojamiento.

Dirección: Plaza la Fuente 1, 22720, Valle de Hecho (Huesca)

Teléfonos: (034) 974 375 007 / 657 892 128

Email: Esta dirección de correo electrónico está protegida contra spambots. Usted necesita tener Javascript activado para poder verla.

 

Ahora como NOVEDAD puedes hacer tu reserva por WhatsApp, fácil, cómodo, inmediato y sin ningún gasto.  En el número   657 892 128

BUTTON DESIGNS

CALL TO ACTION BUTTONS

This is a big yellow button This is a big button

 

Shortcode:

[big-button color="yellow" link="http://www.website.com/"]This is a big yellow button[/big-button] [big-button link="http://www.website.com/"]This is a big button[/big-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="big-button yellow">This is a big yellow button</a>

 

Medium blue button Green medium button Default medium button

 

Shortcode:

[medium-button color="blue" link="http://www.website.com/"]This is a medium blue button[/medium-button] [medium-button color="green" link="http://www.website.com/"]This is a medium green button[/medium-button] [medium-button link="http://www.website.com/"]This is a default medium button[/medium-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="medium-button yellow">This is a medium yellow button</a>

 

Small bluebutton Green small button Small red button Default small button

 

Shortcode:

[small-button color="blue" link="http://www.website.com/"]This is a small blue button[/small-button] [small-button color="green" link="http://www.website.com/"]This is a small green button[/small-button] [small-button color="red" link="http://www.website.com/"]This is a small red button[/small-button] [small-button link="http://www.website.com/"]This is a default small button[/small-button]

You can also use straight css class like .big-button (for making it big) and also .yellow, .green, .blue etc (for adding color). The html of this example is:

<a href="http://www.website.com/" class="small-button yellow">This is a small yellow button</a>

 

CUSTOM BUTTONS

The shortcode for buttons:

[button link="" title="" style="1" or style="2" rounded="yes"][/button]

 

The below examples have the style="1" to the shortcode:

Pellentesque  Vestibulum  condimentum sed

 

The below examples have the style="2" to the shortcode:

Pellentesque  Vestibulum  condimentum sed

IMAGE SHADOWS

These examples are images with dinamic shadow. The shadow is automatically inserted, this with only one class added to the image.

IMAGE SHADOW - TYPE 1 / having the class set to .with-shadow-1

img-06

img-06

img-06 img-06 img-06

 

IMAGE SHADOW - TYPE 2 / having the class set to .with-shadow-2

img-06

img-06

img-06 img-06 img-06

 

IMAGE SHADOW - TYPE 3 / having the class set to .with-shadow-3

img-06

img-06

img-06 img-06 img-06

 

IMAGE SHADOW - TYPE 4 / having the class set to .with-shadow-3

img-06

img-06

img-06 img-06 img-06

 

TABLE DESIGNS

Some table designs:

MINIMAL STYLE

The below exemple has the class set to ".minimal-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

BOX STYLE

The below exemple has the class set to ".box-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

ZEBRA STYLE

The below exemple has the class set to ".zebra-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

ONE COLUMN STYLE

The below exemple has the class set to ".onecol-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

SIMPLE STYLE

The below exemple has the class set to ".simple-style"

Country Population Area Official languages
United States of America 306,939,000 9,826,630 km2 English
United Kingdom 61,612,300 244,820 km2 English
India 1,147,995,904 3,287,240 km2 Hindi, English
Canada 33,718,000 9,984,670 km2 English, French
Germany 82,060,000 357,021 km2 German

 

Code for table:

<table class="minimal-style">
    <thead>
        <tr>  
            <th scope="col">Country</th>
            <th scope="col">Population</th>
            <th scope="col">Area</th>
            <th scope="col">Official languages</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>United States of America</td>
            <td>306,939,000</td>
            <td>9,826,630 km2</td>
            <td>English</td>
        </tr>
        <tr>
            <td>United Kingdom</td>
            <td>61,612,300</td>
            <td>244,820 km2</td>
            <td>English</td>
        </tr>
        <tr>
            <td>India</td>
            <td>1,147,995,904</td>
            <td>3,287,240 km2</td>
            <td>Hindi, English</td>
        </tr>
        <tr>
            <td>Canada</td>
            <td>33,718,000</td>
            <td>9,984,670 km2</td>
            <td>English, French</td>
        </tr>
        <tr>
            <td>Germany</td>
            <td>82,060,000</td>
            <td>357,021 km2</td>
            <td>German</td>
        </tr>
    </tbody>
</table>

Más Artículos...

  1. RESTAURANTE GABY

Suscribete a nuestras noticias

CONTACTO

Dirección: Plaza la Fuente 1, 22720, Valle de Hecho (Huesca)

Teléfonos: (034) 974 375 007 / 657 892 128

Email: Esta dirección de correo electrónico está protegida contra spambots. Usted necesita tener Javascript activado para poder verla.

Busco restaurantes

Un sitio maravilloso, tanto la casa como su gente, da gusto ir allí, maravillosa comida y el trato fuera de serie. La amabilidad con que gaby toma nota, las simpáticas camareras y ese gran cocinero que es pepó, lo recomiendo

Trip Advisor

Hemos estado el viernes 15 y el sábado 16 de febrero de 2013 y no ha podido ser mejor!!!Pepo y su mujer son super atentos todo fenomenal.VOLVEREMOS Un saludo para los dos.. y esa hora y media mereció la pena Gracias

Redaragon.com

“Sorpresa agradable por la calidad de la comida. Recomendable ”

Scroll to Top