I've not done anything other than put some components down whilst on the train! C&P and see what happens 🤞
<h2 style="background: #071E4A; text-align: left; padding: 10px 5px; font-size: 18pt;"><span style="color: #ffffff; font-weight: bold;">📃SECTION HEADER</span></h2>
<div style="background-color: #eeeeee; padding: 20px; margin-bottom: 20px;">
<h2 style="background: #dddddd; text-align: left; padding-left: 5px;"><span style="color: #000000;"><strong>Sub Header</strong></span></h2>
<div style="background-color: #ffffff; padding: 20px; margin-bottom: 20px;">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium.</p>
<div style="background-color: #ffffff; text-align: left;"><a class="btn button" style="display: inline-block; padding: 0.5rem 1rem; background: #FFDF4C; color: #000000; text-decoration: none; border-radius: 0px;" href="#">Click here</a></div>
</div>
</div>
<section style="display: flex; flex-wrap: wrap; align-items: center; padding: 15px; max-width: 100%; font-family: Arial, sans-serif; background-color: #f9f9f9;">
<h4 style="flex: 0 0 auto; margin-right: 20px;"><img src="https://placehold.co/120x120?text=Profile" alt="Profile Placeholder" width="120" height="120" /></h4>
<div style="flex: 1 1 auto; min-width: 200px;">
<h3 style="margin: 0 0 8px 0; font-size: 1.2em; color: #333;"><strong>First Name Last Name</strong></h3>
<h4 style="margin: 4px 0; color: #555;"><strong>Job Title</strong></h4>
<address style="margin: 4px 0; color: #555; font-style: normal;"><strong>[email protected]</strong></address>
</div>
</section>
<div style="background-color: #e3f2fd; border-left: 4px solid #2196f3; padding: 16px; color: #1565c0; margin-top: 12px; margin-bottom: 12px;"><p>Callout text</p></div>
<div style="background-color: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; max-width: 100%;">
<img src="https://placehold.co/400x250?text=Feature" alt="Feature image" style="width: 100%; height: auto; display: block;" />
<div style="padding: 20px;"><h3>Feature Title</h3><p>Description of your feature or service goes here.</p></div>
</div>