{"_id":"@ecomailcz/mjml-hero","_rev":"7-558c5e8fca1234d1de791fee948e339b","name":"@ecomailcz/mjml-hero","dist-tags":{"latest":"4.4.0-ecm-28"},"versions":{"4.4.0-ecm-23":{"name":"@ecomailcz/mjml-hero","version":"4.4.0-ecm-23","license":"MIT","_id":"@ecomailcz/mjml-hero@4.4.0-ecm-23","maintainers":[{"name":"tomsq","email":"finixit@email.cz"},{"name":"ecomail","email":"jan@ecomail.cz"}],"homepage":"https://mjml.io/","bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"dist":{"shasum":"d99d8f360fc39762af3d6644d9a569ec75a9825e","tarball":"https://registry.npmjs.org/@ecomailcz/mjml-hero/-/mjml-hero-4.4.0-ecm-23.tgz","fileCount":5,"integrity":"sha512-kzTFSfQEETwdCWUs9CgQc350v+xF57bxoIGy+8Ve6a/qQ3BlWU66tiEWxZcSBmdy044Ln0rjOFwv/HIzhQjYLQ==","signatures":[{"sig":"MEYCIQC8hPHqupHHYq71L6hYZkSb/92y3EdDwyvMnTO2induGAIhAKobla0Vgm9pVNPgZBc7cynhKIL95tdSkmvhXuSWIgfX","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5XmMCRA9TVsSAnZWagAAWuoQAIK5X+ZulHJi8M7eCHB9\njhnShq1imbQFWWIoQAXE0vk7GGAzum3hcpukmgH9/cdd1BUPFCi33a1D60+i\nkJOjUwhin0ekT8eEJd0IS4l683OvapTOz0hGAZby9y3/xE2uw893qaIc8kMU\n0W4fcDZ5v+xk0gLlhaMAdsDW4ryc0ZNCIouVFGwboNLqTtsYDJh95IZQs8of\nAUSuoLK9gNmLmo0kMkWb5Oh5Wa3YAaixov705vXtF5o/GwG3mLfE0ybHe9AF\nWd/1DzKvb2W224ZJB8BXbkUfzeUJRVwt/bkgg6EBOZiYb5/VxwRmqmPwb3M0\n1LDKZydAv5KjnCoxKMuoJq1vFg60bwqnpxJEb+1fhuWs16xa1fAflp32n+2f\nTPDG6/AP4qcYC1Zg0PtooNR40tsIpRKEY5o99/GGsr+q+DCiZx4PBwHrJhX/\nHwkgod/mSGczeRdZv0V8Zj6Um24IcrRs+9OVh33FB/Qwk6VVsjxswE3ouhSa\nVTDetKrVF7u88gw0XCetIa3PjiZbG8uDrweLXeG/tJC39R45xd0W3Bas8sy/\nlrUa/C+SUvQqID7V4tiQg096MNhwkcINZvchqRlCTtTotOsvs+LPaLhd0jaN\neWnZoHIkfVL1ePSo0FKzdK8Ma6oFTqNy+qBpKXEW+TPgcAFHs9L2x5nM+9Gm\nAG6p\r\n=gjAU\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"build":"cross-env ../../node_modules/.bin/babel src --out-dir lib","clean":"cross-env ../../node_modules/.bin/rimraf lib"},"_npmUser":{"name":"tomsq","email":"finixit@email.cz"},"repository":{"url":"git+https://github.com/mjmlio/mjml.git","type":"git"},"description":"@ecomailcz/mjml-hero","directories":{},"dependencies":{"lodash":"^4.17.2","babel-runtime":"^6.26.0","@ecomailcz/mjml-core":"4.4.0-ecm-23"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cross-env":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/mjml-hero_4.4.0-ecm-23_1625651595818_0.7848506323796824","host":"s3://npm-registry-packages"}},"4.4.0-ecm-24":{"name":"@ecomailcz/mjml-hero","version":"4.4.0-ecm-24","license":"MIT","_id":"@ecomailcz/mjml-hero@4.4.0-ecm-24","maintainers":[{"name":"tomsq","email":"finixit@email.cz"},{"name":"ecomail","email":"jan@ecomail.cz"}],"homepage":"https://mjml.io/","bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"dist":{"shasum":"0d025476aef93218bd4c8cbf06166f43c5371c7c","tarball":"https://registry.npmjs.org/@ecomailcz/mjml-hero/-/mjml-hero-4.4.0-ecm-24.tgz","fileCount":5,"integrity":"sha512-jzWxRHeWr4/2R6p5L/VjwY9EFHzL2ZHBJAA2aT+MU2Mw7DdqQ0bW1dWLRyhWArI/xLzCWouuZ9/QR8IHu2DuDg==","signatures":[{"sig":"MEQCIDeV78kKTbslaDjL8qxMPZiytV8v6Mc+H8nbb77a00AaAiAIP0/8rXCFBY/mmcqIXm8DvV7AsHFpNhlLJwgeWGDj1g==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg5adZCRA9TVsSAnZWagAAPtEP+gIxzCz8ML0fitoL0fCU\ndgOIyZfWd3SDW0uhBNueYINGbQjqDa8uVHmMhsaLIrEFHvGtCyXTFEMo2cJ2\na7X+lES11QVtKz5zSLUoBkgT1mEhaLGzPZHVAt96kaSzc7KQpjU1zdyQfnx8\npX3+qDdD3aA1BgHp3EVMyabj/Nnba6MQdXJMY41j47aQjn0X9EKyKzXhcvW5\ngyHp0vDDf3nDwE51U7BofwKIuo7wgCVw+B7HhCia5HICVPs/D4RGBsN1YH69\nOb4xyoDvhKW9sOBGYNeHfOBsSKcM+xZnpi4DcRKUd9KHhCRSG7Pim5zrJO9t\ncHJTgSf2MzKlsMQe4D/y+T+0qHpJfUfEenvAWO8j3vv+VS9bUrAjvuoUJwfK\nyGOMQBkGiBdGOnIjUQvIkdOs/qO5d6IPUlbZHOeGXClgMpMRU9gk2Hyylo6W\nGVmXt1kWNU8lMT1tBLRt2tEvB2/ctmaqBHgLnMrPhopzGl8D7Wa3A67+hDzX\nPBzgphI8+KKWkzRv6CWkgzFORAJ77Rr5m0Pb0+DYzp0y1IWKn399HxMlxSv4\npNfxw8tngC3VjiuUmTQ2lz24lcM9lcuu1GwcCwT2m/HHSAgciejtGbANtJ1c\n2WnQ7SJno3KJDQk97IWgjCQKKiP2ZmmbWSxlZgC2SovqOPvYXkE1+FyNtcQ5\n/KPC\r\n=wzjc\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"build":"cross-env ../../node_modules/.bin/babel src --out-dir lib","clean":"cross-env ../../node_modules/.bin/rimraf lib"},"_npmUser":{"name":"tomsq","email":"finixit@email.cz"},"repository":{"url":"git+https://github.com/mjmlio/mjml.git","type":"git"},"description":"@ecomailcz/mjml-hero","directories":{},"dependencies":{"lodash":"^4.17.2","babel-runtime":"^6.26.0","@ecomailcz/mjml-core":"4.4.0-ecm-24"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cross-env":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/mjml-hero_4.4.0-ecm-24_1625663320971_0.5162105117824254","host":"s3://npm-registry-packages"}},"4.4.0-ecm-25":{"name":"@ecomailcz/mjml-hero","version":"4.4.0-ecm-25","license":"MIT","_id":"@ecomailcz/mjml-hero@4.4.0-ecm-25","maintainers":[{"name":"ecomail","email":"jan@ecomail.cz"},{"name":"tomsq","email":"finixit@email.cz"}],"homepage":"https://mjml.io/","bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"dist":{"shasum":"286112da2d45c36988b10e1b73d4286fa92b137a","tarball":"https://registry.npmjs.org/@ecomailcz/mjml-hero/-/mjml-hero-4.4.0-ecm-25.tgz","fileCount":5,"integrity":"sha512-tozkHwjhmOrBBAuYL19N1891dzktrFe4N3bJSyuy/U3RfruJcVxUfHYuY6v175dr3ffivGDsJH8rA12XAr1R9Q==","signatures":[{"sig":"MEUCIBRmDZnAyDVpsWVTGsw+xoOmJgqOgU9/pycDfipQzNOFAiEA5GyeONuE6J+AGX8pPtJrfOsLW0qST/e+PJoTGSgEdXk=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9ptHCRA9TVsSAnZWagAAtakP/RQZmAtDFD8xRwrWBMIs\ndj4fuQLayWdkwVN6vfaEcv6NSDcZDS2tnFWJ4Q+/S4abryUV1z/AAG4J4+jm\nfDGYt8SgicejofL4w2hRY0oxVtJsp5RZBd3RVZzUfcKlsNWv4+gl0PCeBufc\nGeCc9iuEkvCVdUm4CdK3YqBQLJYo74pnNLZiDX83DG2HnwYPyg3pCQsT/mZJ\n6vMSoBHSFAmvqAC9W+tMtdMMEBLpo212DjMGphiLveQlSBjmMWH5s8DZh70K\nwAjIXPfHOYXq9XOGRP5zJRhF9XvZ4kSNQL3TBIL2vUmviOfjvYw/J2JYlsBS\nwQXuXStsCfLcJFWuuMWak24qSRaUME3kxLkOo5n6TaXI61nYf1Pcw8uOZe0w\n2be2dQDLk0gSpYpny+ryUxOgwDsJxoONNr0ui2HOIRKXjnpTFUvbSawRNlvI\nJCedzVGFCZljF9C+67GyJ23xcCvS2Su5rsvJYOX1zc52S8AiLxNybSm4xDVw\nhLnM9Bsmj5iMq+XR1uB+ORllwQYi+Cm+9LecO93+BY1+y/iQiYWT1/t7EMR8\nHsJLeOhJ8xdQ3JddFvoRcSSuqn5eYixiEwpvwOwsdcJ+Nxn1MgBBqY2ASt+P\nyqiOUzYwhUvqPtJ7BSHJhi/nuvp9RKczwnQu1jCLJqmcKwnIW0dRgDIgbcGv\nz4NU\r\n=6jwB\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"build":"cross-env ../../node_modules/.bin/babel src --out-dir lib","clean":"cross-env ../../node_modules/.bin/rimraf lib"},"_npmUser":{"name":"tomsq","email":"finixit@email.cz"},"repository":{"url":"git+https://github.com/mjmlio/mjml.git","type":"git"},"description":"@ecomailcz/mjml-hero","directories":{},"dependencies":{"lodash":"^4.17.2","babel-runtime":"^6.26.0","@ecomailcz/mjml-core":"4.4.0-ecm-25"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cross-env":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/mjml-hero_4.4.0-ecm-25_1626774343601_0.6129312092758983","host":"s3://npm-registry-packages"}},"4.4.0-ecm-26":{"name":"@ecomailcz/mjml-hero","version":"4.4.0-ecm-26","license":"MIT","_id":"@ecomailcz/mjml-hero@4.4.0-ecm-26","maintainers":[{"name":"ecomail","email":"jan@ecomail.cz"},{"name":"tomsq","email":"finixit@email.cz"}],"homepage":"https://mjml.io/","bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"dist":{"shasum":"12b03ca0663cce1fd3aab7bf20258fd9ab2a6d5d","tarball":"https://registry.npmjs.org/@ecomailcz/mjml-hero/-/mjml-hero-4.4.0-ecm-26.tgz","fileCount":5,"integrity":"sha512-HSxwwcX7CtL0zHANbikUj55CQi8Kynu3Ia3/cxsHAD521Q1w3T2JhBanKb1iC6YvUt5/2yUXJin5JIRlYTvr+A==","signatures":[{"sig":"MEUCIQC8AbrKm27jq6kwRICnJpi7z59a7ZUmMdEgY4JRxTjIDgIgA4ZwJAYe70Psc1IlGpGFur78n0dLRjoyG6VAxRSXnOE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9pufCRA9TVsSAnZWagAA5F0QAJDbbtGkbpou1I9f57lU\ny3YvHedJJzufFenmShxEGqmH82xKOOjAvidY5au4wR3MAhcMWHViNzzp3OYp\nwTiFb4WkxuIY7FbBkD7gUHl5rWxdWrjxf9BDGsZFZXaCgtX7u9ukADhTUKdN\nWpxWe6n8aW+0W6aubxBCIQq6LMrzsAsmyAklTftTWg9oGYPS072YlFxaRoFS\nMxs8TyJm/Aoq0v1WWvMML/5JYR/VQTcrhIw2+CudCSgO2q5+Afey6cBg74EC\nzBoQhza+4OMJz1jbw+2cELnt1Uzlvq/0dRsWYt6Cu71K9zWkj96MJbWeXlsL\nepVWfVvaSIy/W8qPk4RmYqpRQah2Ib13WYhhDynwMeWCg8hc6Mlp9K9/G5nn\ns4c6GrFvS4ihc8e3xO8EnmWJ+sup8MiRkGnbnc3NzvqqxZHOJEuEQ8ahiPfo\nsypMM57N2H6qx4aTEVRJ9yX6oiYvJkfeGuVWBoR39/29pDXLrRrO0+BkSON0\nDTG5e2nVO0OQ54GsRDiiY0Yu8toTO/y+GVv3ISM0UMYDeb09ElnkTCWevpRU\n8U2UbuVSXJAZca9YUEVGTsv/vbxXtagcSitfs+EP6/nekV1UTECLvOd4RFLo\nuXaknfUVaTgImhK0A79TeEgX4EybwFoE/PxtQS6bcS9ynp9NRIhhMpAsvY6a\nGmcB\r\n=t7E/\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"build":"cross-env ../../node_modules/.bin/babel src --out-dir lib","clean":"cross-env ../../node_modules/.bin/rimraf lib"},"_npmUser":{"name":"tomsq","email":"finixit@email.cz"},"repository":{"url":"git+https://github.com/mjmlio/mjml.git","type":"git"},"description":"@ecomailcz/mjml-hero","directories":{},"dependencies":{"lodash":"^4.17.2","babel-runtime":"^6.26.0","@ecomailcz/mjml-core":"4.4.0-ecm-26"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cross-env":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/mjml-hero_4.4.0-ecm-26_1626774431362_0.3455549996554499","host":"s3://npm-registry-packages"}},"4.4.0-ecm-27":{"name":"@ecomailcz/mjml-hero","version":"4.4.0-ecm-27","license":"MIT","_id":"@ecomailcz/mjml-hero@4.4.0-ecm-27","maintainers":[{"name":"ecomail","email":"jan@ecomail.cz"},{"name":"tomsq","email":"finixit@email.cz"}],"homepage":"https://mjml.io/","bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"dist":{"shasum":"09922647d15a93196d0b97d9d3d7eeba5c50421d","tarball":"https://registry.npmjs.org/@ecomailcz/mjml-hero/-/mjml-hero-4.4.0-ecm-27.tgz","fileCount":5,"integrity":"sha512-sHLI51ZdXBhONyetSWXJhbkLfSIl2NzRfL1hhZwPgL0MJLiv2aHfd+HWcBKLTQ9vOSEJakJfqTRFlBuG/wf0ag==","signatures":[{"sig":"MEUCIQCprOkXLjVucbdsX8xoqo4XFEbQzG82gaeJC12oNRv7HAIgeHQHAttP4RPbak1Km64VZ+WDCo/SirxhcOZFb/dc7jc=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":18777,"npm-signature":"-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.13\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJg9qTQCRA9TVsSAnZWagAAJ8YP/jhKTgSzAQi65Xp/DZ1K\nMDSRbxQ3kxd10GHOnpbFKazP0MMw8QRZgnj8ALh75bsqkTrIsVVdDkCEyU/p\nnbyTDOc/29eoazNw7d7yc+W+4OEKb9B14YkBhI+V36CzDDdBRJq2wz6dAxyG\nGRhwQxNOrd/BmweLGv/ej28sfrwYDO34W9QSBXWq1kzUilbAQYjaa6xT55T7\nkqNiAc45C4KonN7S+TRT8wSRiL9lWHL7npRjF5DW9i7eP/Z8EzXFsclB+KQC\nGwYBlszPsUA2hnxdkUVidfWveMH0prdJtLOCbhGkRa3asDS8krppscURlvk3\nb5gkcPyg0J5lhm+o0zZhUnCUDuxnnDorKYXyNfn4atKlze6QRM11IIJZ0b04\nw/WXULkJmMoI2kdzaPv/FH5mTovjF9LlwcD1jSSX6ZioXtjj9iikqONNFyVU\nnRVw3TPRnPzZ7rQ2ZlsirpEJmQiNcFQZSnz1gI15xyG1Sl//OcW+xnBgmZ9f\nj59gxKk6TLISEutaADfMrBGB/BI7EEMyZXpFulUdshLfKufuIcaUyC+ipz4y\ntE8BMciVExpEy/OzbsVn0JfLeiBqbn1YXkXRWGpvXRe8VTmvojNeHKdDXBRl\ns6FFkM/lIAnQMnxbROEBkTKWIaBK9cOQFJXniltdDVVrvrQA2Fasw+cCHy9X\nQmwk\r\n=fcZQ\r\n-----END PGP SIGNATURE-----\r\n"},"main":"lib/index.js","scripts":{"build":"cross-env ../../node_modules/.bin/babel src --out-dir lib","clean":"cross-env ../../node_modules/.bin/rimraf lib"},"_npmUser":{"name":"tomsq","email":"finixit@email.cz"},"repository":{"url":"git+https://github.com/mjmlio/mjml.git","type":"git"},"description":"@ecomailcz/mjml-hero","directories":{},"dependencies":{"lodash":"^4.17.2","babel-runtime":"^6.26.0","@ecomailcz/mjml-core":"4.4.0-ecm-27"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"cross-env":"^5.2.0"},"_npmOperationalInternal":{"tmp":"tmp/mjml-hero_4.4.0-ecm-27_1626776784452_0.0887719499586026","host":"s3://npm-registry-packages"}},"4.4.0-ecm-28":{"name":"@ecomailcz/mjml-hero","description":"@ecomailcz/mjml-hero","version":"4.4.0-ecm-28","main":"lib/index.js","publishConfig":{"access":"public"},"repository":{"type":"git","url":"git+https://github.com/mjmlio/mjml.git"},"license":"MIT","bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"homepage":"https://mjml.io/","scripts":{"clean":"cross-env ../../node_modules/.bin/rimraf lib","build":"cross-env ../../node_modules/.bin/babel src --out-dir lib"},"dependencies":{"@ecomailcz/mjml-core":"4.4.0-ecm-28","babel-runtime":"^6.26.0","lodash":"^4.17.2"},"devDependencies":{"cross-env":"^5.2.0"},"_id":"@ecomailcz/mjml-hero@4.4.0-ecm-28","dist":{"shasum":"92eed05bced60e3e62ba356b8ba783f3bb4f1810","integrity":"sha512-PZSpCL7XrK1puks/klKwwX4OZjKuJOhEe1Xm+FIiijQKsea9phW2aq2cZp5i51DdyjlqnuZeQws4gzRhdGQH7w==","tarball":"https://registry.npmjs.org/@ecomailcz/mjml-hero/-/mjml-hero-4.4.0-ecm-28.tgz","fileCount":5,"unpackedSize":18777,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIDwA4eG2o7/fL+Bsc/Cew33hnLwS7g7QfzSI/PKud9CfAiA8iGjRdi7naurL1NRb/FzPYmW5yox6fXILS0nq6qmHNg=="}]},"_npmUser":{"name":"tomsq","email":"finixit@email.cz"},"directories":{},"maintainers":[{"name":"ecomail","email":"jan@ecomail.cz"},{"name":"tomsq","email":"finixit@email.cz"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/mjml-hero_4.4.0-ecm-28_1748333290859_0.6274679220556547"},"_hasShrinkwrap":false}},"time":{"created":"2021-07-07T09:53:15.466Z","modified":"2025-05-27T08:08:11.197Z","4.4.0-ecm-23":"2021-07-07T09:53:15.922Z","4.4.0-ecm-24":"2021-07-07T13:08:41.101Z","4.4.0-ecm-25":"2021-07-20T09:45:43.735Z","4.4.0-ecm-26":"2021-07-20T09:47:11.491Z","4.4.0-ecm-27":"2021-07-20T10:26:24.621Z","4.4.0-ecm-28":"2025-05-27T08:08:11.007Z"},"bugs":{"url":"https://github.com/mjmlio/mjml/issues"},"license":"MIT","homepage":"https://mjml.io/","repository":{"type":"git","url":"git+https://github.com/mjmlio/mjml.git"},"description":"@ecomailcz/mjml-hero","maintainers":[{"name":"ecomail","email":"jan@ecomail.cz"},{"name":"tomsq","email":"finixit@email.cz"}],"readme":"## mjml-hero\n\nDisplay a section with a background image and some content inside (mj-text, mj-button, mj-image ...) wrapped in mj-hero-content component\n\nFixed height  \n\n<p align=\"center\">\n  <img src=\"https://cloud.githubusercontent.com/assets/1830348/15354833/bfe7faaa-1cef-11e6-8d38-15e8951b6636.png\" />\n</p>\n\n```xml\n<mjml>\n  <mj-body>\n    <mj-hero\n      mode=\"fixed-height\"\n      height=\"469px\"\n      background-width=\"600px\"\n      background-height=\"469px\"\n      background-url=\"https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpg\"\n      background-color=\"#2a3448\"\n      padding=\"100px 0px\">\n      <mj-text\n        padding=\"20px\"\n        color=\"#ffffff\"\n        font-family=\"Helvetica\"\n        align=\"center\"\n        font-size=\"45px\"\n        line-height=\"45px\"\n        font-weight=\"900\">\n        GO TO SPACE\n      </mj-text>\n      <mj-button href=\"https://mjml.io/\" align=\"center\">\n        ORDER YOUR TICKET NOW\n      </mj-button>\n    </mj-hero>\n  </mj-body>\n</mjml>\n ```\n\n <p align=\"center\">\n   <a href=\"https://mjml.io/try-it-live/components/hero\">\n     <img width=\"100px\" src=\"https://mjml.io/assets/img/svg/TRYITLIVE.svg\" alt=\"try it live\" />\n   </a>\n </p>\n\nFluid height\n\n<p align=\"center\">\n  <img src=\"https://cloud.githubusercontent.com/assets/1830348/15354867/fc2f404a-1cef-11e6-92ac-92de9e438210.png\" />\n</p>\n\n```xml\n<mjml>\n  <mj-body>\n    <mj-hero\n      mode=\"fluid-height\"\n      background-width=\"600px\"\n      background-height=\"469px\"\n      background-url=\"https://cloud.githubusercontent.com/assets/1830348/15354890/1442159a-1cf0-11e6-92b1-b861dadf1750.jpg\"\n      background-color=\"#2a3448\"\n      padding=\"100px 0px\"\n      width=\"100%\">\n      <!-- To add content like mj-image, mj-text, mj-button ... use the mj-hero-content component -->\n      <mj-text\n        padding=\"20px\"\n        color=\"#ffffff\"\n        font-family=\"Helvetica\"\n        align=\"center\"\n        font-size=\"45px\"\n        line-height=\"45px\"\n        font-weight=\"900\">\n        GO TO SPACE\n      </mj-text>\n      <mj-button href=\"https://mjml.io/\" align=\"center\">\n        ORDER YOUR TICKET NOW\n      </mj-button>\n    </mj-hero>\n  </mj-body>\n</mjml>\n```\n\n<p align=\"center\">\n  <a href=\"https://mjml.io/try-it-live/components/hero/1\">\n    <img width=\"100px\" src=\"https://mjml.io/assets/img/svg/TRYITLIVE.svg\" alt=\"try it live\" />\n  </a>\n</p>\n\n<aside class=\"notice\">\n  The height attribute is required only for the fixed-height mode\n</aside>\n\n<aside class=\"notice\">\n  <span style=\"font-weight:bold;\">The background position does not work in fluid-height mode on outlook.com</span>\n</aside>\n\n<aside class=\"notice\">\nFor better result we encourage you to use a background image width equal to the hero container width and always specify a fallback background color, in case the user email client does not support background images.\n</aside>\n\n<aside class=\"notice\">\n  Please keep the hero container height below the image height. When the hero container height - both in fixed or fluid modes - is greater than the background image height, we can’t guarantee a perfect rendering in all supported email clients\n</aside>\n\nattribute           | unit                                | description                                                          | default value\n--------------------|-------------------------------------|----------------------------------------------------------------------|--------------\nbackground-color    | color                               | hero background color                                                | #ffffff\nbackground-height   | px                                  | height of the image used (mandatory in fixed-height mode)            | none\nbackground-position | top/center/bottom left/center/right | background image position                                            | center center\nbackground-url      | url                                 | absolute background url                                              | n/a\nbackground-width    | px                                  | width of the image used                                              | parent element width\ncss-class | string | class name, added to the root HTML element created | n/a\nheight              | px                                  | hero section height (required for fixed-height mode)                 | 0px\nmode                | fluid-height/fixed-height           | choose if the height is fixed based on the height attribute or fluid | fluid-height\npadding             | px                                  | supports up to 4 parameters                                          | 0px\npadding-bottom      | px                                  | bottom offset                                                        | 0px\npadding-left        | px                                  | left offset                                                          | 0px\npadding-right       | px                                  | right offset                                                         | 0px\npadding-top         | px                                  | top offset                                                           | 0px\nvertical-align      | top/middle/bottom                   | content vertical alignment                                           | top\nwidth               | px                                  | hero container width                                                 | parent element width\n","readmeFilename":"README.md"}