html email design code example
Example 1: email template html
// config and lang are for laravel replace them with your static one.
<!DOCTYPE html>
<html>
<body style="margin:0;padding:0;">
<div style="background:#fff">
<div style="max-width:100%;margin:0px auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%; background-color:#fff;">
<tbody>
<tr>
<td>
<div style="max-width:100%;box-sizing:border-box; background:#161616">
<div style="width:100%;max-width:575px;min-width:300px;margin:auto;text-align:center;padding:15px">
<img src="https://dev.dravidamala.in/thumbnail/large/dravidamala-logo.png" style="height: 110px;">
</div>
<div style="width:100%;max-width:575px;min-width:300px;background:#fff;margin:auto;box-sizing:border-box;border-radius:4px;border-bottom-left-radius:0;border-bottom-right-radius:0;padding:50px 30px 10px;">
<h1 style="box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';color:#3d4852;font-size:18px;font-weight:bold;margin-top:0;text-align:left">
{{ config('app.name') }}: {{ config('subscribers.mail_message_title_subscribed') }}
</h1>
<p style="box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-size:16px;line-height:1.5em;margin-top:0;text-align:left">
{{ config('subscribers.mail_message_subscribed') }}
</p>
</div>
</div>
</td>
</tr>
<tr>
<td>
<div style="width:100%;max-width:575px;min-width:300px;margin-left:auto;margin-right:auto; box-sizing:border-box;border-radius:4px;border-top-left-radius:0;border-top-right-radius:0;padding:10px 30px 50px; box-shadow: 5px 5px 5px #dadada;">
<p style="box-sizing:border-box;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol';font-size:16px;line-height:1.5em;margin-top:0;text-align:left">
@lang('Thanks,')<br>
{{ config('app.name') }}
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
<div style="max-width:100%;margin:0px auto;">
<table align="center" border="0" cellpadding="0" cellspacing="0" style="width:100%">
<tbody>
<tr>
<td>
<div style="width:100%;max-width:575px;min-width:300px;margin:auto;box-sizing:border-box;padding-top:20px;padding-bottom:20px;padding-left:15px;padding-right:15px;">
<p style="text-align:center; font-family:verdana;">
<a href="#" style="text-align:center;font-size:13px;line-height:1.5;color:#999999; text-decoration: none; color: cornflowerblue; display: flex; align-items: center; justify-content: center;">
<img src="https://www.tagnsell.in/uploads/gallery/thumbs/copy-icon.png" style="height:25px"> © 2021 {{ config('app.name') }}</a>
</p>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</body>
</html>
Example 2: html email template
<a href="mailto:[email protected]"></a>
Example 3: html email
$mailtext = '<html>
<head>
<title>HTML-E-Mail mit PHP erstellen</title>
</head>
<body>
...
</body>
</html>
';
$empfaenger = "[email protected]"; // Mailadresse
$absender = "[email protected]";
$betreff = "Mail-Test - HTML-E-Mail mit PHP erstellen";
$antwortan = "[email protected]";
$header = "MIME-Version: 1.0\r\n";
$header .= "Content-type: text/html; charset=utf-8\r\n";
$header .= "From: $absender\r\n";
$header .= "Reply-To: $antwortan\r\n";
// $header .= "Cc: $cc\r\n"; // falls an CC gesendet werden soll
$header .= "X-Mailer: PHP ". phpversion();
mail( $empfaenger,
$betreff,
$mailtext,
$header);
echo "Mail wurde gesendet!";