{"action":"created","issue":{"url":"https://api.github.com/repos/mjmlio/mjml/issues/256","repository_url":"https://api.github.com/repos/mjmlio/mjml","labels_url":"https://api.github.com/repos/mjmlio/mjml/issues/256/labels{/name}","comments_url":"https://api.github.com/repos/mjmlio/mjml/issues/256/comments","events_url":"https://api.github.com/repos/mjmlio/mjml/issues/256/events","html_url":"https://github.com/mjmlio/mjml/pull/256","id":154990406,"number":256,"title":"add mjml-hero and mjml-hero-content components","user":{"login":"Aenohe","id":1830348,"avatar_url":"https://avatars.githubusercontent.com/u/1830348?v=3","gravatar_id":"","url":"https://api.github.com/users/Aenohe","html_url":"https://github.com/Aenohe","followers_url":"https://api.github.com/users/Aenohe/followers","following_url":"https://api.github.com/users/Aenohe/following{/other_user}","gists_url":"https://api.github.com/users/Aenohe/gists{/gist_id}","starred_url":"https://api.github.com/users/Aenohe/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/Aenohe/subscriptions","organizations_url":"https://api.github.com/users/Aenohe/orgs","repos_url":"https://api.github.com/users/Aenohe/repos","events_url":"https://api.github.com/users/Aenohe/events{/privacy}","received_events_url":"https://api.github.com/users/Aenohe/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":1,"created_at":"2016-05-16T09:14:47Z","updated_at":"2016-05-17T07:01:36Z","closed_at":null,"pull_request":{"url":"https://api.github.com/repos/mjmlio/mjml/pulls/256","html_url":"https://github.com/mjmlio/mjml/pull/256","diff_url":"https://github.com/mjmlio/mjml/pull/256.diff","patch_url":"https://github.com/mjmlio/mjml/pull/256.patch"},"body":"- Add mjml-hero component\r\n- Add mjml-hero-content component\r\n\r\n![30ab6970-16ce-11e6-9132-ee4c65f34aa2](https://cloud.githubusercontent.com/assets/1830348/15284083/77c0b376-1b4f-11e6-9084-91a9b2f29204.png)\r\n\r\n**Mode fluid**\r\n\r\n```\r\n  <mjml>\r\n     <mj-body>\r\n       <mj-container>\r\n         <mj-hero\r\n          mode=\"fluid-height\"\r\n          background-width=\"600px\"\r\n          background-height=\"469px\"\r\n          background-url=\"https://cloud.githubusercontent.com/assets/1830348/15148954/fdfa4452-16c7-11e6-8429-400c9bd968ee.jpg\"\r\n          background-position=\"center center\"\r\n          background-color=\"#2a3448\"\r\n          padding=\"100px 0px\"\r\n           >\r\n           <mj-hero-content\r\n             width=\"100%\"\r\n             padding-top=\"10px\"\r\n             padding-left=\"10px\"\r\n             padding-right=\"10px\"\r\n             padding-bottom=\"10px\"\r\n             background-color=\"transparent\"\r\n             align=\"center\"\r\n             >\r\n             <mj-text\r\n               padding=\"20px\"\r\n               color=\"#ffffff\"\r\n               font-family=\"Helvetica\"\r\n               align=\"center\"\r\n               font-size=\"45\"\r\n               line-height=\"45\"\r\n               font-weight=\"900\">\r\n               FLUID\r\n             </mj-text>\r\n           </mj-hero-content>\r\n         </mj-hero>\r\n       </mj-container>\r\n     </mj-body>\r\n    </mjml>\r\n```\r\n\r\n**Mode Fixed**\r\n\r\n```\r\n  <mjml>\r\n     <mj-body>\r\n       <mj-container>\r\n         <mj-hero\r\n          mode=\"fixed-height\"\r\n          height=\"269px\"\r\n          background-width=\"600px\"\r\n          background-height=\"469px\"\r\n          background-url=\"https://cloud.githubusercontent.com/assets/1830348/15148954/fdfa4452-16c7-11e6-8429-400c9bd968ee.jpg\"\r\n          background-position=\"center center\"\r\n          background-color=\"#2a3448\"\r\n          padding=\"10px 0px\"\r\n           >\r\n           <mj-hero-content\r\n             width=\"100%\"\r\n             padding-top=\"10px\"\r\n             padding-left=\"10px\"\r\n             padding-right=\"10px\"\r\n             padding-bottom=\"10px\"\r\n             background-color=\"transparent\"\r\n             align=\"center\"\r\n             >\r\n             <mj-text\r\n               padding=\"20px\"\r\n               color=\"#ffffff\"\r\n               font-family=\"Helvetica\"\r\n               align=\"center\"\r\n               font-size=\"45\"\r\n               line-height=\"45\"\r\n               font-weight=\"900\">\r\n               FIXED\r\n             </mj-text>\r\n           </mj-hero-content>\r\n         </mj-hero>\r\n       </mj-container>\r\n     </mj-body>\r\n    </mjml>\r\n```"},"comment":{"url":"https://api.github.com/repos/mjmlio/mjml/issues/comments/219635619","html_url":"https://github.com/mjmlio/mjml/pull/256#issuecomment-219635619","issue_url":"https://api.github.com/repos/mjmlio/mjml/issues/256","id":219635619,"user":{"login":"lohek","id":582703,"avatar_url":"https://avatars.githubusercontent.com/u/582703?v=3","gravatar_id":"","url":"https://api.github.com/users/lohek","html_url":"https://github.com/lohek","followers_url":"https://api.github.com/users/lohek/followers","following_url":"https://api.github.com/users/lohek/following{/other_user}","gists_url":"https://api.github.com/users/lohek/gists{/gist_id}","starred_url":"https://api.github.com/users/lohek/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/lohek/subscriptions","organizations_url":"https://api.github.com/users/lohek/orgs","repos_url":"https://api.github.com/users/lohek/repos","events_url":"https://api.github.com/users/lohek/events{/privacy}","received_events_url":"https://api.github.com/users/lohek/received_events","type":"User","site_admin":false},"created_at":"2016-05-17T07:01:36Z","updated_at":"2016-05-17T07:01:36Z","body":"👌 "}}