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

4. Consetetur sadipscing elitr

5. Stet clita kasd gubergren

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

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

This is the heading 3

Heading 4

Heading 5

Heading 6

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