{"id":398418,"date":"2023-08-18T08:54:22","date_gmt":"2023-08-18T08:54:22","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=398418"},"modified":"2023-08-18T08:54:22","modified_gmt":"2023-08-18T08:54:22","slug":"footer-design-3","status":"publish","type":"wporg-pattern","link":"https:\/\/nl.wordpress.org\/patterns\/pattern\/footer-design-3\/","title":{"rendered":"Footer Design"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-midnight-gradient-background has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"margin-top:50px;padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\">\n<div class=\"wp-block-columns alignfull is-layout-flex wp-container-core-columns-is-layout-472bf0f3 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjY2LTA2NS12LWwxMDg0NWg2LmpwZw.jpg\" alt=\"\" style=\"width:159px;height:106px\" width=\"159\" height=\"106\" \/><\/figure>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#d3d8ea;font-size:16px;font-style:normal;font-weight:300;letter-spacing:0.4px\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.<\/p>\n\n\n\n<ul class=\"wp-block-social-links has-icon-color is-style-logos-only is-content-justification-left is-layout-flex wp-container-core-social-links-is-layout-951886fd wp-block-social-links-is-layout-flex\"><li style=\"color:#8ed1fc\" class=\"wp-social-link wp-social-link-facebook has-pale-cyan-blue-color wp-block-social-link\"><a rel=\"#\" 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\">#<\/span><\/a><\/li>\n\n<li style=\"color:#8ed1fc\" class=\"wp-social-link wp-social-link-instagram has-pale-cyan-blue-color wp-block-social-link\"><a rel=\"#\" 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,4.622c2.403,0,2.688,0.009,3.637,0.052c0.877,0.04,1.354,0.187,1.671,0.31c0.42,0.163,0.72,0.358,1.035,0.673 c0.315,0.315,0.51,0.615,0.673,1.035c0.123,0.317,0.27,0.794,0.31,1.671c0.043,0.949,0.052,1.234,0.052,3.637 s-0.009,2.688-0.052,3.637c-0.04,0.877-0.187,1.354-0.31,1.671c-0.163,0.42-0.358,0.72-0.673,1.035 c-0.315,0.315-0.615,0.51-1.035,0.673c-0.317,0.123-0.794,0.27-1.671,0.31c-0.949,0.043-1.233,0.052-3.637,0.052 s-2.688-0.009-3.637-0.052c-0.877-0.04-1.354-0.187-1.671-0.31c-0.42-0.163-0.72-0.358-1.035-0.673 c-0.315-0.315-0.51-0.615-0.673-1.035c-0.123-0.317-0.27-0.794-0.31-1.671C4.631,14.688,4.622,14.403,4.622,12 s0.009-2.688,0.052-3.637c0.04-0.877,0.187-1.354,0.31-1.671c0.163-0.42,0.358-0.72,0.673-1.035 c0.315-0.315,0.615-0.51,1.035-0.673c0.317-0.123,0.794-0.27,1.671-0.31C9.312,4.631,9.597,4.622,12,4.622 M12,3 C9.556,3,9.249,3.01,8.289,3.054C7.331,3.098,6.677,3.25,6.105,3.472C5.513,3.702,5.011,4.01,4.511,4.511 c-0.5,0.5-0.808,1.002-1.038,1.594C3.25,6.677,3.098,7.331,3.054,8.289C3.01,9.249,3,9.556,3,12c0,2.444,0.01,2.751,0.054,3.711 c0.044,0.958,0.196,1.612,0.418,2.185c0.23,0.592,0.538,1.094,1.038,1.594c0.5,0.5,1.002,0.808,1.594,1.038 c0.572,0.222,1.227,0.375,2.185,0.418C9.249,20.99,9.556,21,12,21s2.751-0.01,3.711-0.054c0.958-0.044,1.612-0.196,2.185-0.418 c0.592-0.23,1.094-0.538,1.594-1.038c0.5-0.5,0.808-1.002,1.038-1.594c0.222-0.572,0.375-1.227,0.418-2.185 C20.99,14.751,21,14.444,21,12s-0.01-2.751-0.054-3.711c-0.044-0.958-0.196-1.612-0.418-2.185c-0.23-0.592-0.538-1.094-1.038-1.594 c-0.5-0.5-1.002-0.808-1.594-1.038c-0.572-0.222-1.227-0.375-2.185-0.418C14.751,3.01,14.444,3,12,3L12,3z M12,7.378 c-2.552,0-4.622,2.069-4.622,4.622S9.448,16.622,12,16.622s4.622-2.069,4.622-4.622S14.552,7.378,12,7.378z M12,15 c-1.657,0-3-1.343-3-3s1.343-3,3-3s3,1.343,3,3S13.657,15,12,15z M16.804,6.116c-0.596,0-1.08,0.484-1.08,1.08 s0.484,1.08,1.08,1.08c0.596,0,1.08-0.484,1.08-1.08S17.401,6.116,16.804,6.116z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">#<\/span><\/a><\/li>\n\n<li style=\"color:#8ed1fc\" class=\"wp-social-link wp-social-link-amazon has-pale-cyan-blue-color 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=\"M13.582,8.182C11.934,8.367,9.78,8.49,8.238,9.166c-1.781,0.769-3.03,2.337-3.03,4.644 c0,2.953,1.86,4.429,4.253,4.429c2.02,0,3.125-0.477,4.685-2.065c0.516,0.747,0.685,1.109,1.629,1.894 c0.212,0.114,0.483,0.103,0.672-0.066l0.006,0.006c0.567-0.505,1.599-1.401,2.18-1.888c0.231-0.188,0.19-0.496,0.009-0.754 c-0.52-0.718-1.072-1.303-1.072-2.634V8.305c0-1.876,0.133-3.599-1.249-4.891C15.23,2.369,13.422,2,12.04,2 C9.336,2,6.318,3.01,5.686,6.351C5.618,6.706,5.877,6.893,6.109,6.945l2.754,0.298C9.121,7.23,9.308,6.977,9.357,6.72 c0.236-1.151,1.2-1.706,2.284-1.706c0.584,0,1.249,0.215,1.595,0.738c0.398,0.584,0.346,1.384,0.346,2.061V8.182z M13.049,14.088 c-0.451,0.8-1.169,1.291-1.967,1.291c-1.09,0-1.728-0.83-1.728-2.061c0-2.42,2.171-2.86,4.227-2.86v0.615 C13.582,12.181,13.608,13.104,13.049,14.088z M20.683,19.339C18.329,21.076,14.917,22,11.979,22c-4.118,0-7.826-1.522-10.632-4.057 c-0.22-0.199-0.024-0.471,0.241-0.317c3.027,1.762,6.771,2.823,10.639,2.823c2.608,0,5.476-0.541,8.115-1.66 C20.739,18.62,21.072,19.051,20.683,19.339z M21.336,21.043c-0.194,0.163-0.379,0.076-0.293-0.139 c0.284-0.71,0.92-2.298,0.619-2.684c-0.301-0.386-1.99-0.183-2.749-0.092c-0.23,0.027-0.266-0.173-0.059-0.319 c1.348-0.946,3.555-0.673,3.811-0.356C22.925,17.773,22.599,19.986,21.336,21.043z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Amazon<\/span><\/a><\/li>\n\n<li style=\"color:#8ed1fc\" class=\"wp-social-link wp-social-link-pinterest has-pale-cyan-blue-color 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.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Pinterest<\/span><\/a><\/li><\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:25%\">\n<h2 class=\"wp-block-heading has-pale-cyan-blue-color has-text-color\" style=\"font-size:22px;letter-spacing:0.5px;text-transform:capitalize\">Services<\/h2>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#d3d8ea;font-size:16px;font-style:normal;font-weight:300\">Web Development<br> <br>Human Resources<br><br>Products<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:35%\"><form role=\"search\" method=\"get\" action=\"https:\/\/nl.wordpress.org\/patterns\/\" class=\"wp-block-search__button-inside wp-block-search__icon-button wp-block-search\"    ><label class=\"wp-block-search__label screen-reader-text\" for=\"wp-block-search__input-1\"  style=\"font-size: 14px\">Search<\/label><div class=\"wp-block-search__inside-wrapper\"  style=\"width: 100%;border-radius: calc(10px + 4px)\"><input class=\"wp-block-search__input\" id=\"wp-block-search__input-1\" placeholder=\"Enter Your Email\" value=\"\" type=\"search\" name=\"s\" required  style=\"border-radius: 10px;font-size: 14px\"\/><button aria-label=\"Search\" class=\"wp-block-search__button has-background has-pale-cyan-blue-background-color has-icon wp-element-button\" type=\"submit\"  style=\"border-radius: 10px;font-size: 14px\"><svg class=\"search-icon\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\n\t\t\t\t\t<path d=\"M13 5c-3.3 0-6 2.7-6 6 0 1.4.5 2.7 1.3 3.7l-3.8 3.8 1.1 1.1 3.8-3.8c1 .8 2.3 1.3 3.7 1.3 3.3 0 6-2.7 6-6S16.3 5 13 5zm0 10.5c-2.5 0-4.5-2-4.5-4.5s2-4.5 4.5-4.5 4.5 2 4.5 4.5-2 4.5-4.5 4.5z\"><\/path>\n\t\t\t\t<\/svg><\/button><\/div><\/form><\/div>\n<\/div>\n<\/div>\n","protected":false},"author":21010679,"parent":0,"template":"","meta":{"wpop_keywords":"","wpop_description":"Footer section with three columns layout","wpop_viewport_width":800,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/image,core\/paragraph,core\/search,core\/social-link,core\/social-links","footnotes":""},"pattern-categories":[2,3,37,4],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-398418","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-buttons","wporg-pattern-category-columns","wporg-pattern-category-footer","wporg-pattern-category-gallery"],"category_slugs":["buttons","columns","footer","gallery"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"50px\",\"right\":\"50px\",\"bottom\":\"50px\",\"left\":\"50px\"},\"margin\":{\"top\":\"50px\"}}},\"gradient\":\"midnight\",\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group alignfull has-midnight-gradient-background has-background\" style=\"margin-top:50px;padding-top:50px;padding-right:50px;padding-bottom:50px;padding-left:50px\"><!-- wp:columns {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"0\",\"bottom\":\"0\"},\"margin\":{\"top\":\"0\",\"bottom\":\"0\"}}}} -->\n<div class=\"wp-block-columns alignfull\" style=\"margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0\"><!-- wp:column {\"width\":\"40%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:40%\"><!-- wp:image {\"width\":159,\"height\":106,\"sizeSlug\":\"full\",\"linkDestination\":\"none\"} -->\n<figure class=\"wp-block-image size-full is-resized\"><img src=\"https:\/\/images.rawpixel.com\/image_1300\/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvam9iNjY2LTA2NS12LWwxMDg0NWg2LmpwZw.jpg\" alt=\"\" style=\"width:159px;height:106px\" width=\"159\" height=\"106\" \/><\/figure>\n<!-- \/wp:image -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"letterSpacing\":\"0.4px\",\"fontStyle\":\"normal\",\"fontWeight\":\"300\"},\"color\":{\"text\":\"#d3d8ea\"}}} -->\n<p class=\"has-text-color\" style=\"color:#d3d8ea;font-size:16px;font-style:normal;font-weight:300;letter-spacing:0.4px\">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form.<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:social-links {\"iconColor\":\"pale-cyan-blue\",\"iconColorValue\":\"#8ed1fc\",\"style\":{\"spacing\":{\"blockGap\":{\"top\":\"10px\",\"left\":\"10px\"}}},\"className\":\"is-style-logos-only\",\"layout\":{\"type\":\"flex\",\"justifyContent\":\"left\"}} -->\n<ul class=\"wp-block-social-links has-icon-color is-style-logos-only\"><!-- wp:social-link {\"url\":\"#\",\"service\":\"facebook\",\"label\":\"#\",\"rel\":\"#\"} \/-->\n\n<!-- wp:social-link {\"url\":\"#\",\"service\":\"instagram\",\"label\":\"#\",\"rel\":\"#\"} \/-->\n\n<!-- wp:social-link {\"url\":\"#\",\"service\":\"amazon\"} \/-->\n\n<!-- wp:social-link {\"url\":\"#\",\"service\":\"pinterest\"} \/--><\/ul>\n<!-- \/wp:social-links --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"25%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:25%\"><!-- wp:heading {\"style\":{\"typography\":{\"fontSize\":\"22px\",\"letterSpacing\":\"0.5px\",\"textTransform\":\"capitalize\"}},\"textColor\":\"pale-cyan-blue\"} -->\n<h2 class=\"wp-block-heading has-pale-cyan-blue-color has-text-color\" style=\"font-size:22px;letter-spacing:0.5px;text-transform:capitalize\">Services<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"16px\",\"fontStyle\":\"normal\",\"fontWeight\":\"300\"},\"color\":{\"text\":\"#d3d8ea\"}}} -->\n<p class=\"has-text-color\" style=\"color:#d3d8ea;font-size:16px;font-style:normal;font-weight:300\">Web Development<br> <br>Human Resources<br><br>Products<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"35%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:35%\"><!-- wp:search {\"label\":\"Search\",\"showLabel\":false,\"placeholder\":\"Enter Your Email\",\"width\":100,\"widthUnit\":\"%\",\"buttonText\":\"Search\",\"buttonPosition\":\"button-inside\",\"buttonUseIcon\":true,\"style\":{\"border\":{\"radius\":\"10px\"},\"typography\":{\"fontSize\":\"14px\"}},\"backgroundColor\":\"pale-cyan-blue\"} \/--><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":6,"author_meta":{"name":"Anil Vaza","url":"https:\/\/nl.wordpress.org\/patterns\/author\/anilvaza","avatar":"https:\/\/secure.gravatar.com\/avatar\/c6dfcce7270318985cbb2dc2dbc2ee779372cdcfefe64345a638faba403140c5?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/398418","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":2,"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/398418\/revisions"}],"predecessor-version":[{"id":398438,"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/398418\/revisions\/398438"}],"author":[{"embeddable":true,"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/anilvaza"}],"wp:attachment":[{"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=398418"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=398418"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=398418"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/nl.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=398418"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}