Module positions

Module positions

* - free version is limited and not contains all module positions

Module Positions

* - free version is limited and not contains all module positions


Template parameters

Template parameters

* - free version is limited and not contains all parameters

Template Parameters

* - free version is limited and not contains all parameters


Typography

Heading

Heading: h1, h2, h3, h4 and h5 font size parameter is available for all main layouts.

Content Toggle

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.

Click me to toggle content...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
Click me to toggle content...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
Click me to toggle content...
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.

Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.

Click here to grab the code
<div class="toggle 1">
Click me to toggle content...
</div>
<div class="toggle_content 1">
Your text here ...
</div>
.
.
There are 15 content toggles available per page, each should contain a different ID: 1, 2, 3 .... 15
.
.
<div class="toggle 15">
Click me to toggle content...
</div>
<div class="toggle_content 15">
Your text here ...
</div>

Blockquote styles

This is a left blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales.

Click here to grab the code
<blockquote class="left">Your text here ...</blockquote>

This is a right blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit sed pharetra aliquet metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales.

Click here to grab the code
<blockquote class="right">Your text here ...</blockquote>

This is a fullwidth blockquote.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<blockquote>Your text here ...</blockquote>

Note style

Note: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.
Click here to grab the code
<div class="note"><b>Note: </b>Your text here ...</div>

List styles

  • General list style.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 1. To apply this list style use: "list-1"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 2. To apply this list style use: "list-2"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 3. To apply this list style use: "list-3"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 4. To apply this list style use: "list-4"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 5. To apply this list style use: "list-5"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 6. To apply this list style use: "list-6"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 7. To apply this list style use: "list-7"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 8. To apply this list style use: "list-8"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
  • List style 9. To apply this list style use: "list-9"
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla.
Click here to grab the code
<ul>
<li class="list-1">Your text here ...</li>
</ul>

.
. There are 9 list styles availble: list-1, list-2, list-3, ... and list-9
.

<ul>
<li class="list-9">Your text here ...</li>
</ul>

Image styles

Custom Image Frame with Left Alignment

Lorem ipsum dolor sit amet, desoma consectetur adipiscing elit. Sed quam aliquam justo neque. Maecenas blandit luctus rhoncus. Sed quamo consectetur des iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<p>
<img class="left" src="/images/sampledata/as002027/img.typo.png" border="0" width="400" />
<b>Custom Image Frame with Left Alignment</b><br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
</p>

Custom Image Frame with Right Alignment

Lorem ipsum dolor sit amet, desoma consectetur adipiscing elit. Sed quam aliquam justo neque. Maecenas blandit luctus rhoncus. Sed quamo consectetur des iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<p>
<img class="right" src="/images/sampledata/as002027/img.typo.png" border="0" width="400" />
<b>Custom Image Frame with Left Alignment</b><br /><br />
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.
</p>

Custom Image Frame with Center Alignment

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus. Sed consectetur iaculis purus tempus pulvinar. Nullam consequat imperdiet fringilla. Vestibulum gravida elit in dui rutrum placerat. Vivamus vitae fermentum tortor. Etiam lacinia sodales velit, in convallis nunc molestie et.

Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet. Morbi eu turpis molestie ipsum imperdiet sollicitudin. Donec rhoncus, lacus eget dapibus aliquam, risus massa aliquam ligula, ac rutrum tellus mi a nunc.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce volutpat, sapien eget placerat rutrum, urna mauris iaculis ligula, at tincidunt ligula ante ac enim. Duis pulvinar, est a aliquet sollicitudin, quam risus bibendum velit, in blandit orci eros non risus. Pellentesque ac ullamcorper velit. Vestibulum ornare tincidunt lacinia. Donec vel ante justo, quis scelerisque est. Phasellus a feugiat felis. Integer eu risus libero. Nullam pulvinar dolor vitae ante fermentum sodales. Morbi iaculis tellus non sapien aliquet viverra. Etiam non risus ac turpis consequat aliquet.

Click here to grab the code
<p>
<b>Custom Image Frame with Center Alignment</b><br /><br />
Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus.
</p>
<div class="center">
<img class="center" src="/images/sampledata/as002027/img.typo.png" border="0" width="400" />
</div>
<p>
Some text here. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed aliquam justo neque. Maecenas blandit luctus rhoncus.
</p>

Gewerbebau:


Neue Produktionsflächen, ergonomische Arbeitsplätze, kürzere Wege, Renovierung eines älteren Objektes, ein innovativer Bürokomplex oder eine neue Vision für Ihr Unternehmen.
Was immer Sie antreibt:
Wir schaffen individuelle, nachhaltige Lösungen im Gewerbebau.
Lesen Sie mehr...