A very important Element for good Web Design Web Design is Typography. This Template delivers you sophisticated typography, various stylings and awesome functions for nice styling of your content.
- Get an awesome styling to give your customers the best clarity
- A lot of different elements for you, most of them are easy to include using our shortcode system
- All elements are styled with CSS so no loading of images or other elements
Demo
This is an H1 Header
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
This is an H2 Header
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
This is an H3 Header
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
This is an H4 Header
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
This is an H5 Header
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Blockquotes
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Lorem ipsum dolor sit amet, consectetur adipisicing 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.Isaac Asimov
How to use
{blockquote}Your Content goes here{/blockquote}
{blockquote}Your Content goes here{/blockquote-name | Name here}
You can use this Shortcodes everywhere in your content, click here to find out more.
Testimonial
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Isaac Asimov - HTML5 Expert
How to use
{testimonial}Your Content goes here{testimonial-name | Name or Link here}
You can use this Shortcodes everywhere in your content, click here to find out more.
Progress Bars (animated)
Animated Progress Bar 10%
Animated Progress Bar 20%
Animated Progress Bar 30%
Animated Progress Bar 40%
Animated Progress Bar 50%
Animated Progress Bar 60%
Animated Progress Bar 70%
Animated Progress Bar 80%
Animated Progress Bar 90%
Animated Progress Bar 100%
How to use
{progress | Name here | Number here}
Icons
Beside de usual image icons we integrate Font Awesome v.3.0. with over 300 icons. In a single collection, Font Awesome is a pictographic language of web-related actions. Easily style icon color, size, shadow, and anything that's possible with CSS. You can read more about it here.
Labels
Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut sumus 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. Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut sumus 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. Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut sumus 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. Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut sumus 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. Dermau ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore.
How to use
{label | Style: radius, round, square | Color: success, alert, secondary, templatecolor | Your Text goes here}
{label | radius | success | Awesome} = Awesome
You can use this Shortcodes everywhere in your content, click here to find out more.
This is an Horizontal Rule
This is an Horizontal Rule width a individual distance
{liner | Enter margin pixels here (top, right, bottom, left)}
{liner | 21px 0 22px 0}
Or use {line} to create a simple Line
This is an space for you if needed - attention: of course it's not visible
{spacer | Enter the height of the whitespace in pixels}
{spacer | 120px} As you maybe have seen before on the icons, of course it's also possible to use them in list-styles. Like all elements in this template extrem easy to use without need of coding or complicated techniques.
- All list styles are retina ready, so they look great on devices with high resolution
- Really great variaty, see the rich list here, there are icons for every needed possibility
- Also it's possible to use different icons in one list, use crosses or checkboxes in one list
Demo
List with Disc
- List item
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
List with Circle
- List item
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
List with Square
- List item
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
List with Type1
- List item
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
List with Type2
- List item
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
List with fa-ul (custom icon)
- List item
- List item
- List item
- Nested List Item
- Nested List Item
- Nested List Item
- List item
- List item
- List item
Use black icon
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
Use templatecolor icon
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
Use another Icon
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
- List item
How to use
You can use this Shortcodes everywhere in your content, click here to find out more.
{list | Type of the Icon (disc, circle, square, type1, type2, fa-ul)}
{listing}Type in some text to display in this list{/listing}
{listing}Type in some text to display in this list{/listing}
{listing}Type in some text to display in this list{/listing}
{/list}
Example for List Style disc, circle, square, type1 or type2 (predefined icons)
{list | type1}
{listing}Listing{/listing}
{listing}Listing{/listing}
{listing}Listing{/listing}
{/list}
Example for List Style fa-ul (custom icons, many available)
{list | fa-ul}
{listing}{icon | fa-heart fa-li}Listing{/listing}
{listing}{icon | fa-heart fa-li}Listing{/listing}
{listing}{icon | fa-heart fa-li}Listing{/listing}
{/list}
Attention: Many many more list-styles are possible, see all available icons here.
We buttons, really! That's why the this awesome Framework has multiple buttons sizes and color that are not only badass out of the box, but easy to customize for your projects. Of course you can easily add Buttons with the integrated Shortcode System, see a Demo of the possible Variations below.
- Nice styled with a lot of CSS3 effects and techniques which works in all modern browsers
- Four different sizes and 3 individual colors to take the best match of your websites look
- Very easy to use in your content with our integrated Shortcode System
- Styles for every situation, regular, hover and of course a active and focus style
Demo Regular Button
Add classes for size, type (color) and style (square, slightly rounded, and completely rounded) to achive what button you wish.
Demo Icon Button
Demo Advanced Button
How to use
You can use this Shortcodes everywhere in your content, click here to find out more.
{button | (Size: tiny, small, medium, large) (Color: templatecolor, secondary, success, alert) (Style: square, round, radius or combined wih full-width) | Your Link goes here | Name your Button here}
{button | small secondary radius | http://www.google.de | Jump to Google}
Or use one of these Shortcodes (with Icons or with Link opens in a new Window)
{button-icon | small secondary radius | http://www.google.de | Jump to Google | icon-name}
{button-blank | small secondary radius | http://www.google.de | Jump to Google}
{button-data | small secondary radius | http://www.google.de | Jump to Google | data-attributes comes here} LEX CLOUD SERVICES
Estamos trabajando para ofrecer un gran abanico de soluciones integradas. Desde nuestro departamento de Informática, hemos desarrollado una serie de soluciones en la nube, para que la gestión de sus documentos e información siempre estén unificadas y con los mayores estándares de seguridad
LEX CLOUD SERVICESNuestros Colaboradores
Login
×Register now
I'm a small Introtext for the Register Module, I can be set in the Backend of the Joomla WS-Register Module.
×