sample-email.mjml•5.38 kB
<mjml>
<mj-head>
<mj-attributes>
<mj-all font-family="Arial, sans-serif" />
<mj-section background-color="#ffffff" />
<mj-column padding="0" />
<mj-text font-size="14px" line-height="22px" color="#4a5568" />
<mj-button background-color="#007bff" color="#ffffff" border-radius="4px" font-weight="600" />
</mj-attributes>
<mj-title>Sample Email Template</mj-title>
<mj-preview>A sample email to demonstrate MJML MCP server capabilities</mj-preview>
</mj-head>
<mj-body background-color="#f7fafc">
<!-- Header Section -->
<mj-section background-color="#007bff" padding="30px 0">
<mj-column>
<mj-text align="center" color="#ffffff" font-size="24px" font-weight="bold">
Sample Email Template
</mj-text>
<mj-text align="center" color="#ffffff" font-size="16px" padding-top="10px">
Generated by MJML MCP Server
</mj-text>
</mj-column>
</mj-section>
<!-- Main Content -->
<mj-section padding="40px 30px">
<mj-column>
<mj-text font-size="20px" font-weight="600" color="#2d3748" align="center">
Welcome to Our Platform
</mj-text>
<mj-text align="center" padding-top="15px">
This is a sample email template demonstrating the capabilities of the MJML MCP server.
It includes various components and styling options to create responsive email templates.
</mj-text>
</mj-column>
</mj-section>
<!-- Feature Section -->
<mj-section background-color="#edf2f7" padding="40px 30px">
<mj-column>
<mj-text font-size="18px" font-weight="600" color="#2d3748" align="center">
Key Features
</mj-text>
</mj-column>
</mj-section>
<mj-section background-color="#edf2f7" padding="0 30px 40px">
<mj-column width="33%">
<mj-text align="center" font-size="16px" font-weight="600" padding-bottom="10px">
✉️ Easy Compilation
</mj-text>
<mj-text align="center" font-size="14px">
Compile MJML to HTML with various options and validation levels
</mj-text>
</mj-column>
<mj-column width="33%">
<mj-text align="center" font-size="16px" font-weight="600" padding-bottom="10px">
🎨 Template Generation
</mj-text>
<mj-text align="center" font-size="14px">
Generate pre-built templates for different email types
</mj-text>
</mj-column>
<mj-column width="34%">
<mj-text align="center" font-size="16px" font-weight="600" padding-bottom="10px">
🛡️ Validation
</mj-text>
<mj-text align="center" font-size="14px">
Validate MJML syntax and structure with configurable levels
</mj-text>
</mj-column>
</mj-section>
<!-- Image Section -->
<mj-section padding="40px 30px">
<mj-column>
<mj-image
src="https://via.placeholder.com/600x300/007bff/ffffff?text=Sample+Email+Template"
width="100%"
border-radius="8px"
alt="Sample Email Template"
/>
</mj-column>
</mj-section>
<!-- Call to Action -->
<mj-section background-color="#f8f9fa" padding="40px 30px">
<mj-column>
<mj-text align="center" font-size="18px" font-weight="600" color="#2d3748">
Get Started Today
</mj-text>
<mj-text align="center" padding-top="10px">
Try out the MJML MCP server for your email template needs
</mj-text>
<mj-button href="#" padding-top="20px" font-size="16px">
Learn More
</mj-button>
</mj-column>
</mj-section>
<!-- Divider -->
<mj-section padding="20px 30px">
<mj-column>
<mj-divider border-color="#cbd5e0" border-width="1px" />
</mj-column>
</mj-section>
<!-- Additional Information -->
<mj-section padding="0 30px 40px">
<mj-column>
<mj-text font-size="16px" font-weight="600">
Additional Resources
</mj-text>
<mj-text padding-top="10px" font-size="14px">
• Component reference and documentation
</mj-text>
<mj-text font-size="14px">
• Advanced compilation options
</mj-text>
<mj-text font-size="14px">
• File input/output support
</mj-text>
<mj-text font-size="14px">
• Comprehensive error handling
</mj-text>
</mj-column>
</mj-section>
<!-- Footer -->
<mj-section background-color="#2d3748" padding="30px">
<mj-column>
<mj-text align="center" color="#ffffff" font-size="12px">
© 2024 MJML MCP Server. All rights reserved.
</mj-text>
<mj-text align="center" color="#ffffff" font-size="12px" padding-top="10px">
This is a sample template for demonstration purposes.
</mj-text>
<mj-text align="center" color="#ffffff" font-size="12px" padding-top="10px">
<a href="#" style="color: #ffffff; text-decoration: underline;">Unsubscribe</a> |
<a href="#" style="color: #ffffff; text-decoration: underline;">Privacy Policy</a> |
<a href="#" style="color: #ffffff; text-decoration: underline;">Terms of Service</a>
</mj-text>
</mj-column>
</mj-section>
</mj-body>
</mjml>