UX Banners are responsive and animated banners.
These banners can be inserted into a UX Slider or into a banner grid.
[ux_banner bg="http://imageurl" height="500px" animation="flipInX"] <h1>DEFAULT BANNER</h1> <h3>This is a simple banner with centered text. Change text and background easely... </h3> ____ [/ux_banner]
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"] <h3>This Weekend Only</h3> ____ <h1>FREE SHIPPING</h1> <h2>ON ALL ORDERS!</h2> ____ [button text='Browse products' link='http://'] [/ux_banner]
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"] <h3>This Weekend Only</h3> ____ <h1>FREE SHIPPING</h1> <h2>ON ALL ORDERS!</h2> ____ [button text='Browse products' link='http://'] [/ux_banner]
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%"] <h3 class="alt-font">It has Finaly started...</h3> ____ <h1 class="h-large">HUGE SALE</h1> <h1>UP TO 70% OFF</h1> ____ [button style="alt-button white" text="Shop men" link="http://"] [button style="alt-button white" text="Shop women" link="http://"] [button style="alt-button white" text="Shop kids" link="http://"] [/ux_banner]
[ux_banner bg="http://imageurl" height="560px" link="" animation="fadeInLeft" text_align="center" text_pos="right center" text_color="dark" text_width="40%" parallax="2"] <h3 class="alt-font">It has Finaly started...</h3> ____ <h1 class="h-large">PARALLAX</h1> <h1>UP TO 70% OFF</h1> ____ [button style="alt-button white" text="Shop men" link="http://"] [button style="alt-button white" text="Shop women" link="http://"] [button style="alt-button white" text="Shop kids" link="http://"] [/ux_banner]
[ux_banner bg="http://imageurl" height="300px" animation="flipInX"] <h1>ABOUT US</h1> ___ [share] [/ux_banner]
Banner Grid
[ux_banner_grid] [col span="6"] [ux_banner height="600px" bg=""] [/ux_banner] [/col] [col span="3" ] [ux_banner height="600px" bg=""] [/ux_banner] [/col] [col span="3" ] [ux_banner height="292px" bg=""] [/ux_banner] [/col] [col span="3"] [ux_banner height="292px" bg=""] [/ux_banner] [/col] [/ux_banner_grid]
3-column Banner Row


-
Canastitas de Atun
-
Risotto con Calamares y Champi
-
Terrina fria de Merluza al azafrán con salsa tártara y anchoas
Ingredientes
4 porc.
Merluza Puglisi 1 lata
Puerro 2 u
Zanahoria 1 u
Manteca 50 gr
Azafrán 1 u
Huevos 2 u
Sal y pimienta
Crema 100 cc
Salsa
Mayonesa 100 gr
Picklets 50 gr
Huevo 1 u
Anchoas Puglisi 2 u
Perejil c/n
Paso a paso
- Rehogar puerro picado y zanahoria rallada en manteca, incorporar la merluza Puglisi, con los huevos y la crema. Condimentar.
- Llevar la preparación a una budinera previamente enmantecada y llevar a horno baño maría 25 min. Dejar enfriar y servir.
- Mezclar la mayonesa con picklets, huevo duro y las anchoas Puglisi picadas. -
Tartines cremosos de atún con tomates confit
Ingredientes
4 porc.
Masa
Harina 0000 200 gr
Manteca 40 gr
Agua c/n
Sal c/n
Relleno
Atún Puglisi 1 lata
Manteca 50
Tomates 2 u
Puerros 2 u
Huevos 3 u
Queso crema 100 gr
Queso sardo 150 gr
Sal y pimienta.
Paso a paso
- Para hacer la masa, mezclar todos los ingredientes, dejar enfriar y formar una tartera.
- Para prepara el relleno rehogar en manteca el puerro, agregar el atún y los huevos mezclados con el queso crema.
- Colocar el relleno sobre la masa, agregar tomates, queso rallado para gratinar y llevar a horno 25 min. -
Croquetas de Caballa y champignones con mayonesa de remolacha y jengibre
Ingredientes
3 porc.
Caballa Puglisi 1 lata
Manteca 30
Cebolla 1 u
Champignones 100 gr
Huevos 2 u
Harina 125 gr
Sal y pimienta
Nuez moscada c/n
Queso rallado 50 gr
Salsa
Limón 1 u
Remolacha 1 u
Aceite de girasol 100
Jengibre
Paso a paso
- Rehogar con ajo picado la espinaca, incorporar la merluza, dejar enfriar y mezclarles harina, huevos, queso rallado y condimentar.
- Cocinar fritas o al horno.
- Para la salsa, procesar remolacha hervida con jugo de limón, jengibre picado y aceite, hasta que tenga consistencia de mayonesa. -
Merluza gratinada con espinaca
INGREDIENTES
2 PORC
Merluza Puglisi 1 lata
Manteca 25 gr
Ajo 1 diente
Espinaca 1 atado
Harina 30 gr
Sal, pimienta y nuez moscada c/n
Leche 200 cc
Crema 100 gr
Queso parmesano 100gr
Paso a paso
- Rehogar con ajo picado la espinaca, agregar harina, la leche y cocinar hasta que se espese.
- Incorpora la crema.
- Disponer en una bandeja de horno la merluza, cubrir con la salsa, agregar el queso rallado y llevar a horno a gratinar.
[row] [col span=1/3] [ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">Weekly Giveaway</h2> ___ [/ux_banner] [/col] [col span=1/3] [ux_banner link="http://localhost:8888/test/blog/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">Join our competition</h2> ___ [/ux_banner] [/col] [col span=1/3] [ux_banner link="http://localhost:8888/test/pages/about-us/" bg="http://imageurl" hover="zoom" height="160px"] <h2 class="uppercase">ABOUT US </h2> ___ [/ux_banner] [/col] [/row]
Video banner
[ux_banner bg="#000" video_mp4="http://videourl.mp4" video_ogg="" height="600px" link="" animation="fadeInRight" text_align="left" text_pos="left center" text_color="light" text_width="40%"] <h3 class="alt-font">Summer coming...</h3> ____ <h1>THIS IS AN AWESOME VIDEO BANNER</h1> ____ [button text="Shop men" link="http://localhost:8888/test/product-category/men/"] [button text="Shop women" link="http://localhost:8888/test/product-category/women/"] [/ux_banner]
Banner with snow effect
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="snow"] <h1>DEFAULT BANNER</h1> <h3>This is a simple banner with centered text. Change text and background easely... </h3> ____ [/ux_banner]
Banner with glass effect
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="sliding-glass"] <h1>DEFAULT BANNER</h1> <h3>This is a simple banner with centered text. Change text and background easely... </h3> ____ [/ux_banner]
Banner with sparkle effect
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="sparkle"] <h1>DEFAULT BANNER</h1> <h3>This is a simple banner with centered text. Change text and background easely... </h3> ____ [/ux_banner]
Banner with confetti effect
[ux_banner bg="http://imageurl" height="500px" animation="flipInX" effect="confetti"] <h1>DEFAULT BANNER</h1> <h3>This is a simple banner with centered text. Change text and background easely... </h3> ____ [/ux_banner]