{"id":216,"date":"2021-04-12T16:23:05","date_gmt":"2021-04-12T16:23:05","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/digital-agency\/?p=216"},"modified":"2021-04-12T16:23:05","modified_gmt":"2021-04-12T16:23:05","slug":"12-beautiful-examples-of-gradient-websites","status":"publish","type":"post","link":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/","title":{"rendered":"12 beautiful examples of gradient websites"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container nonhundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"max-width:1310.4px;margin-left: calc(-4% \/ 2 );margin-right: calc(-4% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion_builder_column_1_1 1_1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:100%;--awb-margin-top-large:0px;--awb-spacing-right-large:1.92%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:1.92%;--awb-width-medium:100%;--awb-spacing-right-medium:1.92%;--awb-spacing-left-medium:1.92%;--awb-width-small:100%;--awb-spacing-right-small:1.92%;--awb-spacing-left-small:1.92%;\"><div class=\"fusion-column-wrapper fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div class=\"fusion-title title fusion-title-1 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-margin-bottom:30px;\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Pellentesque in ipsum id orci.<\/h2><\/div><div class=\"fusion-text fusion-text-1 fusion-text-no-margin\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;--awb-margin-bottom:60px;\"><p>Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.<\/p>\n<\/div><div class=\"fusion-image-element \" style=\"--awb-margin-bottom:70px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-1 hover-type-none\"><img decoding=\"async\" width=\"1080\" height=\"951\" alt=\"portfolio-9\" title=\"Portfolio 9\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%271080%27%20height%3D%27951%27%20viewBox%3D%270%200%201080%20951%27%3E%3Crect%20width%3D%271080%27%20height%3D%27951%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/portfolio-9.jpg\" class=\"lazyload img-responsive wp-image-567\"\/><\/span><\/div><div class=\"fusion-text fusion-text-2 fusion-text-no-margin\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;--awb-margin-bottom:60px;\"><p>Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.<\/p>\n<\/div><div class=\"fusion-title title fusion-title-2 fusion-sep-none fusion-title-text fusion-title-size-two\" style=\"--awb-margin-bottom:30px;\"><h2 class=\"fusion-title-heading title-heading-left\" style=\"margin:0;\">Vivamus suscipit tortor eget.<\/h2><\/div><div class=\"fusion-text fusion-text-3 fusion-text-no-margin\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;--awb-margin-bottom:60px;\"><p>Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.<\/p>\n<\/div><div class=\"fusion-image-element \" style=\"--awb-margin-bottom:70px;--awb-caption-title-font-family:var(--h2_typography-font-family);--awb-caption-title-font-weight:var(--h2_typography-font-weight);--awb-caption-title-font-style:var(--h2_typography-font-style);--awb-caption-title-size:var(--h2_typography-font-size);--awb-caption-title-transform:var(--h2_typography-text-transform);--awb-caption-title-line-height:var(--h2_typography-line-height);--awb-caption-title-letter-spacing:var(--h2_typography-letter-spacing);\"><span class=\" fusion-imageframe imageframe-none imageframe-2 hover-type-none\"><img decoding=\"async\" width=\"894\" height=\"551\" alt=\"product-2\" title=\"Product 2\" src=\"data:image\/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27894%27%20height%3D%27551%27%20viewBox%3D%270%200%20894%20551%27%3E%3Crect%20width%3D%27894%27%20height%3D%27551%27%20fill-opacity%3D%220%22%2F%3E%3C%2Fsvg%3E\" data-orig-src=\"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/product-2.jpg\" class=\"lazyload img-responsive wp-image-299\"\/><\/span><\/div><div class=\"fusion-text fusion-text-4\" style=\"--awb-font-size:19px;--awb-line-height:1.8em;\"><p>Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.<\/p>\n<\/div><\/div><\/div><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Dictum aenean cursus aliquam ut purus. Tincidunt vel accumsan mi dui.<\/p>\n","protected":false},"author":1,"featured_media":767,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_joinchat":[],"footnotes":""},"categories":[17],"tags":[],"class_list":["post-216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>12 beautiful examples of gradient websites - Maximo Pixel<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 beautiful examples of gradient websites - Maximo Pixel\" \/>\n<meta property=\"og:description\" content=\"Dictum aenean cursus aliquam ut purus. Tincidunt vel accumsan mi dui.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"Maximo Pixel\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-12T16:23:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1479\" \/>\n\t<meta property=\"og:image:height\" content=\"780\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"admin\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"admin\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/\",\"url\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/\",\"name\":\"12 beautiful examples of gradient websites - Maximo Pixel\",\"isPartOf\":{\"@id\":\"https:\/\/maximopixel.site\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"datePublished\":\"2021-04-12T16:23:05+00:00\",\"author\":{\"@id\":\"https:\/\/maximopixel.site\/#\/schema\/person\/9e43d44620a485def869f1d3b3af78cb\"},\"breadcrumb\":{\"@id\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#primaryimage\",\"url\":\"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"contentUrl\":\"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"width\":1479,\"height\":780,\"caption\":\"blog-5\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/maximopixel.site\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"12 beautiful examples of gradient websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/maximopixel.site\/#website\",\"url\":\"https:\/\/maximopixel.site\/\",\"name\":\"Maximo Pixel\",\"description\":\"Agencia digital\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/maximopixel.site\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/maximopixel.site\/#\/schema\/person\/9e43d44620a485def869f1d3b3af78cb\",\"name\":\"admin\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/maximopixel.site\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/3e984d3994b85c9335f003385484212d2ab211d3c2e81c9bd7b9ebdb33782d37?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/3e984d3994b85c9335f003385484212d2ab211d3c2e81c9bd7b9ebdb33782d37?s=96&d=mm&r=g\",\"caption\":\"admin\"},\"sameAs\":[\"https:\/\/maximopixel.site\/web\"],\"url\":\"https:\/\/maximopixel.site\/index.php\/author\/maxim\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"12 beautiful examples of gradient websites - Maximo Pixel","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/","og_locale":"es_ES","og_type":"article","og_title":"12 beautiful examples of gradient websites - Maximo Pixel","og_description":"Dictum aenean cursus aliquam ut purus. Tincidunt vel accumsan mi dui.","og_url":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/","og_site_name":"Maximo Pixel","article_published_time":"2021-04-12T16:23:05+00:00","og_image":[{"width":1479,"height":780,"url":"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg","type":"image\/jpeg"}],"author":"admin","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"admin","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/","url":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/","name":"12 beautiful examples of gradient websites - Maximo Pixel","isPartOf":{"@id":"https:\/\/maximopixel.site\/#website"},"primaryImageOfPage":{"@id":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#primaryimage"},"image":{"@id":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg","datePublished":"2021-04-12T16:23:05+00:00","author":{"@id":"https:\/\/maximopixel.site\/#\/schema\/person\/9e43d44620a485def869f1d3b3af78cb"},"breadcrumb":{"@id":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#primaryimage","url":"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg","contentUrl":"https:\/\/maximopixel.site\/web\/wp-content\/uploads\/2021\/04\/blog-5.jpg","width":1479,"height":780,"caption":"blog-5"},{"@type":"BreadcrumbList","@id":"https:\/\/maximopixel.site\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/maximopixel.site\/"},{"@type":"ListItem","position":2,"name":"12 beautiful examples of gradient websites"}]},{"@type":"WebSite","@id":"https:\/\/maximopixel.site\/#website","url":"https:\/\/maximopixel.site\/","name":"Maximo Pixel","description":"Agencia digital","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/maximopixel.site\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/maximopixel.site\/#\/schema\/person\/9e43d44620a485def869f1d3b3af78cb","name":"admin","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/maximopixel.site\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/3e984d3994b85c9335f003385484212d2ab211d3c2e81c9bd7b9ebdb33782d37?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/3e984d3994b85c9335f003385484212d2ab211d3c2e81c9bd7b9ebdb33782d37?s=96&d=mm&r=g","caption":"admin"},"sameAs":["https:\/\/maximopixel.site\/web"],"url":"https:\/\/maximopixel.site\/index.php\/author\/maxim\/"}]}},"_links":{"self":[{"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/posts\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":0,"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/posts\/216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/media\/767"}],"wp:attachment":[{"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/media?parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/categories?post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/maximopixel.site\/index.php\/wp-json\/wp\/v2\/tags?post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}