{"id":216,"date":"2021-04-12T16:23:05","date_gmt":"2021-04-12T16:23:05","guid":{"rendered":"https:\/\/mrbrandall.com\/?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:\/\/mrbrandall.com\/index.php\/2021\/04\/12\/12-beautiful-examples-of-gradient-websites\/","title":{"rendered":"12 beautiful examples of gradient websites"},"content":{"rendered":"[fusion_builder_container type=\u00bbflex\u00bb hundred_percent=\u00bbno\u00bb equal_height_columns=\u00bbno\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb background_position=\u00bbcenter center\u00bb background_repeat=\u00bbno-repeat\u00bb fade=\u00bbno\u00bb background_parallax=\u00bbnone\u00bb parallax_speed=\u00bb0.3&#8243; video_aspect_ratio=\u00bb16:9&#8243; video_loop=\u00bbyes\u00bb video_mute=\u00bbyes\u00bb border_style=\u00bbsolid\u00bb admin_label=\u00bbPost Content\u00bb admin_toggled=\u00bbyes\u00bb][fusion_builder_row][fusion_builder_column type=\u00bb1_1&#8243; type=\u00bb1_1&#8243; layout=\u00bb1_1&#8243; background_position=\u00bbleft top\u00bb background_color=\u00bb\u00bb border_color=\u00bb\u00bb border_style=\u00bbsolid\u00bb border_position=\u00bball\u00bb spacing=\u00bbyes\u00bb background_image=\u00bb\u00bb background_repeat=\u00bbno-repeat\u00bb padding_top=\u00bb\u00bb padding_right=\u00bb\u00bb padding_bottom=\u00bb\u00bb padding_left=\u00bb\u00bb margin_top=\u00bb0px\u00bb margin_bottom=\u00bb0px\u00bb class=\u00bb\u00bb id=\u00bb\u00bb animation_type=\u00bb\u00bb animation_speed=\u00bb0.3&#8243; animation_direction=\u00bbleft\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb center_content=\u00bbno\u00bb last=\u00bbtrue\u00bb min_height=\u00bb\u00bb hover_type=\u00bbnone\u00bb link=\u00bb\u00bb border_sizes_top=\u00bb\u00bb border_sizes_bottom=\u00bb\u00bb border_sizes_left=\u00bb\u00bb border_sizes_right=\u00bb\u00bb first=\u00bbtrue\u00bb][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200&#8243; highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9&#8243; highlight_top_margin=\u00bb0&#8243; before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb title_link=\u00bboff\u00bb link_url=\u00bb\u00bb link_target=\u00bb_self\u00bb content_align_medium=\u00bb\u00bb content_align_small=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb2&#8243; font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb text_shadow=\u00bbno\u00bb text_shadow_blur=\u00bb0&#8243; text_shadow_color=\u00bb\u00bb dimensions_medium=\u00bb\u00bb dimensions_small=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb link_color=\u00bb\u00bb link_hover_color=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3&#8243; animation_offset=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb fusion_font_variant_title_font=\u00bb\u00bb margin_bottom=\u00bb30px\u00bb]\r\n<p>Pellentesque in ipsum id orci.<\/p>\r\n[\/fusion_title][fusion_text fusion_font_variant_text_font=\u00bb\u00bb font_size=\u00bb19px\u00bb line_height=\u00bb1.8em\u00bb margin_bottom=\u00bb60px\u00bb]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.[\/fusion_text][fusion_imageframe image_id=\u00bb567|full\u00bb max_width=\u00bb\u00bb sticky_max_width=\u00bb\u00bb skip_lazy_load=\u00bb\u00bb style_type=\u00bb\u00bb blur=\u00bb\u00bb stylecolor=\u00bb\u00bb hover_type=\u00bbnone\u00bb bordersize=\u00bb\u00bb bordercolor=\u00bb\u00bb borderradius=\u00bb\u00bb align_medium=\u00bbnone\u00bb align_small=\u00bbnone\u00bb align=\u00bbnone\u00bb lightbox=\u00bbno\u00bb gallery_id=\u00bb\u00bb lightbox_image=\u00bb\u00bb lightbox_image_id=\u00bb\u00bb alt=\u00bb\u00bb link=\u00bb\u00bb linktarget=\u00bb_self\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3&#8243; animation_offset=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb filter_hue=\u00bb0&#8243; filter_saturation=\u00bb100&#8243; filter_brightness=\u00bb100&#8243; filter_contrast=\u00bb100&#8243; filter_invert=\u00bb0&#8243; filter_sepia=\u00bb0&#8243; filter_opacity=\u00bb100&#8243; filter_blur=\u00bb0&#8243; filter_hue_hover=\u00bb0&#8243; filter_saturation_hover=\u00bb100&#8243; filter_brightness_hover=\u00bb100&#8243; filter_contrast_hover=\u00bb100&#8243; filter_invert_hover=\u00bb0&#8243; filter_sepia_hover=\u00bb0&#8243; filter_opacity_hover=\u00bb100&#8243; filter_blur_hover=\u00bb0&#8243; margin_bottom=\u00bb70px\u00bb]https:\/\/mrbrandall.com\/wp-content\/uploads\/2021\/04\/portfolio-9.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=\u00bb\u00bb font_size=\u00bb19px\u00bb line_height=\u00bb1.8em\u00bb margin_bottom=\u00bb60px\u00bb]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.[\/fusion_text][fusion_title title_type=\u00bbtext\u00bb rotation_effect=\u00bbbounceIn\u00bb display_time=\u00bb1200&#8243; highlight_effect=\u00bbcircle\u00bb loop_animation=\u00bboff\u00bb highlight_width=\u00bb9&#8243; highlight_top_margin=\u00bb0&#8243; before_text=\u00bb\u00bb rotation_text=\u00bb\u00bb highlight_text=\u00bb\u00bb after_text=\u00bb\u00bb title_link=\u00bboff\u00bb link_url=\u00bb\u00bb link_target=\u00bb_self\u00bb content_align_medium=\u00bb\u00bb content_align_small=\u00bb\u00bb content_align=\u00bbleft\u00bb size=\u00bb2&#8243; font_size=\u00bb\u00bb animated_font_size=\u00bb\u00bb line_height=\u00bb\u00bb letter_spacing=\u00bb\u00bb text_shadow=\u00bbno\u00bb text_shadow_blur=\u00bb0&#8243; text_shadow_color=\u00bb\u00bb dimensions_medium=\u00bb\u00bb dimensions_small=\u00bb\u00bb text_color=\u00bb\u00bb animated_text_color=\u00bb\u00bb highlight_color=\u00bb\u00bb style_type=\u00bbdefault\u00bb sep_color=\u00bb\u00bb link_color=\u00bb\u00bb link_hover_color=\u00bb\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3&#8243; animation_offset=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb fusion_font_variant_title_font=\u00bb\u00bb margin_bottom=\u00bb30px\u00bb]Vivamus suscipit tortor eget.[\/fusion_title][fusion_text fusion_font_variant_text_font=\u00bb\u00bb font_size=\u00bb19px\u00bb line_height=\u00bb1.8em\u00bb margin_bottom=\u00bb60px\u00bb]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.[\/fusion_text][fusion_imageframe image_id=\u00bb299|full\u00bb max_width=\u00bb\u00bb sticky_max_width=\u00bb\u00bb skip_lazy_load=\u00bb\u00bb style_type=\u00bb\u00bb blur=\u00bb\u00bb stylecolor=\u00bb\u00bb hover_type=\u00bbnone\u00bb bordersize=\u00bb\u00bb bordercolor=\u00bb\u00bb borderradius=\u00bb\u00bb align_medium=\u00bbnone\u00bb align_small=\u00bbnone\u00bb align=\u00bbnone\u00bb lightbox=\u00bbno\u00bb gallery_id=\u00bb\u00bb lightbox_image=\u00bb\u00bb lightbox_image_id=\u00bb\u00bb alt=\u00bb\u00bb link=\u00bb\u00bb linktarget=\u00bb_self\u00bb animation_type=\u00bb\u00bb animation_direction=\u00bbleft\u00bb animation_speed=\u00bb0.3&#8243; animation_offset=\u00bb\u00bb hide_on_mobile=\u00bbsmall-visibility,medium-visibility,large-visibility\u00bb sticky_display=\u00bbnormal,sticky\u00bb class=\u00bb\u00bb id=\u00bb\u00bb filter_hue=\u00bb0&#8243; filter_saturation=\u00bb100&#8243; filter_brightness=\u00bb100&#8243; filter_contrast=\u00bb100&#8243; filter_invert=\u00bb0&#8243; filter_sepia=\u00bb0&#8243; filter_opacity=\u00bb100&#8243; filter_blur=\u00bb0&#8243; filter_hue_hover=\u00bb0&#8243; filter_saturation_hover=\u00bb100&#8243; filter_brightness_hover=\u00bb100&#8243; filter_contrast_hover=\u00bb100&#8243; filter_invert_hover=\u00bb0&#8243; filter_sepia_hover=\u00bb0&#8243; filter_opacity_hover=\u00bb100&#8243; filter_blur_hover=\u00bb0&#8243; margin_bottom=\u00bb70px\u00bb]https:\/\/mrbrandall.com\/wp-content\/uploads\/2021\/04\/product-2.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=\u00bb\u00bb font_size=\u00bb19px\u00bb line_height=\u00bb1.8em\u00bb margin_bottom=\u00bb\u00bb]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.[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container]","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":{"footnotes":""},"categories":[81],"tags":[],"class_list":["post-216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks"],"_links":{"self":[{"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/posts\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":0,"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/posts\/216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/media\/767"}],"wp:attachment":[{"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/media?parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/categories?post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mrbrandall.com\/index.php\/wp-json\/wp\/v2\/tags?post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}