--- title: Combined elements of the toujou element library url: "https://www.toujou.com/service/element-library/combined-elements/" description: "All combined elements: texts with image cards, content cards and block quotes. Previews, instructions and behavioral description." date: 2019-01-10 modified: 2022-09-27 --- # Combined elements of the toujou element library 1. [Home](https://www.toujou.de/) 2. [Service](https://www.toujou.de/service/) 3. [Element library](https://www.toujou.de/service/element-library/) 4. [Combined elements](https://www.toujou.de/service/element-library/combined-elements/) The toujou element library -------------------------- Combined elements ================= Combined elements are combinations of individual elements with text and are displayed in full grid width. Headlines, pictures, buttons, and cards are controlled centrally and have responsive behaviour. For combined [Headline with text](https://www.toujou.de/service/element-library/text-elements/description/) elements or [Headline with text and image](https://www.toujou.de/service/element-library/text-elements/description-with-media/) elements see the linked text element descriptions. **Combined card elements:** [with text left](#c1002796) | [with text right](#c1002798) **Combined image elements:** [with text left](#c1002800) | [with text right](#c1002802) **Combined blockquote elements:** [with text left](#c1002804) | [with text right](#c1002806) ![Ein minimalistisches Design zeigt ein Bildsymbol und Textfelder, die für eine Benutzeroberfläche oder App verwendet werden könnten.](https://www.toujou.de/_assets/processed/rP4DymearVV7a_mA7DUmxUVJwVachwY0LtGKKS8DSYI/q:85/w:400/h:160/fn:Y3NtX0NvbWJpbmVkXzIwMDBfODAwX3RyYW5zcGFyZW50XzgwMTVlNDhiMzA:t/cb:1e3a686a1f81745325e55caca55bcf2e887de645/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvSWNvbnMvQmliLVRlYXNlcl8yMDAwXzgwMF90cmFuc3BhcmVudC9Db21iaW5lZF8yMDAwXzgwMF90cmFuc3BhcmVudC5wbmc) ### Manual On this page you will find the elements that consist of plain text elements in combination with other elements. We’ve used dummy text in the library to prevent confusion. For detailed instructions about the element, click on the buttons located below every sample element. [I am the button ❯](https://www.toujou.de/service/element-library/combined-elements/) --- toujou's combined elements -------------------------- Contentcard with Text left ========================== Bib yarael koon skywalker darth omwati mustafarian mustafarian bria. Md-5 bothan mayagil jodo. Stass kota jade thrackan han kalarba lah moff. Desann artaru gerb mantell vor y'bith mon. Xexto muzzer kenobi bane dagobah sola. Nass teneniel tapani naboo kyp boltrunians. Lars thakwaash lando rebo wedge. Cad deliah zam arkanian tharin zuggs muunilinst jabiimas var. Darth tierce tano arkanis freedon ig-88. Mas r2-d2 askajian kota aleena porkins brak antilles sabé. Fosh corran gonk gamorrean. Selonian gora cerean dashade taung. Lucas ipsum dolor sit amet tusken raider var dak garindan antilles joruus artaru sullustan desolous yané. Kamino cognus darpa sola. Terrik dantooine san xizor. Askajian kendal arkanian whill oppo. Thul dug shawda colton qui-gon. Muzzer max adi rattataki nahdar. Firrerreo braxant devaronian jobal vebb. Naberrie tc-14 owen bria sikan teevan. Paploo bothan wedge qrygg gizka antilles stele vedder quarren. Dat tsavong jobal veila maris tavion boss. Jerjerrod nilgaard cade vagaari. Orrin caedus jeremoch gungan. [ ![Ein stilisierter Pagodenbau mit mehreren Ebenen und goldener Spitze, umgeben von einem kleinen Garten und Zäunen.](https://www.toujou.de/_assets/processed/n1oa6e4-C4imx4L2de7HEXHJYerD0quQ64Kyndb99ls/q:85/w:400/h:225/fn:Y3NtXzY4OHgzODdfdGVtcGxlXzBjNmRhZWNmMjc:t/cb:6ef820cebb5d446970b97472c73df58d52c19967/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X3RlbXBsZS5wbmc) ### I am the content card Firrerreo braxant devaronian jobal vebb. Naberrie tc-14 owen bria sikan teevan. Paploo bothan wedge qrygg gizka antilles stele vedder quarren. Dat tsavong jobal veila maris tavion boss. Jerjerrod nilgaard cade vagaari. Orrin caedus jeremoch gungan. more ](https://www.toujou.de/service/element-library/combined-elements/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/elements-description/) --- [ ![Ein fröhlicher Weihnachtsmann steht neben einem festlich geschmückten Weihnachtsbaum mit bunten Geschenken darunter.](https://www.toujou.de/_assets/processed/7r45di1-etopx3pLO3rsLdAXw10YR6Cg-lWBtVLiEyc/q:85/w:400/h:225/fn:Y3NtXzY4OHgzODdfdG91am91X1htYXNfNGNhNjgyZTA0MQ:t/cb:b4f4ba376d6367f206d03d5be49df919cc56e622/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X3RvdWpvdV9YbWFzLnBuZw) ### I am the content card Firrerreo braxant devaronian jobal vebb. Naberrie tc-14 owen bria sikan teevan. Paploo bothan wedge qrygg gizka antilles stele vedder quarren. Dat tsavong jobal veila maris tavion boss. Jerjerrod nilgaard cade vagaari. Orrin caedus jeremoch gungan. more ](https://www.toujou.de/service/element-library/combined-elements/) Contentcard with Text right =========================== Lucas ipsum dolor sit amet tusken raider var dak garindan antilles joruus artaru sullustan desolous yané. Kamino cognus darpa sola. Terrik dantooine san xizor. Askajian kendal arkanian whill oppo. Thul dug shawda colton qui-gon. Muzzer max adi rattataki nahdar. Firrerreo braxant devaronian jobal vebb. Naberrie tc-14 owen bria sikan teevan. Paploo bothan wedge qrygg gizka antilles stele vedder quarren. Dat tsavong jobal veila maris tavion boss. Jerjerrod nilgaard cade vagaari. Orrin caedus jeremoch gungan. Sio darth cato wroonian kal nas shado altyr. Bothawui nute muzzer tiin moff coruscant. Bria fode firmus lah kitonak yarael veila. Rattatak hutt endor chewbacca mara shi'ido b4-d4 antemeridian vilim. Anomid mirta mohc offee teevan rune vader ikrit. Rancisis tatooine draethos mace wedge gora. [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/elements-description/) --- Imagecard with Text left ======================== There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable. There is another theory which states that this has already happened. [ ![Das Bild zeigt ein stilisiertes Flugzeug, das in der Luft fliegt, umgeben von einem ruhigen, einheitlichen grünen Farbton.](https://www.toujou.de/_assets/processed/hhbQr-GxyDJWGyUY1gidVknjawl179NgHdB-tmJn0is/q:85/c:626.94:387:fp:0.5:0.5/rt:force/w:450/h:278/fn:Y3NtXzY4OHgzODdfQWVyb3BsYW5lXzZmMWY2N2IxY2I:t/cb:0cfa965a0a01089b986d1d37d0ce23635161b6e9/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X0Flcm9wbGFuZS5wbmc) ### I am the image card ](https://www.toujou.de/service/element-library/combined-elements/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/elements-description/) --- [ ![Das Bild zeigt verschieden große beigefarbene Pakete auf einem ockerfarbigen Grund.](https://www.toujou.de/_assets/processed/eBXo3BszpBhRmSXQDEn8Is9aVaNvLBGJLSObZx9sAyg/q:85/c:626.94:387:fp:0.5:0.5/rt:force/w:450/h:278/fn:Y3NtXzY4OHgzODdfYm94ZXNfYzRiZTI5ZjFmYQ:t/cb:df27c08ccddad7ae7227813e795b272cd8ec2bcd/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X2JveGVzLnBuZw) ### I am the image card ](https://www.toujou.de/service/element-library/combined-elements/) Imagecard with text right ========================= There is a theory which states that if ever anyone discovers exactly what the Universe is for and why it is here, it will instantly disappear and be replaced by something even more bizarre and inexplicable. There is another theory which states that this has already happened. [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/elements-description/) --- Blockquote with text left ========================= Love your customers. Feel free to present and underline your most important reference with this combined blockquote element. Use the text space for a case study or as a teaser above an article. Maybe put a link button underneath the block to link to an internal or external site. Of course, you have the liberty to decide whether you want to upload an image or whether you only want to show the quote on either side of this element. Also, you're free in your choice of font style. [link button](https://www.toujou.de/service/element-library/combined-elements/) ![Ein grauer Elefant und sein Kind stehen auf einem einfarbigen Hintergrund, der die Aufmerksamkeit auf sie lenkt.](https://www.toujou.de/_assets/processed/wt9TLoN9pzseZgLQlS-HCW9YNcdq4q8RUb7NKZKOLpQ/q:85/c:387:387:fp:0.5:0.5/rt:force/w:80/h:80/fn:Y3NtXzY4OHgzODdfZWxlcGhhbnRfYjZmMzdhNTZjYg:t/cb:3b8ba21a5efd78eb83f49852ae73455572e9c425/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X2VsZXBoYW50LnBuZw)> Had delicious food. I can't remember the taste as it was gone really quick. But I'd definitely eat it all again. Might even eat more. The Elephant [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/elements-description/) --- ![Ein grauer Elefant und sein Kind stehen auf einem einfarbigen Hintergrund, der die Aufmerksamkeit auf sie lenkt.](https://www.toujou.de/_assets/processed/wt9TLoN9pzseZgLQlS-HCW9YNcdq4q8RUb7NKZKOLpQ/q:85/c:387:387:fp:0.5:0.5/rt:force/w:80/h:80/fn:Y3NtXzY4OHgzODdfZWxlcGhhbnRfYjZmMzdhNTZjYg:t/cb:3b8ba21a5efd78eb83f49852ae73455572e9c425/bG9jYWw6L2ZpbGVhZG1pbi9JbWFnZXMvUGl4ZWxncmFmaWsvaXRlbXMvNjg4eDM4N19pdGVtcy82ODh4Mzg3X2VsZXBoYW50LnBuZw)> Had delicious food. I can't remember the taste as it was gone really quick. But I'd definitely eat it all again. Might even eat more. The Elephant Blockquote with text right ========================== Love your customers. Feel free to present and underline your most important reference with this combined blockquote element. Use the text space for a case study or as a teaser above an article. Maybe put a link button underneath the block to link to an internal or external site. Of course, you have the liberty to decide whether you want to upload an image or whether you only want to show the quote on either side of this element. Also, you're free in your choice of font style. [link button](https://www.toujou.de/service/element-library/combined-elements/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/elements-description/) ##### Tutorials [Checklist ❯](https://www.toujou.de/service/#c1004820) [Contact data ❯ ](https://www.toujou.de/service/tutorials/contact-data/) [File list ❯ ](https://www.toujou.de/service/tutorials/file-list-module/) [Edit navigation ❯ ](https://www.toujou.de/service/tutorials/pages-navigation/) [Edit page content ❯ ](https://www.toujou.de/service/tutorials/page-content/) [Edit page properties ❯](https://www.toujou.de/service/tutorials/page-properties/) [Responsive & mobile first ❯](https://www.toujou.de/service/tutorials/responsive-mobile-first/) [Yoast SEO ❯ ](https://www.toujou.de/service/tutorials/yoast-seo/) [Redirects ❯ ](https://www.toujou.de/service/tutorials/redirects/) [Blog administration ❯](https://www.toujou.de/service/tutorials/blog-administration/) [Linkvalidator ❯](https://www.toujou.de/service/tutorials/blog-administration/) ##### toujou set-up [Theme ❯ ](https://www.toujou.de/service/toujou-set-up/theme-settings/) [Logo ❯ ](https://www.toujou.de/service/toujou-set-up/logo-settings/) [Font ❯ ](https://www.toujou.de/service/toujou-set-up/font-settings/) [Color ❯ ](https://www.toujou.de/service/toujou-set-up/color-settings/) [Social media ❯ ](https://www.toujou.de/service/toujou-set-up/social-media-settings/) [Analytics ❯](https://www.toujou.de/service/toujou-set-up/analytics-settings/) [Data protection ❯](https://www.toujou.de/service/toujou-set-up/data-protection-settings/) [Website overlay ❯](https://www.toujou.de/service/toujou-set-up/website-overlay/) ##### toujou element library [Text elements ❯ ](https://www.toujou.de/service/element-library/text-elements/) [Teaser elements ❯ ](https://www.toujou.de/service/element-library/teaser-elements/) [Blockquotes ❯ ](https://www.toujou.de/service/element-library/blockquote-elements/) [Teaser cards ❯ ](https://www.toujou.de/service/element-library/card-elements/) [Media elements ❯ ](https://www.toujou.de/service/element-library/media-elements/) [Map elements ❯ ](https://www.toujou.de/service/element-library/map-elements/) [Blog elements ❯](https://www.toujou.de/service/element-library/blog-elements/) #### [Navigation elements ❯ ](https://www.toujou.de/service/element-library/navigation-elements/) [Widgets ❯ ](https://www.toujou.de/service/element-library/widgets/) [Headline element ❯ ](https://www.toujou.de/service/element-library/text-elements/headline-element/) [Combined elements ❯](https://www.toujou.de/service/element-library/combined-elements/)