{"id":12,"date":"2022-01-27T15:58:59","date_gmt":"2022-01-27T14:58:59","guid":{"rendered":"https:\/\/fki.htw-berlin.de\/creative-media\/?page_id=12"},"modified":"2022-02-04T10:53:53","modified_gmt":"2022-02-04T09:53:53","slug":"beispiel-home","status":"publish","type":"page","link":"https:\/\/fki.htw-berlin.de\/creative-media\/beispiel-home\/","title":{"rendered":"Wie sieht das Layout und die Farbe aus?"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row][vc_column]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-ApjwIr1MKH  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [vc_column_text]<\/p>\n<h2>Diese Seite soll die verschiedenen M\u00f6glichkeiten des Webbaukasten demonstrieren und gleichzeitig einen \u00dcberblick \u00fcber die genutzten Farben geben.<\/h2>\n<p>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-S3kVD0oYNr  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [vc_custom_heading text=&#8221;Welche Farben werden genutzt?&#8221; font_container=&#8221;tag:h1|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221;][vc_separator][vc_column_text]\u00dcberschriften und Texte werden automatisch mit dem Farbcode #1f2833 eingef\u00e4rbt.<\/p>\n<p><span style=\"color: #5d98de;\">Als Akzentfarbe wird ein helles Blau mit dem Farbcode #5d98de eingef\u00e4rbt.<\/span><\/p>\n<p><span style=\"color: #73a3dd;\">Links werden mit einem helleren Blau mit dem Farbcode #73a3dd eingef\u00e4rbt.<\/span><\/p>\n<p><span style=\"color: #c5c6c7;\">Details wie Border und Linien werden in einem hellen Grau mit dem Farboce #c5c6c7 eingef\u00e4rbt.<\/span>[\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-1yf6qPg2nl  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [vc_custom_heading text=&#8221;Das ist eine einfache \u00dcberschrift&#8221; font_container=&#8221;tag:h1|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221;][vc_separator][vc_column_text]Sie hat den Farbcode #1f2833 und nutzt automatisch die Standardfont aus dem Theme.[\/vc_column_text]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-8kNIJ5vdl0  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist ein einfacher Text&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221;][vc_separator][vc_column_text]<\/p>\n<p style=\"text-align: justify;\">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, 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.<\/p>\n<p>[\/vc_column_text][vc_column_text]Der Text hat den Farbcode #1f2833 und nutzt automatisch die Standardfont aus dem Theme.[\/vc_column_text]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-pEj21uJOI5  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist ein komplexerer Text&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221;][vc_separator][vc_column_text]<\/p>\n<p style=\"text-align: left;\">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, 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.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: right;\">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, 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.<\/p>\n<ul>\n<li>Eine Auflistung<\/li>\n<li>Eine Auflistung<\/li>\n<li>Eine Auflistung<\/li>\n<li>Eine Auflistung<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<blockquote>\n<p>Ein Zitat<\/p>\n<\/blockquote>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">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, 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.<\/p>\n<p>&nbsp;<\/p>\n<p><strong><a href=\"#\">Link zu einer Webseite<\/a><\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Adressbox:<\/p>\n<div class=\"wpb_text_column wpb_content_element \">\n<div class=\"wpb_wrapper\">\n<p>Hochschule f\u00fcr Technik und Wirtschaft Berlin<br \/>\nCampus Treskowallee<br \/>\nTA Building XX, Room XXX<br \/>\nTreskowallee 8<br \/>\n10318 Berlin<\/p>\n<\/div>\n<\/div>\n<p>[\/vc_column_text][vc_column_text]Der Text hat den Farbcode #1f2833 und nutzt automatisch die Standardfont aus dem Theme.[\/vc_column_text]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-fm92Rj8xL6  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist eine einfache \u00dcbersicht aus Beitr\u00e4gen mit Bildern&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221;][vc_separator][vc_basic_grid post_type=&#8221;post&#8221; max_items=&#8221;10&#8243; grid_id=&#8221;vc_gid:1643968417098-8e1696a01ed0f056f57c36c99e6e7044-1&#8243;][vc_column_text]Der Text hat den Farbcode #1f2833 und nutzt automatisch die Standardfont aus dem Theme.[\/vc_column_text]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-JULyj7ixbV  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist eine einfache \u00dcbersicht aus Beitr\u00e4gen ohne Bilder&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;without_images&#8221;][vc_separator][vc_basic_grid post_type=&#8221;post&#8221; max_items=&#8221;10&#8243; grid_id=&#8221;vc_gid:1643968417190-6bdfab6ee86c5324d27edc1282b32334-10&#8243; el_class=&#8221;overview_without_image&#8221;][vc_column_text]Der Text hat den Farbcode #1f2833 und nutzt automatisch die Standardfont aus dem Theme.[\/vc_column_text]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-Dlk2rbyfBQ  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist eine einfache Bilder\u00fcbersicht&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;without_images&#8221;][vc_separator]\r\n\r\n\r\n\r\n<div id=\"partners-f8stq6DcdV\" class=\"sh-partners-carousel sh-partners-carousel-additional-horizontal-padding-remove\" data-autoplay=\"5000\" data-id=\"5\">\r\n\t\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n            <style type=\"text\/css\">\r\n                #partners-f8stq6DcdV a img:hover {opacity: 0.75!important;}#partners-f8stq6DcdV .sh-partners-item {width: 20%;}@media (max-width: 1000px) {#partners-f8stq6DcdV .sh-partners-item {width: 33%;}}@media (max-width: 850px) {#partners-f8stq6DcdV .sh-partners-item {width: 50%;}}            <\/style>\r\n        \r\n\r\n\r\n\r\n<div id=\"partners-mRKbYEqJra\" class=\"sh-partners-carousel sh-partners-carousel-additional-horizontal-padding-remove\" data-autoplay=\"5000\" data-id=\"5\">\r\n\t\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t\t\t<div class=\"sh-partners-carousel-item \">\r\n\t\t\t\t<div class=\"sh-partners-carousel-item-content\">\r\n\t\t\t\t\t\r\n\t\t\t\t\t<img decoding=\"async\" src=\"\" alt=\"\" \/>\r\n\r\n\t\t\t\t\t\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n            <style type=\"text\/css\">\r\n                #partners-mRKbYEqJra a img:hover {opacity: 0.75!important;}#partners-mRKbYEqJra .sh-partners-item {width: 20%;}@media (max-width: 1000px) {#partners-mRKbYEqJra .sh-partners-item {width: 33%;}}@media (max-width: 850px) {#partners-mRKbYEqJra .sh-partners-item {width: 50%;}}            <\/style>\r\n        \r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-nHM3lkLzgP  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist eine einfache Linkliste&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;without_images&#8221;][vc_separator]\r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-qT83fN9Ysg\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-qATmylS9Ma\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-globe\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste mit einem anderen Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-Jy7CZuMola\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-up-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste mit einem anderen Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style2\" id=\"list-TKPhLYH8pU\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste mit dem Style 2                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-07ZoM2nXAj\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-GHVgojd8zp\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-a3bt7yz1nm  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist eine einfache Kontaktformular&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;without_images&#8221;][vc_separator]\n<div class=\"wpcf7 no-js\" id=\"wpcf7-f80-o1\" lang=\"de-DE\" dir=\"ltr\" data-wpcf7-id=\"80\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/creative-media\/wp-json\/wp\/v2\/pages\/12#wpcf7-f80-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Kontaktformular\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"80\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"de_DE\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f80-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"sh-cf7-body\"><p><label> Dein Name<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span> <\/label>\n<\/p>\n<p><label> Deine E-Mail-Adresse<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span> <\/label>\n<\/p>\n<p><label> Betreff<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-subject\" \/><\/span> <\/label>\n<\/p>\n<p><label> Deine Nachricht<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-message\"><\/textarea><\/span> <\/label>\n<\/p>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Senden\" \/>\n<\/p><\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-rUq9NAhLEp  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Das ist eine einfache Bildergalerie&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;without_images&#8221;][vc_separator][vc_gallery interval=&#8221;3&#8243; images=&#8221;84,85,86&#8243; img_size=&#8221;1200&#215;600&#8243; css_animation=&#8221;none&#8221; title=&#8221;Gr\u00f6\u00dfe kann ge\u00e4ndert werden, hier im Beispiel 1200&#215;600&#8243;]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-5f06uP3GMv  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Linktypen im Vergleich&#8221; font_container=&#8221;tag:h2|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221; el_class=&#8221;without_images&#8221;][vc_separator][vc_column_text]Linkliste mit Icons:[\/vc_column_text]\r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-iZW7yM4TkY\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-1oEu5PNntc\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-globe\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste mit einem anderen Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style2\" id=\"list-EH4ow7eqxp\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste mit dem Style 2                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-midZnt6Guk\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-IeWit4Khd2\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"icon-arrow-right-circle\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-76xlWqcoRn  \" style=\"height: 28px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [vc_column_text]Linkliste ohne Icons:[\/vc_column_text]\r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-UEDXhN6Zce\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste ohne Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-XbSpN1HJI5\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste ohne Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-7OxXyl30sB\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste ohne Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <ul class=\"sh-list sh-list-vc sh-list-style1\" id=\"list-SGEPK9jvI6\">\r\n            \t            \t\t<li class=\"sh-list-item\">\r\n                                                    <a href=\"https:\/\/fki.htw-berlin.de\/creative-media\"  >\r\n                        \r\n                \t\t\t<span class=\"sh-list-icon\">\r\n                                                                    <i class=\"\"><\/i>\r\n                                                \t\t\t<\/span>\r\n                \t\t\t<span class=\"sh-list-content\">\r\n                                Ich bin ein Eintrag in der Liste ohne Icon                            <\/span>\r\n\r\n                                                    <\/a>\r\n                                    \t\t<\/li>\r\n            \t            <\/ul>\r\n\r\n        \r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-jSbioauJKI  \" style=\"height: 28px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [vc_column_text]Links in einem Flie\u00dftext:[\/vc_column_text][vc_column_text]Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invid<a href=\"https:\/\/cm.htw-berlin.de\/\">unt ut labore et dolore magna<\/a> 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 <a href=\"https:\/\/cm.htw-berlin.de\/\">Lorem ipsum dolor sit amet<\/a>. 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 guber<a href=\"https:\/\/cm.htw-berlin.de\/\">gren, no sea takima<\/a>ta sanctus est Lorem ipsum dolor sit amet.[\/vc_column_text]\r\n            \r\n            <div class=\"sh-empty-space vc_empty_space sh-empty-space-WrIqG3kl82  \" style=\"height: 64px\">\r\n                <span class=\"vc_empty_space_inner\"><\/span>\r\n            <\/div>\r\n\r\n        [\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row][vc_column][vc_column_text] Diese Seite soll die verschiedenen M\u00f6glichkeiten des Webbaukasten demonstrieren und gleichzeitig einen \u00dcberblick \u00fcber die genutzten Farben geben. [\/vc_column_text][\/vc_column][\/vc_row][vc_row][vc_column][vc_custom_heading text=&#8221;Welche Farben werden genutzt?&#8221; font_container=&#8221;tag:h1|font_size:26|text_align:left|color:%231f2833&#8243; use_theme_fonts=&#8221;yes&#8221;][vc_separator][vc_column_text]\u00dcberschriften und Texte werden automatisch mit dem Farbcode #1f2833 eingef\u00e4rbt. Als Akzentfarbe wird ein helles Blau mit dem Farbcode #5d98de eingef\u00e4rbt. Links werden mit einem&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"redux-templates_full_width","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"acf":{"datetext":"","verstecktes_datum":null,"sichtbares_datum":"Am 01.01.2022 um 16 bis 18 Uhr","teasertext":"Lorem ipsum dolar pate..."},"_links":{"self":[{"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":22,"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":349,"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/pages\/12\/revisions\/349"}],"wp:attachment":[{"href":"https:\/\/fki.htw-berlin.de\/creative-media\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}