{"id":268018,"date":"2023-01-20T09:45:31","date_gmt":"2023-01-20T09:45:31","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/pattern\/footer-section-design-with-social-icons-de_de\/"},"modified":"2026-04-19T11:13:21","modified_gmt":"2026-04-19T11:13:21","slug":"footer-section-design-with-social-icons-de_de","status":"publish","type":"wporg-pattern","link":"https:\/\/wordpress.org\/patterns\/pattern\/footer-section-design-with-social-icons-de_de\/","title":{"rendered":"Design eines Footer-Abschnitts mit Social Icons"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-blush-light-purple-gradient-background has-background is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-bottom:20px\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-427ad6d7 wp-block-columns-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:20px;padding-bottom:20px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-right-width:1px;padding-right:20px;flex-basis:35%\">\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-style:italic;font-weight:800;text-transform:uppercase\">Lern<mark class=\"has-inline-color has-vivid-red-color\">en<\/mark><\/h2>\n\n\n\n<p class=\"has-text-align-left wp-block-paragraph\"><strong>Lorem Ipsum<\/strong>\u00a0ist einfach der Blindtext der Druck- und Setzerindustrie. Lorem Ipsum ist der Standard-Blindtext der Branche seit dem Jahr 1500, als ein unbekannter Drucker eine Druckfahne nahm und sie zu einem Schriftprobenbuch verarbeitete. <\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"border-right-width:1px;padding-right:20px;padding-left:20px;flex-basis:20%\">\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-style:italic;font-weight:800;text-transform:uppercase\">Firma<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Ressourcen<\/li>\n\n\n\n<li>Blogs<\/li>\n\n\n\n<li>\u00fcber<\/li>\n\n\n\n<li>Kontaktiere uns<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"padding-left:20px;flex-basis:45%\">\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-style:italic;font-weight:800;text-transform:uppercase\">Subscribe us for more daily updates&#8230;<\/h2>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-left is-layout-flex wp-container-core-buttons-is-layout-11b1c37d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size is-style-outline has-medium-font-size is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:10px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\">Deine E-Mail-Adresse<\/a><\/div>\n\n\n\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25 is-style-outline is-style-outline--2\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:63px;padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px\"><span aria-hidden=\"true\" class=\"wp-exclude-emoji\">\u2192<\/span><\/a><\/div>\n<\/div>\n\n\n\n<ul class=\"wp-block-social-links is-content-justification-center is-layout-flex wp-container-core-social-links-is-layout-36078703 wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-wordpress wp-block-social-link\"><a href=\"#\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12.158,12.786L9.46,20.625c0.806,0.237,1.657,0.366,2.54,0.366c1.047,0,2.051-0.181,2.986-0.51 c-0.024-0.038-0.046-0.079-0.065-0.124L12.158,12.786z M3.009,12c0,3.559,2.068,6.634,5.067,8.092L3.788,8.341 C3.289,9.459,3.009,10.696,3.009,12z M18.069,11.546c0-1.112-0.399-1.881-0.741-2.48c-0.456-0.741-0.883-1.368-0.883-2.109 c0-0.826,0.627-1.596,1.51-1.596c0.04,0,0.078,0.005,0.116,0.007C16.472,3.904,14.34,3.009,12,3.009 c-3.141,0-5.904,1.612-7.512,4.052c0.211,0.007,0.41,0.011,0.579,0.011c0.94,0,2.396-0.114,2.396-0.114 C7.947,6.93,8.004,7.642,7.52,7.699c0,0-0.487,0.057-1.029,0.085l3.274,9.739l1.968-5.901l-1.401-3.838 C9.848,7.756,9.389,7.699,9.389,7.699C8.904,7.67,8.961,6.93,9.446,6.958c0,0,1.484,0.114,2.368,0.114 c0.94,0,2.397-0.114,2.397-0.114c0.485-0.028,0.542,0.684,0.057,0.741c0,0-0.488,0.057-1.029,0.085l3.249,9.665l0.897-2.996 C17.841,13.284,18.069,12.316,18.069,11.546z M19.889,7.686c0.039,0.286,0.06,0.593,0.06,0.924c0,0.912-0.171,1.938-0.684,3.22 l-2.746,7.94c2.673-1.558,4.47-4.454,4.47-7.771C20.991,10.436,20.591,8.967,19.889,7.686z M12,22C6.486,22,2,17.514,2,12 C2,6.486,6.486,2,12,2c5.514,0,10,4.486,10,10C22,17.514,17.514,22,12,22z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">WordPress<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-facebook wp-block-social-link\"><a href=\"#\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Facebook<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-twitter wp-block-social-link\"><a href=\"#\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M22.23,5.924c-0.736,0.326-1.527,0.547-2.357,0.646c0.847-0.508,1.498-1.312,1.804-2.27 c-0.793,0.47-1.671,0.812-2.606,0.996C18.324,4.498,17.257,4,16.077,4c-2.266,0-4.103,1.837-4.103,4.103 c0,0.322,0.036,0.635,0.106,0.935C8.67,8.867,5.647,7.234,3.623,4.751C3.27,5.357,3.067,6.062,3.067,6.814 c0,1.424,0.724,2.679,1.825,3.415c-0.673-0.021-1.305-0.206-1.859-0.513c0,0.017,0,0.034,0,0.052c0,1.988,1.414,3.647,3.292,4.023 c-0.344,0.094-0.707,0.144-1.081,0.144c-0.264,0-0.521-0.026-0.772-0.074c0.522,1.63,2.038,2.816,3.833,2.85 c-1.404,1.1-3.174,1.756-5.096,1.756c-0.331,0-0.658-0.019-0.979-0.057c1.816,1.164,3.973,1.843,6.29,1.843 c7.547,0,11.675-6.252,11.675-11.675c0-0.178-0.004-0.355-0.012-0.531C20.985,7.47,21.68,6.747,22.23,5.924z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Twitter<\/span><\/a><\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-small-font-size wp-block-paragraph\">Copyright \u00a9 2023 || Alle Rechte vorbehalten<\/p>\n<\/div>\n","protected":false},"author":20032466,"parent":267510,"template":"","meta":{"_crdt_document":"","jetpack_post_was_ever_published":false,"wpop_keywords":"","wpop_description":"","wpop_viewport_width":1200,"wpop_block_types":[""],"wpop_locale":"de_DE","wpop_wp_version":"","wpop_contains_block_types":"core\/button,core\/buttons,core\/column,core\/columns,core\/group,core\/heading,core\/list,core\/list-item,core\/paragraph,core\/social-link,core\/social-links","footnotes":""},"pattern-categories":[37],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-268018","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-footer"],"category_slugs":["footer"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"bottom\":\"20px\"}}},\"gradient\":\"blush-light-purple\",\"layout\":{\"type\":\"constrained\"}} -->\n<div class=\"wp-block-group alignfull has-blush-light-purple-gradient-background has-background\" style=\"padding-bottom:20px\"><!-- wp:columns {\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"0px\",\"left\":\"0px\"},\"padding\":{\"top\":\"20px\",\"bottom\":\"20px\"}},\"border\":{\"bottom\":{\"width\":\"1px\"}}}} -->\n<div class=\"wp-block-columns\" style=\"border-bottom-width:1px;padding-top:20px;padding-bottom:20px\"><!-- wp:column {\"width\":\"35%\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"20px\"}},\"border\":{\"right\":{\"width\":\"1px\"}}}} -->\n<div class=\"wp-block-column\" style=\"border-right-width:1px;padding-right:20px;flex-basis:35%\"><!-- wp:heading {\"textAlign\":\"left\",\"style\":{\"typography\":{\"fontStyle\":\"italic\",\"fontWeight\":\"800\",\"textTransform\":\"uppercase\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-style:italic;font-weight:800;text-transform:uppercase\">Lern<mark class=\"has-inline-color has-vivid-red-color\">en<\/mark><\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"align\":\"left\"} -->\n<p class=\"has-text-align-left\"><strong>Lorem Ipsum<\/strong>\u00a0ist einfach der Blindtext der Druck- und Setzerindustrie. Lorem Ipsum ist der Standard-Blindtext der Branche seit dem Jahr 1500, als ein unbekannter Drucker eine Druckfahne nahm und sie zu einem Schriftprobenbuch verarbeitete. <\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"20%\",\"style\":{\"spacing\":{\"padding\":{\"right\":\"20px\",\"left\":\"20px\"}},\"border\":{\"right\":{\"width\":\"1px\"}}}} -->\n<div class=\"wp-block-column\" style=\"border-right-width:1px;padding-right:20px;padding-left:20px;flex-basis:20%\"><!-- wp:heading {\"textAlign\":\"left\",\"style\":{\"typography\":{\"fontStyle\":\"italic\",\"fontWeight\":\"800\",\"textTransform\":\"uppercase\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-style:italic;font-weight:800;text-transform:uppercase\">Firma<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:list -->\n<ul><!-- wp:list-item -->\n<li>Ressourcen<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Blogs<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>\u00fcber<\/li>\n<!-- \/wp:list-item -->\n\n<!-- wp:list-item -->\n<li>Kontaktiere uns<\/li>\n<!-- \/wp:list-item --><\/ul>\n<!-- \/wp:list --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"45%\",\"style\":{\"spacing\":{\"padding\":{\"left\":\"20px\"}}}} -->\n<div class=\"wp-block-column\" style=\"padding-left:20px;flex-basis:45%\"><!-- wp:heading {\"textAlign\":\"left\",\"style\":{\"typography\":{\"fontStyle\":\"italic\",\"fontWeight\":\"800\",\"textTransform\":\"uppercase\"}}} -->\n<h2 class=\"wp-block-heading has-text-align-left\" style=\"font-style:italic;font-weight:800;text-transform:uppercase\">Subscribe us for more daily updates...<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:buttons {\"layout\":{\"type\":\"flex\",\"verticalAlignment\":\"top\",\"justifyContent\":\"left\"},\"style\":{\"spacing\":{\"blockGap\":\"5px\"}}} -->\n<div class=\"wp-block-buttons\"><!-- wp:button {\"width\":75,\"style\":{\"border\":{\"radius\":\"10px\"},\"spacing\":{\"padding\":{\"top\":\"12px\",\"right\":\"12px\",\"bottom\":\"12px\",\"left\":\"12px\"}}},\"className\":\"is-style-outline\",\"fontSize\":\"medium\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-75 has-custom-font-size is-style-outline has-medium-font-size\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:10px;padding-top:12px;padding-right:12px;padding-bottom:12px;padding-left:12px\">Deine E-Mail-Adresse<\/a><\/div>\n<!-- \/wp:button -->\n\n<!-- wp:button {\"width\":25,\"style\":{\"border\":{\"radius\":\"63px\"},\"spacing\":{\"padding\":{\"top\":\"13px\",\"right\":\"13px\",\"bottom\":\"13px\",\"left\":\"13px\"}}},\"className\":\"is-style-outline\"} -->\n<div class=\"wp-block-button has-custom-width wp-block-button__width-25 is-style-outline\"><a class=\"wp-block-button__link wp-element-button\" style=\"border-radius:63px;padding-top:13px;padding-right:13px;padding-bottom:13px;padding-left:13px\">\u2192<\/a><\/div>\n<!-- \/wp:button --><\/div>\n<!-- \/wp:buttons -->\n\n<!-- wp:social-links {\"layout\":{\"type\":\"flex\",\"justifyContent\":\"center\"}} -->\n<ul class=\"wp-block-social-links\"><!-- wp:social-link {\"url\":\"#\",\"service\":\"wordpress\"} \/-->\n\n<!-- wp:social-link {\"url\":\"#\",\"service\":\"facebook\"} \/-->\n\n<!-- wp:social-link {\"url\":\"#\",\"service\":\"twitter\"} \/--><\/ul>\n<!-- \/wp:social-links --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:paragraph {\"align\":\"center\",\"fontSize\":\"small\"} -->\n<p class=\"has-text-align-center has-small-font-size\">Copyright \u00a9 2023 || Alle Rechte vorbehalten<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group -->","favorite_count":0,"author_meta":{"name":"nidhidhandhukiya","url":"https:\/\/wordpress.org\/patterns\/author\/nidhidhandhukiya","avatar":"https:\/\/secure.gravatar.com\/avatar\/d94b4220cb67e036e05d31b29e7aecc3e9e501f57ec956eb6efaacc0b0cca282?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/268018","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":9,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/268018\/revisions"}],"predecessor-version":[{"id":946880,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/268018\/revisions\/946880"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/nidhidhandhukiya"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=268018"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=268018"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=268018"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=268018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}