Featured Blog Posts
Preview
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" lang="en">
<head>
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type" />
<meta name="x-apple-disable-message-reformatting" />
</head>
<body style="background-color:rgb(255,255,255);margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'">
<table align="center" width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="max-width:550px;margin:40px auto">
<tr>
<td style="padding-bottom:24px">
<h2 style="font-size:24px;margin:0">Latest Articles</h2>
</td>
</tr>
<tr>
<td>
<table width="100%" border="0" cellPadding="0" cellSpacing="0" role="presentation" style="border:1px solid #dee2e6;border-radius:8px;margin-bottom:16px">
<tr>
<td style="width:200px">
<img src="https://images.unsplash.com/photo-1486312338219-ce68d2c6f44d" alt="Blog Post 1" style="width:100%;height:150px;object-fit:cover;border-radius:8px 0 0 8px" />
</td>
<td style="padding:16px;vertical-align:top">
<h3 style="font-size:18px;margin:0 0 8px 0">Article Title Goes Here</h3>
<p style="font-size:14px;color:#666;margin:0 0 12px 0">Brief excerpt from the article goes here, limited to two lines...</p>
<a href="#" style="font-size:14px;color:#007bff;text-decoration:none">Read More →</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>