Seitliche Tabs

Mit den seitlich angebrachten Tabs kannst Du sortiert Inhalte auf kleinem Raum präsentieren. Die Tabs sparen Platz und strengen Deinen Besucher nicht an, weil Sie ihn nicht gleich mit der vollen Menge Deiner Inhalte erschlagen. Sie ermöglichen ein Step by Step erforschen Deiner Inhalte. 

Hier wurde das Tab-Element als Basis genutzt. In die jeweiligen Tabs wurde zuerst ein Banner implementiert und darunter Text platziert. Die Tabs haben einen Hintergrund, der Inhaltsbereich rechts nicht.

Webdesign

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Grafikdesign

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Werkstatt

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Tab-Element mit integriertem Banner & Text mit Hintergrund-Box.

Webdesign

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Grafikdesign

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Skyline

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Tab-Element mit integriertem Banner & Text ohne Hintergründe hinter den Inhalten & Tabs. 

Webdesign

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Grafikdesign

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.

Skyline

Lorem ipsum dolor sit amet tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla porta. Proin dictum lacus at neque interdum tempor consectetur adipiscing elit metus vel leo placerat.

Curabitur quis rhoncus tellus, quis lorem ipsum tooltip luctus ligula. Curabitur laoreet fringilla lorem ipsum porta lorem ipsum. Glavrida dolor ipsum dolor sit amet, consectetur adipiscing elit metus vel leo placerat cursus. Nullam rutrum velit eget quam pretium vehicula. Amet null vitae ante vitae mauris.