{"id":14646,"date":"2019-05-17T16:09:45","date_gmt":"2019-05-17T14:09:45","guid":{"rendered":"https:\/\/marabelia.com\/?p=14646"},"modified":"2025-06-19T12:52:06","modified_gmt":"2025-06-19T10:52:06","slug":"what-is-a-grid","status":"publish","type":"post","link":"https:\/\/marabelia.com\/en\/what-is-a-grid\/","title":{"rendered":"What is a grid?"},"content":{"rendered":"<div class=\"wpb-content-wrapper\">[vc_row][vc_column][vc_column_text]\n<h1 style=\"text-align: justify;\">Examples of Interactive Grids for Websites<\/h1>\n<p style=\"text-align: justify;\">A grid <em>-in the web environment-<\/em> is a layout with several elements that share a category and\/or a common theme. For example, we can create a grid with our most prominent services, portfolio projects, products from our online store, or our latest blog posts.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7547\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/ejemplo-de-grid-interactivo.png\" alt=\"\" width=\"1029\" height=\"681\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\">In a grid, <strong>elements are arranged in rows, with a fixed or expandable number<\/strong> (You can add buttons like <em>Load more, navigation arrows, or pagination boxes<\/em> to continue viewing more rows) <strong>and in columns which can be configured to any number we decide.<\/strong><\/p>\n<p style=\"text-align: justify;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-7548\" src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/grid-para-web.png\" alt=\"\" width=\"1343\" height=\"602\" \/><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: justify;\"><strong>The most common setup is to create grids with 4 or 5 columns, which adapt responsively to 2 columns on tablets and 1 column on mobile versions.<\/strong> However, we can create grids with any number of rows and columns and also assign the number of rows and columns for their responsive versions as needed.<\/p>\n<p style=\"text-align: justify;\">At Marabelia, we work with a WordPress extension called <strong><em>Essential Grid.<\/em><\/strong> This plugin allows us to create very attractive grids with countless interactions with almost any element at our disposal. It offers a multitude of customization and configuration options, both technically and visually.<\/p>\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\">What is a Basic Grid?<\/h2>\n<p style=\"text-align: justify;\">A basic grid is one whose template is already preconfigured, so you only need to make a few programming adjustments to get it working on your website. You can see the list of preconfigured grids that Essential Grid offers by browsing the <em>&#8220;usage examples&#8221;<\/em> menu <a href=\"https:\/\/essential.themepunch.com\/\">on the plugin\u2019s website<\/a>.<\/p>\n<p style=\"text-align: justify;\">Here we show you an example grid with posts from the &#8220;creativity and design&#8221; category of our blog:<\/p>\n<p style=\"text-align: justify;\"><style type=\"text\/css\">a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px;margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-mask-image:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:\" \";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px;bottom:-5px;position:absolute}.eg-howardtaft-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:\"Open Sans\";font-size:13px;color:#fff;margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px;font-weight:700;text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px;margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-mask-image:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:\" \";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px;bottom:-5px;position:absolute}.eg-howardtaft-wrapper .esg-media-poster,.eg-howardtaft-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:\"Open Sans\";font-size:13px;color:#fff;margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px;font-weight:700;text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-my-instagram-wrapper {transform:none !important}.eg-my-instagram-element-1,.eg-my-instagram-element-28 {top:-5px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-uwe-krupp-wrapper:hover {background:#fff !important;transition:all 0.3s ease}.eg-uwe-krupp-wrapper .esg-media-poster {border-radius:10px}.eg-uwe-krupp-wrapper .eg-uwe-krupp-element-6 {margin-left:50% !important;transform:translateX(-15px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-portfolio-dark-wrapper .esg-bc {transition:all 0.5s ease;min-height:10px}.eg-portfolio-dark-wrapper.esg-hovered .esg-bc {min-height:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-1 {background:transparent}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-3 {opacity:0.5}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-3 {opacity:1}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-4 {position:absolute;left:0;overflow:hidden;max-height:0;text-align:left;width:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-4 {max-height:1000px;margin-top:-20px !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-6 {z-index:9999 !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-gradient-bar {height:200px;position:absolute;bottom:0;left:0;width:100%;background-image:-moz-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-ms-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%)}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-gradient-bar {display:none}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-wayne-gretzky-wrapper {transform:none !important}.eg-furniture-menu-wrapper .eg-furniture-menu-element-1 {transition:all 0.5s ease}.eg-furniture-menu-wrapper.esg-hovered .eg-furniture-menu-element-1 {margin-top:-100px}a.eg-henryharrison-element-1,a.eg-henryharrison-element-2{-webkit-transition:all .4s linear;-moz-transition:all .4s linear;-o-transition:all .4s linear;-ms-transition:all .4s linear;transition:all .4s linear}.eg-jimmy-carter-element-11 i:before{margin-left:0px;margin-right:0px}.eg-harding-element-17{letter-spacing:1px}.eg-harding-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-harding-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-ulysses-s-grant-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-ulysses-s-grant-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-richard-nixon-wrapper .esg-entry-media{overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;padding:30px 30px 0px 30px}.eg-richard-nixon-wrapper .esg-media-poster{overflow:hidden;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%}.eg-herbert-hoover-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-herbert-hoover-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-lyndon-johnson-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-lyndon-johnson-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.esg-overlay.eg-ronald-reagan-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-georgebush-wrapper .esg-entry-cover {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-jefferson-wrapper{-webkit-border-radius:5px !important;-moz-border-radius:5px !important;border-radius:5px !important;-webkit-mask-image:url(data:image\/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA5JREFUeNpiYGBgAAgwAAAEAAGbA+oJAAAAAElFTkSuQmCC) !important}.eg-monroe-element-1{text-shadow:0px 1px 3px rgba(0,0,0,0.1)}.eg-lyndon-johnson-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-entry-cover{background:-moz-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,rgba(0,0,0,0.35)),color-stop(96%,rgba(18,18,18,0)),color-stop(100%,rgba(19,19,19,0)));background:-webkit-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-o-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:-ms-radial-gradient(center,ellipse cover,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);background:radial-gradient(ellipse at center,rgba(0,0,0,0.35) 0%,rgba(18,18,18,0) 96%,rgba(19,19,19,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#59000000',endColorstr='#00131313',GradientType=1 )}.eg-wilbert-wrapper .esg-media-poster{-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out;transition:0.4s ease-in-out;filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.eg-wilbert-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-phillie-element-3:after{content:\" \";width:0px;height:0px;border-style:solid;border-width:5px 5px 0 5px;border-color:#000 transparent transparent transparent;left:50%;margin-left:-5px;bottom:-5px;position:absolute}.eg-howardtaft-wrapper .esg-media-poster,.eg-howardtaft-wrapper .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0,0 1 0 0 0,0 0 1 0 0,0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");-webkit-filter:grayscale(0%)}.eg-howardtaft-wrapper:hover .esg-media-poster,.eg-howardtaft-wrapper:hover .esg-media-poster{filter:url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'\/><\/filter><\/svg>#grayscale\");filter:gray;-webkit-filter:grayscale(100%)}.myportfolio-container .added_to_cart.wc-forward{font-family:\"Open Sans\";font-size:13px;color:#fff;margin-top:10px}.esgbox-title.esgbox-title-outside-wrap{font-size:15px;font-weight:700;text-align:center}.esgbox-title.esgbox-title-inside-wrap{padding-bottom:10px;font-size:15px;font-weight:700;text-align:center}.esg-content.eg-twitterstream-element-33-a{display:inline-block}.eg-twitterstream-element-35{word-break:break-all}.esg-overlay.eg-twitterstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.esg-content.eg-facebookstream-element-33-a{display:inline-block}.eg-facebookstream-element-0{word-break:break-all}.esg-overlay.eg-flickrstream-container {background:-moz-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(50%,rgba(0,0,0,0)),color-stop(99%,rgba(0,0,0,0.83)),color-stop(100%,rgba(0,0,0,0.85)));background:-webkit-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:-ms-linear-gradient(top,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0) 50%,rgba(0,0,0,0.83) 99%,rgba(0,0,0,0.85) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#d9000000',GradientType=0 )}.eg-my-instagram-wrapper {transform:none !important}.eg-my-instagram-element-1,.eg-my-instagram-element-28 {top:-5px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-uwe-krupp-wrapper:hover {background:#fff !important;transition:all 0.3s ease}.eg-uwe-krupp-wrapper .esg-media-poster {border-radius:10px}.eg-uwe-krupp-wrapper .eg-uwe-krupp-element-6 {margin-left:50% !important;transform:translateX(-15px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-portfolio-dark-wrapper .esg-bc {transition:all 0.5s ease;min-height:10px}.eg-portfolio-dark-wrapper.esg-hovered .esg-bc {min-height:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-1 {background:transparent}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-3 {opacity:0.5}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-3 {opacity:1}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-4 {position:absolute;left:0;overflow:hidden;max-height:0;text-align:left;width:100%}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-element-4 {max-height:1000px;margin-top:-20px !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-element-6 {z-index:9999 !important}.eg-portfolio-dark-wrapper .eg-portfolio-dark-gradient-bar {height:200px;position:absolute;bottom:0;left:0;width:100%;background-image:-moz-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-webkit-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%);background-image:-ms-linear-gradient( 90deg,rgb(33,33,39) 0%,rgba(33,33,39,0) 100%)}.eg-portfolio-dark-wrapper.esg-hovered .eg-portfolio-dark-gradient-bar {display:none}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-grant-fuhr-wrapper {overflow:hidden}.eg-grant-fuhr-wrapper .esg-media-poster {border-radius:50%;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-media-poster {border-radius:0}.eg-grant-fuhr-wrapper .esg-media-cover-wrapper {position:static}.eg-grant-fuhr-wrapper .esg-entry-media-wrapper {transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .esg-entry-media-wrapper {transform:scale(2)}.eg-grant-fuhr-wrapper .eg-grant-fuhr-element-6 {text-decoration:underline;transition:all 0.3s ease}.eg-grant-fuhr-wrapper:hover .eg-grant-fuhr-element-6 {padding:80px 15px 12px 80px}.eg-rod-langway-wrapper .esg-entry-cover {overflow:visible !important;height:100% !important}.eg-rod-langway-wrapper .esg-entry-media {min-height:100% !important}.eg-rod-langway-wrapper .eg-rod-langway-element-1 {text-align:left;transition:transform 0.3s ease}.eg-rod-langway-wrapper:hover .eg-rod-langway-element-1 {transform:translateY(100px);color:#fff}.eg-rod-langway-wrapper .eg-rod-langway-element-3 {transform:rotate(-90deg) !important;transform-origin:top left}.eg-rod-langway-wrapper .eg-rod-langway-element-4 {transform:rotate(90deg) translateY(-13px) !important;transform-origin:top right}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-1 {width:100%;height:100%;font-size:0;transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-1 {box-shadow:inset 0px 0px 0px 0px}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-2 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-2 {transform:translateY(-100px)}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3-a {z-index:3}.eg-pat-lafontaine-wrapper .eg-pat-lafontaine-element-3 {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .eg-pat-lafontaine-element-3 {background:#fff;color:#000}.eg-pat-lafontaine-wrapper .esg-entry-media {transition:all 0.3s ease}.eg-pat-lafontaine-wrapper:hover .esg-entry-media {transform:scale(1.1)}.eg-wayne-gretzky-wrapper {transform:none !important}.eg-furniture-menu-wrapper .eg-furniture-menu-element-1 {transition:all 0.5s ease}.eg-furniture-menu-wrapper.esg-hovered .eg-furniture-menu-element-1 {margin-top:-100px}<\/style>\n<style type=\"text\/css\">.minimal-light .navigationbuttons,.minimal-light .esg-pagination,.minimal-light .esg-filters{text-align:center}.minimal-light .esg-filter-wrapper.dropdownstyle >.esg-selected-filterbutton,.minimal-light input.eg-search-input,.minimal-light .esg-filterbutton,.minimal-light .esg-navigationbutton,.minimal-light .esg-sortbutton,.minimal-light .esg-cartbutton a,.minimal-light .esg-filter-wrapper.eg-search-wrapper  .eg-search-clean,.minimal-light .esg-filter-wrapper.eg-search-wrapper  .eg-search-submit{color:#999;margin-right:5px;cursor:pointer;padding:0px 16px;border:1px solid #e5e5e5;line-height:38px;border-radius:5px;font-size:12px;font-weight:700;font-family:\"Open Sans\",sans-serif;display:inline-block;background:#fff;margin-bottom:5px;white-space:nowrap;min-height:38px;vertical-align:middle}.minimal-light input.eg-search-input::placeholder{line-height:38px;vertical-align:middle}.minimal-light .esg-navigationbutton *{color:#999}.minimal-light .esg-navigationbutton{padding:0px 16px}.minimal-light .esg-pagination-button:last-child{margin-right:0}.minimal-light .esg-left,.minimal-light .esg-right{padding:0px 11px}.minimal-light .esg-sortbutton-wrapper,.minimal-light .esg-cartbutton-wrapper{display:inline-block}.minimal-light .esg-sortbutton-order,.minimal-light .esg-cartbutton-order{display:inline-block;vertical-align:top;border:1px solid #e5e5e5;width:40px;line-height:38px;border-radius:0px 5px 5px 0px;font-size:12px;font-weight:700;color:#999;cursor:pointer;background:#fff}.minimal-light .esg-cartbutton{color:#333;cursor:default !important}.minimal-light .esg-cartbutton .esgicon-basket{color:#333;font-size:15px;line-height:15px;margin-right:10px}.minimal-light .esg-cartbutton-wrapper{cursor:default !important}.minimal-light .esg-sortbutton,.minimal-light .esg-cartbutton{display:inline-block;position:relative;cursor:pointer;margin-right:0px;border-right:none;border-radius:5px 0px 0px 5px}.minimal-light input.eg-search-input.hovered,.minimal-light input.eg-search-input:focus,.minimal-light .esg-navigationbutton.hovered,.minimal-light .esg-filterbutton.hovered,.minimal-light .esg-sortbutton.hovered,.minimal-light .esg-sortbutton-order.hovered,.minimal-light .esg-cartbutton.hovered a,.minimal-light .esg-filter-wrapper.dropdownstyle >.esg-selected-filterbutton.hovered,.minimal-light .esg-filterbutton.selected,.minimal-light .esg-filter-wrapper.eg-search-wrapper  .eg-search-clean.hovered,.minimal-light .esg-filter-wrapper.eg-search-wrapper  .eg-search-submit.hovered{background-color:#fff;border-color:#bbb;color:#333;box-shadow:0px 3px 5px 0px rgba(0,0,0,0.13)}.minimal-light .esg-navigationbutton.hovered *{color:#333}.minimal-light .esg-sortbutton-order.hovered .tp-desc{border-color:#bbb;color:#333;box-shadow:0px -3px 5px 0px rgba(0,0,0,0.13) !important}.minimal-light .esg-filter-checked{color:#cbcbcb;background:#cbcbcb;margin-left:10px;font-size:9px;font-weight:300;line-height:9px;vertical-align:middle}.minimal-light .esg-filter-wrapper.dropdownstyle .esg-filter-checked{margin-left:-22px;margin-right:10px}.minimal-light .esg-filterbutton.selected .esg-filter-checked,.minimal-light .esg-filterbutton.hovered .esg-filter-checked{color:#fff;background:#000}.minimal-light .esg-filter-wrapper.eg-search-wrapper{white-space:nowrap}.minimal-light .esg-filter-wrapper.eg-search-wrapper .eg-search-clean,.minimal-light .esg-filter-wrapper.eg-search-wrapper .eg-search-submit{width:40px;padding:0px;margin-left:5px;margin-right:0px}.minimal-light .esg-filter-wrapper.eg-search-wrapper .eg-search-input{width:auto}.minimal-light .esg-dropdown-wrapper{transform:translateZ(10px) translateX(-50%);left:50%;background:rgba(255,255,255,0.95);border-radius:5px;border:1px solid #e5e5e5}.minimal-light .esg-dropdown-wrapper .esg-filterbutton{position:relative;border:none;box-shadow:none;text-align:left;color:#999;background:transparent;line-height:25px;min-height:25px}.minimal-light .esg-dropdown-wrapper .esg-filterbutton.hovered,.minimal-light .esg-dropdown-wrapper .esg-filterbutton.selected{color:#333}.minimal-light .esg-selected-filterbutton .eg-icon-down-open{margin-right:-10px;font-size:12px}.minimal-light .esg-selected-filterbutton.hovered .eg-icon-down-open{color:#333}<\/style>\n<style>.eg-cleveland-element-0{font-size:20px;line-height:25px;color:#ffffff;font-weight:700;display:block;text-align:left;clear:both;margin:0px 0px 20px 0px;padding:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;background:transparent;position:relative;z-index:2 !important;font-family:\"Raleway\";text-transform:capitalize}.eg-cleveland-element-1{font-size:16px;line-height:22px;color:#ffffff;font-weight:400;padding:13px 13px 13px 13px;border-radius:0px 0px 0px 0px;background:rgba(0,0,0,0.25);z-index:2 !important;display:inline-block;border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#ffffff;border-style:solid}.eg-cleveland-element-2{font-size:12px;line-height:20px;color:#ffffff;font-weight:800;padding:5px 10px 5px 10px;border-radius:0px 0px 0px 0px;background:rgba(0,0,0,0.25);z-index:2 !important;display:inline-block;font-family:\"Raleway\";text-transform:uppercase}.eg-cleveland-element-3{font-size:12px !important;line-height:16px !important;color:#aaaaaa !important;font-weight:400 !important;display:inline-block !important;float:left !important;clear:none !important;margin:0px 10px 0px 0px  !important;padding:0px 10px 0px 0px  !important;border-radius:0px 0px 0px 0px  !important;background:transparent !important;position:relative !important;z-index:2 !important;font-family:\"Raleway\" !important;text-transform:capitalize !important;border-top-width:0px !important;border-right-width:1px !important;border-bottom-width:0px !important;border-left-width:0px !important;border-color:#555555 !important;border-style:solid !important}.eg-cleveland-element-4{font-size:12px !important;line-height:16px !important;color:#aaaaaa !important;font-weight:400 !important;padding:0px 0px 0px 0px  !important;border-radius:0px 0px 0px 0px  !important;background:transparent !important;z-index:2 !important;font-family:\"Raleway\" !important;text-transform:capitalize !important}.eg-cleveland-element-6{font-size:13px !important;line-height:22px !important;color:#eeeeee !important;font-weight:400 !important;display:block !important;text-align:left !important;clear:none !important;margin:15px 0px 0px 0px  !important;padding:0px 0px 0px 0px  !important;border-radius:0px 0px 0px 0px  !important;background:transparent !important;position:relative !important;z-index:2 !important;font-family:\"Raleway\" !important;text-transform:capitalize !important}<\/style>\n<style>.eg-cleveland-element-1:hover{font-size:16px;line-height:22px;color:#ffffff;font-weight:400;border-radius:0px 0px 0px 0px;background:rgba(0,0,0,1);border-top-width:0px;border-right-width:0px;border-bottom-width:0px;border-left-width:0px;border-color:#ffffff;border-style:solid}.eg-cleveland-element-2:hover{font-size:12px;line-height:20px;color:#ffffff;font-weight:800;border-radius:0px 0px 0px 0px;background:rgba(0,0,0,1);font-family:\"Raleway\";text-transform:uppercase}.eg-cleveland-element-4:hover{font-size:12px !important;line-height:16px !important;color:#ffffff !important;font-weight:400 !important;border-radius:0px 0px 0px 0px  !important;background:transparent !important;font-family:\"Raleway\" !important;text-transform:capitalize !important}<\/style>\n<style>.eg-cleveland-element-1-a{display:inline-block;float:left;clear:right;margin:0px 0px 0px 0px;position:relative}<\/style>\n<style>.eg-cleveland-element-2-a{display:inline-block;float:none;clear:both;margin:0px 0px 0px 0px;position:relative}<\/style>\n<style>.eg-cleveland-element-4-a{font-size:12px !important;line-height:16px !important;color:#aaaaaa !important;font-family:\"Raleway\" !important;font-weight:400 !important;text-decoration:none !important;text-transform:capitalize !important;display:inline-block !important;float:left !important;clear:none !important;margin:0px 0px 0px 0px  !important;position:relative !important}<\/style>\n<style>.eg-cleveland-container{background:rgba(0,0,0,0.75)}<\/style>\n<style>.eg-cleveland-content{background:#333333;padding:30px 30px 30px 30px;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;border-color:transparent;border-style:double;text-align:left}<\/style>\n<style>.esg-grid .mainul li.eg-cleveland-wrapper{background:#333333;padding:0px 0px 0px 0px;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;border-color:transparent;border-style:none}<\/style>\n<style>.esg-grid .mainul li.eg-cleveland-wrapper .esg-media-poster{background-size:cover;background-position:center center;background-repeat:no-repeat}<\/style>\n<article id=\"esg-grid-4-1-wrap\" class=\"myportfolio-container esg-grid-wrap-container minimal-light esg-entry-skin-cleveland source_type_post\" data-alias=\"ejemplo\" data-version=\"3.1.12\" data-source=\"post\">\n\n   <div id=\"esg-grid-4-1\" class=\"esg-grid\" style=\"background: transparent;padding: 0px 0px 0px 0px ; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;\">\n<ul>\n<li id=\"eg-4-post-id-14852_5770\" class=\"filterall eg-cleveland-wrapper filter-creatividad-y-diseno filter-creativity-and-design filter-marketing-and-communication filter-marketing-y-comunicacion filter-seo filter-posicionamiento-online-seo filter-sin-categoria filter-opcional-en eg-post-id-14852\" data-skin=\"cleveland\" data-date=\"1379258788\" >\n    <div class=\"esg-media-cover-wrapper\">\n<div class=\"esg-entry-media\" ><img loading=\"lazy\" decoding=\"async\" class=\"esg-entry-media-img\"  src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2013\/09\/Captura-de-pantalla-2021-11-11-a-las-14.26.33.png\" data-no-lazy=\"1\" alt=\"\" title=\"Dise\u00f1o y programaci\u00f3n web\" width=\"1432\" height=\"799\"><\/div>\n\n            <div class=\"esg-entry-cover esg-transition\" data-delay=\"0\" data-duration=\"default\" data-transition=\"esg-fade\">\n\n                <div class=\"esg-overlay eg-cleveland-container  esg-transition\" data-duration=\"default\" data-transition=\"esg-fade\"><\/div>\n\n\t\t\t\t<div class=\"esg-bottom eg-cleveland-element-1-a eg-post-14852 eg-cleveland-element-1-a esg-transition\" data-delay=\"0.3\" data-duration=\"default\" data-transition=\"esg-rollleft\"><a class=\"eg-cleveland-element-1 eg-post-14852 esgbox\" data-elementor-open-lightbox=\"yes\" data-thumb=\"https:\/\/marabelia.com\/wp-content\/uploads\/2013\/09\/Captura-de-pantalla-2021-11-11-a-las-14.26.33-200x112.png\" href=\"https:\/\/marabelia.com\/wp-content\/uploads\/2013\/09\/Captura-de-pantalla-2021-11-11-a-las-14.26.33.png\" data-width=\"1432\"  data-height=\"799\" ><i class=\"eg-icon-link-ext\"><\/i><\/a><\/div>\n\t\t\t\t<div class=\"esg-center eg-cleveland-element-2-a eg-post-14852 eg-cleveland-element-2-a esg-transition\" data-delay=\"0.1\" data-duration=\"default\" data-transition=\"esg-flipup\"><a class=\"eg-cleveland-element-2 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/web-design-valencia-best-web-designers-in-valencia\/\" target=\"_self\"><p>READ MORE<\/p><\/a><\/div>\n           <\/div>\n<div class=\"esg-entry-content eg-cleveland-content\" >\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-0 eg-post-14852 eg-cleveland-element-0\">Web design Valencia. Best web designers in Valencia.<\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-3 eg-post-14852 eg-cleveland-element-3\">15 de September de 2013<\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-4-a eg-post-14852 eg-cleveland-element-4-a\"><a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/creatividad-y-diseno\/\" title=\"View all posts in Creatividad y dise\u00f1o\" rel=\"category tag\">Creatividad y dise\u00f1o<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/creativity-and-design\/\" title=\"View all posts in Creativity and design\" rel=\"category tag\">Creativity and design<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/marketing-and-communication\/\" title=\"View all posts in Marketing and communication\" rel=\"category tag\">Marketing and communication<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/marketing-y-comunicacion\/\" title=\"View all posts in Marketing y comunicaci\u00f3n\" rel=\"category tag\">Marketing y comunicaci\u00f3n<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/seo\/\" title=\"View all posts in SEO\" rel=\"category tag\">SEO<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/posicionamiento-online-seo\/\" title=\"View all posts in SEO\" rel=\"category tag\">SEO<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14852\" href=\"https:\/\/marabelia.com\/en\/category\/sin-categoria\/\" title=\"View all posts in Sin categor\u00eda\" rel=\"category tag\">Sin categor\u00eda<\/a><\/div>\n              <div class=\"esg-content eg-cleveland-element-22 esg-none esg-clear esg-line-break\"><\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-6 eg-post-14852 eg-cleveland-element-6\">\u00bfBuscando empresa de Dise\u00f1o...<\/div>\n<\/div>   <\/div>\n\n<\/li>\n<li id=\"eg-4-post-id-14666_8865\" class=\"filterall eg-cleveland-wrapper filter-creatividad-y-diseno filter-creativity-and-design filter-marketing-and-communication filter-marketing-y-comunicacion filter-wordpress-2 filter-wordpress filter-opcional-en eg-post-id-14666\" data-skin=\"cleveland\" data-date=\"1544619460\" >\n    <div class=\"esg-media-cover-wrapper\">\n<div class=\"esg-entry-media\" ><\/div>\n\n            <div class=\"esg-entry-cover esg-transition\" data-delay=\"0\" data-duration=\"default\" data-transition=\"esg-fade\">\n\n                <div class=\"esg-overlay eg-cleveland-container  esg-transition\" data-duration=\"default\" data-transition=\"esg-fade\"><\/div>\n\n\t\t\t\t<div class=\"esg-bottom eg-cleveland-element-1-a eg-post-14666 eg-cleveland-element-1-a esg-transition\" data-delay=\"0.3\" data-duration=\"default\" data-transition=\"esg-rollleft\"><a class=\"eg-cleveland-element-1 eg-post-14666\" data-elementor-open-lightbox=\"yes\" data-thumb=\"\" href=\"\"><i class=\"eg-icon-link-ext\"><\/i><\/a><\/div>\n\t\t\t\t<div class=\"esg-center eg-cleveland-element-2-a eg-post-14666 eg-cleveland-element-2-a esg-transition\" data-delay=\"0.1\" data-duration=\"default\" data-transition=\"esg-flipup\"><a class=\"eg-cleveland-element-2 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/complete-list-of-symbols-for-your-website\/\" target=\"_self\"><p>READ MORE<\/p><\/a><\/div>\n           <\/div>\n<div class=\"esg-entry-content eg-cleveland-content\" >\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-0 eg-post-14666 eg-cleveland-element-0\">Complete list of symbols for your website<\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-3 eg-post-14666 eg-cleveland-element-3\">12 de December de 2018<\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-4-a eg-post-14666 eg-cleveland-element-4-a\"><a class=\"eg-cleveland-element-4 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/category\/creatividad-y-diseno\/\" title=\"View all posts in Creatividad y dise\u00f1o\" rel=\"category tag\">Creatividad y dise\u00f1o<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/category\/creativity-and-design\/\" title=\"View all posts in Creativity and design\" rel=\"category tag\">Creativity and design<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/category\/marketing-and-communication\/\" title=\"View all posts in Marketing and communication\" rel=\"category tag\">Marketing and communication<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/category\/marketing-y-comunicacion\/\" title=\"View all posts in Marketing y comunicaci\u00f3n\" rel=\"category tag\">Marketing y comunicaci\u00f3n<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/category\/wordpress-2\/\" title=\"View all posts in Wordpress\" rel=\"category tag\">Wordpress<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14666\" href=\"https:\/\/marabelia.com\/en\/category\/wordpress\/\" title=\"View all posts in Wordpress\" rel=\"category tag\">Wordpress<\/a><\/div>\n              <div class=\"esg-content eg-cleveland-element-22 esg-none esg-clear esg-line-break\"><\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-6 eg-post-14666 eg-cleveland-element-6\">What is a web symbol?\r\nWeb symbols or HTML symbols are short HTML snippets, commonly referred...<\/div>\n<\/div>   <\/div>\n\n<\/li>\n<li id=\"eg-4-post-id-14648_6825\" class=\"filterall eg-cleveland-wrapper filter-creatividad-y-diseno filter-creativity-and-design filter-marketing-and-communication filter-marketing-y-comunicacion filter-wordpress-2 filter-wordpress filter-opcional-en eg-post-id-14648\" data-skin=\"cleveland\" data-date=\"1557931077\" >\n    <div class=\"esg-media-cover-wrapper\">\n<div class=\"esg-entry-media\" ><img loading=\"lazy\" decoding=\"async\" class=\"esg-entry-media-img\"  src=\"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png\" data-no-lazy=\"1\" alt=\"\" title=\"Anagrama Marabelia\" width=\"1080\" height=\"1080\"><\/div>\n\n            <div class=\"esg-entry-cover esg-transition\" data-delay=\"0\" data-duration=\"default\" data-transition=\"esg-fade\">\n\n                <div class=\"esg-overlay eg-cleveland-container  esg-transition\" data-duration=\"default\" data-transition=\"esg-fade\"><\/div>\n\n\t\t\t\t<div class=\"esg-bottom eg-cleveland-element-1-a eg-post-14648 eg-cleveland-element-1-a esg-transition\" data-delay=\"0.3\" data-duration=\"default\" data-transition=\"esg-rollleft\"><a class=\"eg-cleveland-element-1 eg-post-14648 esgbox\" data-elementor-open-lightbox=\"yes\" data-thumb=\"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia-200x200.png\" href=\"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png\" data-width=\"1080\"  data-height=\"1080\" ><i class=\"eg-icon-link-ext\"><\/i><\/a><\/div>\n\t\t\t\t<div class=\"esg-center eg-cleveland-element-2-a eg-post-14648 eg-cleveland-element-2-a esg-transition\" data-delay=\"0.1\" data-duration=\"default\" data-transition=\"esg-flipup\"><a class=\"eg-cleveland-element-2 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/beautiful-websites-examples-of-stunning-business-websites\/\" target=\"_self\"><p>READ MORE<\/p><\/a><\/div>\n           <\/div>\n<div class=\"esg-entry-content eg-cleveland-content\" >\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-0 eg-post-14648 eg-cleveland-element-0\">Beautiful Websites. Examples of Stunning Business Websites<\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-3 eg-post-14648 eg-cleveland-element-3\">15 de May de 2019<\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-4-a eg-post-14648 eg-cleveland-element-4-a\"><a class=\"eg-cleveland-element-4 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/category\/creatividad-y-diseno\/\" title=\"View all posts in Creatividad y dise\u00f1o\" rel=\"category tag\">Creatividad y dise\u00f1o<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/category\/creativity-and-design\/\" title=\"View all posts in Creativity and design\" rel=\"category tag\">Creativity and design<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/category\/marketing-and-communication\/\" title=\"View all posts in Marketing and communication\" rel=\"category tag\">Marketing and communication<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/category\/marketing-y-comunicacion\/\" title=\"View all posts in Marketing y comunicaci\u00f3n\" rel=\"category tag\">Marketing y comunicaci\u00f3n<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/category\/wordpress-2\/\" title=\"View all posts in Wordpress\" rel=\"category tag\">Wordpress<\/a>, <a class=\"eg-cleveland-element-4 eg-post-14648\" href=\"https:\/\/marabelia.com\/en\/category\/wordpress\/\" title=\"View all posts in Wordpress\" rel=\"category tag\">Wordpress<\/a><\/div>\n              <div class=\"esg-content eg-cleveland-element-22 esg-none esg-clear esg-line-break\"><\/div>\n\t\t\t\t<div class=\"esg-content eg-cleveland-element-6 eg-post-14648 eg-cleveland-element-6\">Beautiful Websites?\r\nWhat factors determine the beauty of a website? How can we achieve an attractive,...<\/div>\n<\/div>   <\/div>\n\n<\/li>\n<\/ul>\n    <\/div>\n\n<\/article>\n<div class=\"clear\"><\/div>\n<script type=\"text\/javascript\">var essapi_4_1;window.ESG ??={};window.ESG.E ??={};window.ESG.E.crossorigin=false;window.ESG.inits ??={};window.ESG.inits.v4_1 ??={state:false};window.ESG.inits.v4_1.checkResources=() =>{if (window.ESG.inits.v4_1.state) return;if (typeof jQuery==='undefined' ||!jQuery?.fn?.tpessential) return setTimeout(window.ESG.inits.v4_1.checkResources,29);window.ESG.inits.v4_1.state=true;window.ESG.inits.v4_1.call();};window.ESG.inits.v4_1.call=() =>{jQuery(document).ready(function(){var lightboxOptions={margin:[0,0,0,0],buttons:[\"share\",\"thumbs\",\"close\"],infobar:true,loop:true,slideShow:{\"autoStart\":false,\"speed\":3000},videoAutoPlay:true,animationEffect:\"fade\",animationDuration:500,beforeShow:function(a,c){var i=0,multiple=false;a=a.slides;for(var b in a){i++;if (i > 1){multiple=true;break;}};if (!multiple) jQuery(\"body\").addClass(\"esgbox-single\");if (c.type ===\"image\") jQuery(\".esgbox-button--zoom\").show();if (c.contentType ===\"html\") c.$slide.addClass(\"esgbox-slide--overflow-\" + c.opts.overflow);},beforeLoad:function(a,b){jQuery(\"body\").removeClass(\"esg-four-by-three\");if (b.opts.$orig.data(\"ratio\") ===\"4:3\") jQuery(\"body\").addClass(\"esg-four-by-three\");},afterLoad:function() {jQuery(window).trigger(\"resize.esglb\");},afterClose:function() {jQuery(\"body\").removeClass(\"esgbox-hidearrows esgbox-single\");},transitionEffect:\"fade\",transitionDuration:366,hash:\"group\",arrows:true,wheel:false,touch:{vertical:true,momentum:true },baseClass:\"esgbox-container-4\",captionPosition:\"bottom\",overflow:\"auto\",};jQuery(\"#esg-grid-4-1\").data(\"lightboxsettings\",lightboxOptions);essapi_4_1=jQuery(\"#esg-grid-4-1\").tpessential({gridID:4,layout:\"masonry\",waitForViewport:\"on\",lazyLoad:\"off\",row:2,apiName:\"essapi_4_1\",loadMoreAjaxToken:\"9cedfc46b7\",loadMoreAjaxUrl:\"https:\/\/marabelia.com\/wp-admin\/admin-ajax.php\",loadMoreAjaxAction:\"Essential_Grid_Front_request_ajax\",ajaxContentTarget:\"ess-grid-ajax-container-\",ajaxScrollToOffset:\"0\",ajaxCloseButton:\"off\",ajaxContentSliding:\"on\",ajaxScrollToOnLoad:\"on\",ajaxCallbackArgument:\"off\",ajaxNavButton:\"off\",ajaxCloseType:\"type1\",ajaxCloseInner:\"false\",ajaxCloseStyle:\"light\",ajaxClosePosition:\"tr\",space:30,pageAnimation:\"fade\",videoPlaybackInGrid:\"on\",videoLoopInGrid:\"on\",videoPlaybackOnHover:\"off\",videoInlineMute:\"on\",videoInlineControls:\"off\",keepLayersInline:\"off\",startAnimation:\"none\",startAnimationSpeed:1000,startAnimationDelay:100,startAnimationType:\"item\",animationType:\"item\",paginationScrollToTop:\"off\",paginationAutoplay:\"off\",spinner:\"spinner0\",minVisibleItems:3,lightBoxMode:\"single\",lightboxHash:\"group\",lightboxPostMinWid:\"75%\",lightboxPostMaxWid:\"75%\",lightboxSpinner:\"off\",lightBoxFeaturedImg:\"off\",lightBoxPostTitle:\"off\",lightBoxPostTitleTag:\"h2\",lightboxMargin:\"0|0|0|0\",lbContentPadding:\"0|0|0|0\",lbContentOverflow:\"auto\",animSpeed:1000,delayBasic:1,mainhoverdelay:1,filterType:\"single\",showDropFilter:\"hover\",filterGroupClass:\"esg-fgc-4\",filterNoMatch:\"No Items for the Selected Filter\",filterDeepLink:\"off\",hideMarkups:\"on\",youtubeNoCookie:\"false\",convertFilterMobile:false,convertFilterMobileWidth:768,paginationSwipe:\"off\",paginationDragVer:\"on\",pageSwipeThrottle:30,hideBlankItemsAt:\"1\",responsiveEntries:[{width:1900,amount:3,mmheight:0},{width:1400,amount:3,mmheight:0},{width:1170,amount:3,mmheight:0},{width:1024,amount:3,mmheight:0},{width:960,amount:2,mmheight:0},{width:778,amount:2,mmheight:0},{width:640,amount:2,mmheight:0},{width:480,amount:1,mmheight:0},]  });});};if (document.readyState ===\"loading\")document.addEventListener('readystatechange',function(){if (document.readyState ===\"interactive\" ||document.readyState ===\"complete\") window.ESG.inits.v4_1.checkResources();});else window.ESG.inits.v4_1.checkResources();<\/script>\n\n<p>&nbsp;<\/p>\n<h2 style=\"text-align: justify;\">What is a Custom Programmed Grid?<\/h2>\n<p style=\"text-align: justify;\">Unlike the basic grid, in a custom grid we program the interactivity and design tailor-made according to the client\u2019s specific requirements. We can change colors, functions, and interactions to create truly amazing effects. Have you seen the call to action in the footer of our home page? It\u2019s a customized Essential Grid grid.<\/p>\n<p style=\"text-align: justify;\">We are capable of creating any interactivity and design you ask for. The only limit is our imagination.<\/p>\n<p>&nbsp;<\/p>\n<h3>If you have any questions about what we can do, <a href=\"https:\/\/marabelia.com\/en\/contact\/\">contact<\/a> us.<\/h3>\n[\/vc_column_text][\/vc_column][\/vc_row]\n<\/div>","protected":false},"excerpt":{"rendered":"[vc_row][vc_column][vc_column_text] Examples of Interactive Grids for Websites A grid -in the web environment- is a layout with several elements that share a category and\/or a common theme. For example, we can create a grid with our most prominent services, portfolio projects, products from our online store, or our latest blog posts. &nbsp; In a grid, [&#8230;]\n","protected":false},"author":1,"featured_media":13484,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[77,99,98],"tags":[],"class_list":["post-14646","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-creativity-and-design","category-plugins-wordpress-2","category-wordpress-2"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>What is a grid? &#8226; Marabelia | Agencia Digital en Valencia<\/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:\/\/marabelia.com\/en\/what-is-a-grid\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What is a grid? &#8226; Marabelia | Agencia Digital en Valencia\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column][vc_column_text] Examples of Interactive Grids for Websites A grid -in the web environment- is a layout with several elements that share a category and\/or a common theme. For example, we can create a grid with our most prominent services, portfolio projects, products from our online store, or our latest blog posts. &nbsp; In a grid, [...]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/marabelia.com\/en\/what-is-a-grid\/\" \/>\n<meta property=\"og:site_name\" content=\"Marabelia | Agencia Digital en Valencia\" \/>\n<meta property=\"article:published_time\" content=\"2019-05-17T14:09:45+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-06-19T10:52:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/que-es-un-grid.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"707\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Marabelia | Dise\u00f1o web &amp; marketing digital\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Marabelia | Dise\u00f1o web &amp; marketing digital\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/\"},\"author\":{\"name\":\"Marabelia | Dise\u00f1o web &amp; marketing digital\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/person\\\/578fe3c7a9aacdb90adccac7ed5ab320\"},\"headline\":\"What is a grid?\",\"datePublished\":\"2019-05-17T14:09:45+00:00\",\"dateModified\":\"2025-06-19T10:52:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/\"},\"wordCount\":378,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/que-es-un-grid.png\",\"articleSection\":[\"Creativity and design\",\"Plugins WordPress\",\"Wordpress\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/\",\"url\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/\",\"name\":\"What is a grid? &#8226; Marabelia | Agencia Digital en Valencia\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/que-es-un-grid.png\",\"datePublished\":\"2019-05-17T14:09:45+00:00\",\"dateModified\":\"2025-06-19T10:52:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#primaryimage\",\"url\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/que-es-un-grid.png\",\"contentUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2018\\\/02\\\/que-es-un-grid.png\",\"width\":1200,\"height\":707},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/en\\\/what-is-a-grid\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\\\/\\\/marabelia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What is a grid?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#website\",\"url\":\"https:\\\/\\\/marabelia.com\\\/\",\"name\":\"Marabelia\",\"description\":\"Dise\u00f1o web, dise\u00f1o gr\u00e1fico, marketing online y redes sociales.\",\"publisher\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\"},\"alternateName\":\"MARABELIA. Dise\u00f1o Web Valencia.\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/marabelia.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#organization\",\"name\":\"Marabelia\",\"url\":\"https:\\\/\\\/marabelia.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Anagrama-Marabelia.png\",\"contentUrl\":\"https:\\\/\\\/marabelia.com\\\/wp-content\\\/uploads\\\/2025\\\/12\\\/Anagrama-Marabelia.png\",\"width\":1080,\"height\":1080,\"caption\":\"Marabelia\"},\"image\":{\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/marabelia.com\\\/#\\\/schema\\\/person\\\/578fe3c7a9aacdb90adccac7ed5ab320\",\"name\":\"Marabelia | Dise\u00f1o web &amp; marketing digital\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g\",\"caption\":\"Marabelia | Dise\u00f1o web &amp; marketing digital\"},\"sameAs\":[\"https:\\\/\\\/marabelia.com\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What is a grid? &#8226; Marabelia | Agencia Digital en Valencia","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:\/\/marabelia.com\/en\/what-is-a-grid\/","og_locale":"en_US","og_type":"article","og_title":"What is a grid? &#8226; Marabelia | Agencia Digital en Valencia","og_description":"[vc_row][vc_column][vc_column_text] Examples of Interactive Grids for Websites A grid -in the web environment- is a layout with several elements that share a category and\/or a common theme. For example, we can create a grid with our most prominent services, portfolio projects, products from our online store, or our latest blog posts. &nbsp; In a grid, [...]","og_url":"https:\/\/marabelia.com\/en\/what-is-a-grid\/","og_site_name":"Marabelia | Agencia Digital en Valencia","article_published_time":"2019-05-17T14:09:45+00:00","article_modified_time":"2025-06-19T10:52:06+00:00","og_image":[{"width":1200,"height":707,"url":"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/que-es-un-grid.png","type":"image\/png"}],"author":"Marabelia | Dise\u00f1o web &amp; marketing digital","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Marabelia | Dise\u00f1o web &amp; marketing digital","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#article","isPartOf":{"@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/"},"author":{"name":"Marabelia | Dise\u00f1o web &amp; marketing digital","@id":"https:\/\/marabelia.com\/#\/schema\/person\/578fe3c7a9aacdb90adccac7ed5ab320"},"headline":"What is a grid?","datePublished":"2019-05-17T14:09:45+00:00","dateModified":"2025-06-19T10:52:06+00:00","mainEntityOfPage":{"@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/"},"wordCount":378,"commentCount":0,"publisher":{"@id":"https:\/\/marabelia.com\/#organization"},"image":{"@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/que-es-un-grid.png","articleSection":["Creativity and design","Plugins WordPress","Wordpress"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/marabelia.com\/en\/what-is-a-grid\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/","url":"https:\/\/marabelia.com\/en\/what-is-a-grid\/","name":"What is a grid? &#8226; Marabelia | Agencia Digital en Valencia","isPartOf":{"@id":"https:\/\/marabelia.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#primaryimage"},"image":{"@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#primaryimage"},"thumbnailUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/que-es-un-grid.png","datePublished":"2019-05-17T14:09:45+00:00","dateModified":"2025-06-19T10:52:06+00:00","breadcrumb":{"@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/marabelia.com\/en\/what-is-a-grid\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#primaryimage","url":"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/que-es-un-grid.png","contentUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2018\/02\/que-es-un-grid.png","width":1200,"height":707},{"@type":"BreadcrumbList","@id":"https:\/\/marabelia.com\/en\/what-is-a-grid\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/marabelia.com\/en\/"},{"@type":"ListItem","position":2,"name":"What is a grid?"}]},{"@type":"WebSite","@id":"https:\/\/marabelia.com\/#website","url":"https:\/\/marabelia.com\/","name":"Marabelia","description":"Dise\u00f1o web, dise\u00f1o gr\u00e1fico, marketing online y redes sociales.","publisher":{"@id":"https:\/\/marabelia.com\/#organization"},"alternateName":"MARABELIA. Dise\u00f1o Web Valencia.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/marabelia.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/marabelia.com\/#organization","name":"Marabelia","url":"https:\/\/marabelia.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/marabelia.com\/#\/schema\/logo\/image\/","url":"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png","contentUrl":"https:\/\/marabelia.com\/wp-content\/uploads\/2025\/12\/Anagrama-Marabelia.png","width":1080,"height":1080,"caption":"Marabelia"},"image":{"@id":"https:\/\/marabelia.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/marabelia.com\/#\/schema\/person\/578fe3c7a9aacdb90adccac7ed5ab320","name":"Marabelia | Dise\u00f1o web &amp; marketing digital","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/87b0e960b549e14d44b3d54f5f2ed80a37ea4558d15db3d525f1de972501f8b8?s=96&d=mm&r=g","caption":"Marabelia | Dise\u00f1o web &amp; marketing digital"},"sameAs":["https:\/\/marabelia.com"]}]}},"_links":{"self":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/comments?post=14646"}],"version-history":[{"count":1,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14646\/revisions"}],"predecessor-version":[{"id":14647,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/posts\/14646\/revisions\/14647"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/media\/13484"}],"wp:attachment":[{"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/media?parent=14646"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/categories?post=14646"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/marabelia.com\/en\/wp-json\/wp\/v2\/tags?post=14646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}