![]() You can also set the text color, font size, font family, etc. The call to action button is implemented using the mj-button component. The background-color attribute allows us to specify the button background color and then href to specify the link or page location. The introduction text will consist of a title, the main body text, and a call to action button. Proin rutrum enim eget magna efficitur, eu semper augue semper. Vestibulum sed finibus lectus, sit amet suscipit nibh. In the section of this email, we will have two columns: one will contain a descriptive image, and the second will contain our text block to complement the image in the first section. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin rutrum enim eget magna efficitur, eu semper augue semper.Īliquam erat volutpat. The first column on the left uses the mj-image component to specify the image to be used. The image can be a local file or, as in our case, an image hosted remotely. ![]() The second column on the right contains two text blocks, one for our title and the other as the main body text. The icons section will have three columns. You could also add more, depending on how you want the email to look. Įach column has its own mj-image component used to render the icon image. This section will contain icons that point to our social media accounts. MJML comes with mj-social components that can easily be used to display social media icons. Now thats we’ve implemented all sections, our full email.mjml should look like: In our email, we’ve used the Twitter mj-social-element.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |