{"id":2986,"date":"2016-01-12T17:26:06","date_gmt":"2016-01-12T17:26:06","guid":{"rendered":"http:\/\/flatsome.dev\/?page_id=3569"},"modified":"2026-05-21T11:41:01","modified_gmt":"2026-05-21T16:41:01","slug":"image-box","status":"publish","type":"page","link":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/","title":{"rendered":"Image Box"},"content":{"rendered":"<div class=\"banner has-hover\" id=\"banner-1374507786\">\n          <div class=\"banner-inner fill\">\n        <div class=\"banner-bg fill\" >\n            <img loading=\"lazy\" decoding=\"async\" width=\"1000\" height=\"650\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-2.jpg\" class=\"bg attachment-large size-large\" alt=\"\" \/>                        <div class=\"overlay\"><\/div>            \n                    <\/div>\n\t\t\n        <div class=\"banner-layers container\">\n            <div class=\"fill banner-link\"><\/div>            \n   <div id=\"text-box-81403788\" class=\"text-box banner-layer x50 md-x50 lg-x50 y50 md-y50 lg-y50 res-text\">\n                                <div class=\"text-box-content text dark\">\n              \n              <div class=\"text-inner text-center\">\n                  \n<h3 class=\"uppercase\"><strong>IMAGE BOX ELEMENT<\/strong><\/h3>\n<p class=\"lead\">Create amazing image boxes with unlimited style options.<\/p>\n              <\/div>\n           <\/div>\n                            \n<style>\n#text-box-81403788 {\n  width: 60%;\n}\n#text-box-81403788 .text-box-content {\n  font-size: 100%;\n}\n<\/style>\n    <\/div>\n \n        <\/div>\n      <\/div>\n\n            \n<style>\n#banner-1374507786 {\n  padding-top: 500px;\n}\n#banner-1374507786 .overlay {\n  background-color: rgba(0, 0, 0, 0.42);\n}\n<\/style>\n  <\/div>\n\n\n\n\t<section class=\"section\" id=\"section_541859278\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-992257552\">\n\n\t<div id=\"col-30355129\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Simple Style<\/h4>\n<p>Some smaller text<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1032918324\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-bounce box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Bounce\u00a0Style<\/h4>\n<p>Add anything here<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1602718608\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-badge hover-dark box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Badge\u00a0Style<\/h4>\n<p>You can add shortcodes here<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-388457464\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-overlay dark box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:1\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h2>Overlay Style<\/h2>\n<p class=\"lead\">Add any\u00a0elements here..<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1001481291\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-label box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Label\u00a0Style<\/h4>\n<p>Add any\u00a0elements here..<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-305970816\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-shade dark box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t<div class=\"shade\"><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Shade Style<\/h4>\n<p class=\"lead\">Add any\u00a0elements here..<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-478678031\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-push box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:90%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text show-on-hover hover-bounce text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h2>Push Style<\/h2>\n<p>Add any\u00a0elements here..<\/p>\n<div class=\"is-divider divider clearfix\" ><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-439160047\" class=\"col medium-8 large-8\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-2 box-shadow-5-hover\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-vertical box-text-bottom\" >\n\n\t\t<div class=\"box-image\" style=\"width:48%;\">\n\t\t\t\t\t\t<div class=\"\" >\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h2>Vertical Style Boxed<\/h2>\n<p class=\"lead\">Add any\u00a0elements here..<\/p>\n<a class=\"button secondary is-outline\" style=\"border-radius:10px;\">\n\t\t<span>A button<\/span>\n\t<\/a>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_541859278 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_128449210\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n<div class=\"row\"  id=\"row-118832142\">\n\n\t<div id=\"col-742511656\" class=\"col large-12\"  >\n\t\t\t\t<div class=\"col-inner text-center\"  >\n\t\t\t\n\t\t\t\n<h2>Create any kind of Image box by using the options in the Page Builder.<\/h2>\n<p class=\"lead\">We have created many examples here. Mix and Match effects to create your perfect Image Box<\/p>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1389297005\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner box-shadow-1\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:100%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Simple Centered Style<\/h4>\n<p>Some smaller text<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1314864493\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-shadow-1 box-bounce box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:100%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center dark\" style=\"background-color:rgb(66, 66, 66);\">\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Bounce\u00a0Style<\/h4>\n<p>Add anything here<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-325854738\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-overlay dark box-text-middle\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-blur image-cover\" style=\"padding-top:125%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:1\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text show-on-hover hover-zoom-in text-center is-small\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h2>Overlay Style With Blur and Zoom<\/h2>\n<p>Add any\u00a0elements here..<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1799676177\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-overlay dark box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:100%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t<div class=\"overlay\" style=\"background-color:1\"><\/div>\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Circle with Blur In Effect<\/h4>\n<p>Add any\u00a0elements here..<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-2008792856\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-shade dark box-text-bottom\" >\n\n\t\t<div class=\"box-image\" >\n\t\t\t\t\t\t<div class=\"image-cover\" style=\"padding-top:116%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t<div class=\"shade\"><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h4>Simple Shade \u00a0Style<\/h4>\n<p class=\"lead\">A beautiful box.<\/p>\n<a class=\"button white is-white\" >\n\t\t<span>Quick View<\/span>\n\t<\/a>\n\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n\n\t<div id=\"col-1380699048\" class=\"col medium-4 large-4\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\t<div class=\"box has-hover   has-hover box-shade dark box-text-middle\" >\n\n\t\t<div class=\"box-image\" style=\"border-radius:100%;\">\n\t\t\t\t\t\t<div class=\"image-zoom image-cover\" style=\"padding-top:100%;\">\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"400\" height=\"260\" src=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg\" class=\"attachment- size-\" alt=\"\" srcset=\"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg 400w, https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1-300x195.jpg 300w\" sizes=\"auto, (max-width: 400px) 100vw, 400px\" \/>\t\t\t\t\t\t\t\t<div class=\"shade\"><\/div>\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\t<div class=\"box-text show-on-hover hover-bounce text-center\" >\n\t\t\t<div class=\"box-text-inner\">\n\t\t\t\t\n<h3 class=\"uppercase\">Circle Image<\/h3>\n<p class=\"lead\">Create this by adding radius 100% to the image.<\/p>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\n\t\n<\/div>\n\t\t<\/div>\n\n\t\t\n<style>\n#section_128449210 {\n  padding-top: 30px;\n  padding-bottom: 30px;\n}\n<\/style>\n\t<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":2941,"parent":3021,"menu_order":15,"comment_status":"closed","ping_status":"closed","template":"page-blank.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2986","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.8 - aioseo.com -->\n\t<meta name=\"description\" content=\"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.8\" \/>\n\t\t<meta property=\"og:locale\" content=\"en_US\" \/>\n\t\t<meta property=\"og:site_name\" content=\"Mochica Sumpa - Derechos de la Vida\" \/>\n\t\t<meta property=\"og:type\" content=\"article\" \/>\n\t\t<meta property=\"og:title\" content=\"Image Box - Mochica Sumpa\" \/>\n\t\t<meta property=\"og:description\" content=\"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any\" \/>\n\t\t<meta property=\"og:url\" content=\"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/\" \/>\n\t\t<meta property=\"article:published_time\" content=\"2016-01-12T17:26:06+00:00\" \/>\n\t\t<meta property=\"article:modified_time\" content=\"2026-05-21T16:41:01+00:00\" \/>\n\t\t<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n\t\t<meta name=\"twitter:title\" content=\"Image Box - Mochica Sumpa\" \/>\n\t\t<meta name=\"twitter:description\" content=\"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en#listItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/#listItem\",\"name\":\"Elements\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/#listItem\",\"position\":2,\"name\":\"Elements\",\"item\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#listItem\",\"name\":\"Image Box\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en#listItem\",\"name\":\"Inicio\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#listItem\",\"position\":3,\"name\":\"Image Box\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/#listItem\",\"name\":\"Elements\"}}]},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/#organization\",\"name\":\"Mochica Sumpa\",\"description\":\"Derechos de la Vida\",\"url\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#webpage\",\"url\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/\",\"name\":\"Image Box - Mochica Sumpa\",\"description\":\"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any\",\"inLanguage\":\"en-US\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#breadcrumblist\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/mochicasumpa.ec\\\/wp-content\\\/uploads\\\/2016\\\/08\\\/dummy-1.jpg\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#mainImage\",\"width\":400,\"height\":260},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/elements\\\/image-box\\\/#mainImage\"},\"datePublished\":\"2016-01-12T17:26:06-05:00\",\"dateModified\":\"2026-05-21T11:41:01-05:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/\",\"name\":\"Mochica Sumpa\",\"description\":\"Derechos de la Vida\",\"inLanguage\":\"en-US\",\"publisher\":{\"@id\":\"https:\\\/\\\/mochicasumpa.ec\\\/en\\\/#organization\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Image Box - Mochica Sumpa","description":"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any","canonical_url":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/","robots":"max-image-preview:large","keywords":"","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"BreadcrumbList","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en#listItem","position":1,"name":"Inicio","item":"https:\/\/mochicasumpa.ec\/en","nextItem":{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/#listItem","name":"Elements"}},{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/#listItem","position":2,"name":"Elements","item":"https:\/\/mochicasumpa.ec\/en\/elements\/","nextItem":{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#listItem","name":"Image Box"},"previousItem":{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en#listItem","name":"Inicio"}},{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#listItem","position":3,"name":"Image Box","previousItem":{"@type":"ListItem","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/#listItem","name":"Elements"}}]},{"@type":"Organization","@id":"https:\/\/mochicasumpa.ec\/en\/#organization","name":"Mochica Sumpa","description":"Derechos de la Vida","url":"https:\/\/mochicasumpa.ec\/en\/"},{"@type":"WebPage","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#webpage","url":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/","name":"Image Box - Mochica Sumpa","description":"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any","inLanguage":"en-US","isPartOf":{"@id":"https:\/\/mochicasumpa.ec\/en\/#website"},"breadcrumb":{"@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#breadcrumblist"},"image":{"@type":"ImageObject","url":"https:\/\/mochicasumpa.ec\/wp-content\/uploads\/2016\/08\/dummy-1.jpg","@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#mainImage","width":400,"height":260},"primaryImageOfPage":{"@id":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/#mainImage"},"datePublished":"2016-01-12T17:26:06-05:00","dateModified":"2026-05-21T11:41:01-05:00"},{"@type":"WebSite","@id":"https:\/\/mochicasumpa.ec\/en\/#website","url":"https:\/\/mochicasumpa.ec\/en\/","name":"Mochica Sumpa","description":"Derechos de la Vida","inLanguage":"en-US","publisher":{"@id":"https:\/\/mochicasumpa.ec\/en\/#organization"}}]},"og:locale":"en_US","og:site_name":"Mochica Sumpa - Derechos de la Vida","og:type":"article","og:title":"Image Box - Mochica Sumpa","og:description":"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any","og:url":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/","article:published_time":"2016-01-12T17:26:06+00:00","article:modified_time":"2026-05-21T16:41:01+00:00","twitter:card":"summary_large_image","twitter:title":"Image Box - Mochica Sumpa","twitter:description":"IMAGE BOX ELEMENT Create amazing image boxes with unlimited style options. Simple Style Some smaller text Bounce Style Add anything here Badge Style You can add shortcodes here Overlay Style Add any elements here.. Label Style Add any elements here.. Shade Style Add any elements here.. Push Style Add any elements here.. Vertical Style Boxed Add any elements here.. A button Create any"},"aioseo_meta_data":{"post_id":"2986","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[]},"schema_type":"default","schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"local_seo":null,"limit_modified_date":false,"created":"2026-05-21 16:56:24","updated":"2026-05-21 16:56:24","ai":null,"breadcrumb_settings":null,"seo_analyzer_scan_date":null},"aioseo_breadcrumb":"<div class=\"aioseo-breadcrumbs\"><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mochicasumpa.ec\/en\" title=\"Inicio\">Inicio<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\t<a href=\"https:\/\/mochicasumpa.ec\/en\/elements\/\" title=\"Elements\">Elements<\/a>\n\t\t<\/span><span class=\"aioseo-breadcrumb-separator\">&raquo;<\/span><span class=\"aioseo-breadcrumb\">\n\t\t\tImage Box\n\t\t<\/span><\/div>","aioseo_breadcrumb_json":[{"label":"Inicio","link":"https:\/\/mochicasumpa.ec\/en"},{"label":"Elements","link":"https:\/\/mochicasumpa.ec\/en\/elements\/"},{"label":"Image Box","link":"https:\/\/mochicasumpa.ec\/en\/elements\/image-box\/"}],"_links":{"self":[{"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/pages\/2986","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/comments?post=2986"}],"version-history":[{"count":1,"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/pages\/2986\/revisions"}],"predecessor-version":[{"id":3056,"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/pages\/2986\/revisions\/3056"}],"up":[{"embeddable":true,"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/pages\/3021"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/media\/2941"}],"wp:attachment":[{"href":"https:\/\/mochicasumpa.ec\/en\/wp-json\/wp\/v2\/media?parent=2986"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}