KG Strohmänner 1966 e.V. — Selgersdorf
Der Webmaster Karl-Heinz Stier kam auf uns zu und bat um einen neuen Internetauftritt.
⇒ mehrTabs-Elemente (als Button oder Registerkarten)
Die Registerkarten (Tabs) — Tabs mit Umrandung
Der erste Tab-Inhalt
Suspendisse pulvinar eu lorem in fringilla? Praesent tempor sapien ac ex bibendum iaculis. Mauris eget fermentum lacus. Integer vel facilisis ligula. Proin ac faucibus neque. Integer venenatis nibh urna, consectetur viverra est lobortis ac. Maecenas viverra varius nulla, id dictum tellus lacinia ut. Vivamus viverra elit felis, quis dictum purus pretium vel. In porttitor ipsum in neque dignissim efficitur. Donec congue commodo neque. Curabitur aliquet ex vitae lacus sollicitudin volutpat. Phasellus vestibulum ex eget tempor lobortis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Sed luctus ante eu lorem commodo, quis porttitor erat placerat. In gravida eros a elementum pulvinar. In porttitor, ex id faucibus tristique, arcu nisl placerat nisl, faucibus auctor odio arcu fermentum nulla.
Der zweite Inhalt
Proin vel ex eget felis pretium malesuada. Aliquam luctus sapien tellus, non cursus risus maximus at. Curabitur id diam et dolor aliquam dignissim eu ac est. Vivamus venenatis nisl sit amet turpis vehicula, convallis dictum urna blandit. Aenean maximus; ligula ac euismod feugiat, tellus nunc viverra eros, ac pharetra tellus quam porttitor turpis. Phasellus vitae elit ac turpis vehicula dictum sed ut quam. Cras id diam eleifend, pulvinar est eget, molestie nulla! Proin eget eros eu arcu dictum molestie nec quis orci. Aliquam eu sem at augue aliquam vehicula eget at urna. Nunc molestie elit lorem, venenatis gravida lorem mollis eget? Fusce mollis, sem non pulvinar volutpat, libero turpis cursus velit, et viverra nunc neque sed leo.
Der 3. und auch der letzte Text
In rutrum, tortor id varius porttitor, velit velit dictum turpis, vel sollicitudin erat nunc semper metus. Nulla quis justo vulputate, pulvinar lorem ut, tempus nisl. Curabitur feugiat, massa vitae cursus suscipit, dolor velit rhoncus turpis, nec placerat leo leo non dui. Aenean dictum dolor semper lacus porta, at viverra lorem sodales. Nullam nec urna cursus, finibus metus scelerisque, semper metus. Phasellus non justo purus. Nullam et molestie metus. Nulla vitae est vitae ex porttitor cursus eu vitae massa. Vestibulum luctus felis sed nunc vulputate dictum. Phasellus eu pellentesque tortor, quis laoreet nunc.
Geschachtelte Tabs, Ansicht: Registerkarten
Tab 1
Text dazu
Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor.
'n bisschen mehr Text dazu.
Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis libero non eros bibendum rutrum nec et libero. Fusce erat sem, ornare a imperdiet in, convallis quis risus. Morbi in elementum lorem. Donec venenatis aliquet diam, elementum efficitur arcu varius ac. Aenean blandit augue quam.
Etiam placerat; lorem at elementum volutpat, odio purus ultricies mauris, in dapibus leo odio ut justo. Curabitur posuere porta augue. Suspendisse gravida lacus turpis, in pretium diam luctus sodales. In pulvinar est id lorem iaculis, eget ultricies sem consequat. Ut fringilla leo sit amet enim tincidunt hendrerit.
Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor. Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras ultricies ligula sed magna dictum porta. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Nulla porttitor accumsan tincidunt. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.
Donec rutrum congue leo eget malesuada. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Pellentesque in ipsum id orci porta dapibus. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.
augue, lacinia sed diam eu, rhoncus volutpat augue.
Tab 3
Tab drei
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.
Geschachtelte Tabs, Ansicht: Buttons
Tab 1
Text dazu
Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor.
'n bisschen mehr Text dazu.
Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis libero non eros bibendum rutrum nec et libero. Fusce erat sem, ornare a imperdiet in, convallis quis risus. Morbi in elementum lorem. Donec venenatis aliquet diam, elementum efficitur arcu varius ac. Aenean blandit augue quam.
Etiam placerat; lorem at elementum volutpat, odio purus ultricies mauris, in dapibus leo odio ut justo. Curabitur posuere porta augue. Suspendisse gravida lacus turpis, in pretium diam luctus sodales. In pulvinar est id lorem iaculis, eget ultricies sem consequat. Ut fringilla leo sit amet enim tincidunt hendrerit.
Ut et sollicitudin ipsum. Donec volutpat luctus odio, quis laoreet ex rhoncus auctor. Cras suscipit pulvinar justo in accumsan? Nam maximus posuere elit, ut finibus justo dignissim et. Suspendisse lectus augue, lacinia sed diam eu, rhoncus volutpat augue.
Tab 3
Tab drei
Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.