About this Site

Lorem ipsum dolor sit amet, Muster consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam Muster nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.


Content-Management-System

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, Muster sed diam gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diamnonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

weiterlesen...


Get the code for Column 1-3 and 2-3
<div class="col-1-3">

  <p>YOUR TEXT</p>

  </div>
<div class="col-2-3">

  <p>YOUR TEXT</p>

  </div>

List

Get the code for Liststyles
<ul class="right_arrow">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>
<ul class="pen">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>
<ul class="help">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>
  <ul class="print">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>
<ul class="no">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>
<ul class="ok">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>
  <ul class="play">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

<li>Lorem ipsum dolor sit amet ul list.</li>
</ul>
<ul class="plus">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

</ul>
<ul class="star">

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  <li>Lorem ipsum dolor sit amet ul list.</li>

  </ul>

Column 277

col-277

Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa

weiterlesen...

col-277

Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa

weiterlesen...

col-277-last

Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa

weiterlesen...

Get the code for Column 277
<div class="col-277">

  <p>YOUT TEXT</p>

  </div>
<div class="col-277">

  <p>YOUT TEXT</p>

  </div>


<div class="col-277-last">

  <p>YOUT TEXT</p>

</div>

Column 190

col-190

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit.

col-190

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit.

col-190

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit.

col-190-last

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit.

Get the code for Column 190
<div class="col-190">
  
  <p>YOUT TEXT</p>

</div>
<div class="col-190">

  <p>YOUT TEXT</p>

</div>
<div class="col-190">

  <p>YOUT TEXT</p>

</div>
<div class="col-190-last">

  <p>YOUT TEXT</p>

</div>

Buttons

Button Text Button Text Button Text Button Text Button Text Button Text
Button Text Button Text Button Text Button Text Button Text Button Text
Button Text Button Text Button Text Button Text Button Text
Button Text Button Text Button Text Button Text Button Text Button Text

Notifications - klick and close!

WARNUNG: Das ist eine Warnung

INFORMATION: Das ist eine Information

ERFOLGREICH: Erfolgreiche Meldung

FEHLGESCHLAGEN: Aktion konnte nicht ausgeführt werden.

GESPERT: Sie müssen sich erst einloggen!

Dieses Feld schließt sich nicht

INFORMATION: Das ist eine Information

Get the code for Notifications
<div class="notification warning close"><p>YOUR TEXT</p></div>

<div class="notification information close"><p>YOUR TEXT</p></div> 

<div class="notification success close"><p>YOUR TEXT</p></div> 

<div class="notification failure close"><p>YOUR TEXT</p></div>

<div class="notification lock close"><p>YOUR TEXT</p></div>

<div class="notification information "><p>YOUR TEXT</p></div>

Der perfekte Toggle für Ihre Homepage

1. Frage hierfür

Antwort

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Sed tortor aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus Sed tortor est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no dolor sit amet. Lorem ipsum dolor sit amet. Üfsce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.

2. Code für diesen Toggle
<h6 class="toggle"><a href="#"><span>Frage</span></a></h6>


<div class="toggle_open">

<p>Hier kommt Ihr Text...</p>

</div>
3. Lorem ipsum dolor sit amet

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Sed tortor aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus Sed tortor est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no dolor sit amet. Lorem ipsum dolor sit amet. Üfsce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.

4. Consetetur sadipscing elitr

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Sed tortor aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus Sed tortor est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no dolor sit amet. Lorem ipsum dolor sit amet. Üfsce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.

5. Stet clita kasd gubergren

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna Sed tortor aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus Sed tortor est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no dolor sit amet. Lorem ipsum dolor sit amet. Üfsce mi pede, tempor id, cursus ac, ullamcorper nec, enim. Sed tortor.

Pre für CSS codes

 
a img {
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: underline;
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus {
	text-decoration: none;
}
.container {
	width: 465px;
	background: #f9f9f9;
	margin: 0 auto;
	padding:40px;
}
1. get the code

<pre>
Dazwischen Ihr CSS code
</pre>

Blockquote

 

Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.

Mehr informationen: zum Thema
2. get the code
<blockquote>
<p>Your text goes here...</p>
<cite>more: <a href="#"> zum Thema</a></cite>
</blockquote>

address

 

Maecenas metus. Vivamus diam purus, cursus a, commodo non, facilisis vitae, nulla. Aenean dictum lacinia tortor. Nunc iaculis, nibh non iaculis aliquam, orci felis euismod neque, sed ornare massa mauris sed velit.

3. get the code
<address>
<p>Your Text goes here...</p>
</address>

Heading 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam.

This is the heading 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam.

This is the heading 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam.

Heading 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam.

Heading 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam.

Heading 6

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt dolore magna aliquyam erat, sed diam.

Price Table
 

Easy Medium Business Premium
Price per month € 2.90 € 5.90 € 9.90 € 12.90
Web-Space 100 MB 500 MB 1000 MB 1500 MB
Trafic 50 GB 100 GB 150 GB Unlimited
MySQL Databases 1 5 10 20
FTP 1x 5x Unlimited Unlimited
Admin/ Web-FTP
PHP 5

Kontaktformular

 

:
:
:
: