<form method="post" action="https://listmonk.pridecorner.ca/subscription/form" class="listmonk-form">
<div>
<h3>Subscribe</h3>
<input type="hidden" name="nonce" />
<p><input type="email" name="email" required placeholder="E-mail" /></p>
<p><input type="text" name="name" placeholder="Name (optional)" /></p>
<p>
<input id="7940c" type="checkbox" name="l" checked value="7940c7d0-aaba-4a3e-ae38-6fd7dfcd909f" />
<label for="7940c">Weekly Updates</label>
</p>
<input type="submit" value="Subscribe " />
</div>
</form>
Email Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>{{ .Campaign.Subject }}</title>
</head>
<body bgcolor="#1a1a1a" style="margin: 0; padding: 0; background-color: #1a1a1a; font-family: Arial, sans-serif; font-size: 20px; line-height: 1.6;">
<!--[if mso]>
<style type="text/css">
body, table, td {font-family: Arial, sans-serif !important;}
</style>
<![endif]-->
<table width="100%" bgcolor="#1a1a1a" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center" style="padding: 20px 10px;">
<!--[if (gte mso 9)|(IE)]>
<table align="center" border="0" cellspacing="0" cellpadding="0" width="750">
<tr>
<td align="center" valign="top" width="750">
<![endif]-->
<table width="100%" cellpadding="0" cellspacing="0" role="presentation" style="max-width: 750px;">
<!-- Header -->
<tr>
<td bgcolor="#ffc107" align="center" style="padding: 30px; border-radius: 5px;">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center">
<h1 style="margin: 0 0 20px 0; color: #1a1a1a; font-size: 44px; line-height: 1.2; font-weight: bold; font-family: Arial, sans-serif;">The Bunker Operations</h1>
</td>
</tr>
<tr>
<td align="center">
<table cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td bgcolor="#1a1a1a" align="center" style="border-radius: 4px;">
<a href="https://changemaker.bnkops.com/" style="display: inline-block; padding: 12px 30px; color: #ffc107; text-decoration: none; font-size: 22px; font-weight: bold; font-family: Arial, sans-serif;">Visit Our Website</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="25" style="font-size: 0; line-height: 0;"> </td></tr>
<!-- Main Content -->
<tr>
<td bgcolor="#2a2a2a" style="padding: 40px; border-radius: 5px;">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td style="font-family: Arial, sans-serif;">
<div style="color: #f5f5f5;" class="newsletter-content">
<!-- Content inserted here -->
{{ template "content" . }}
</div>
</td>
</tr>
</table>
</td>
</tr>
<tr><td height="25" style="font-size: 0; line-height: 0;"> </td></tr>
<!-- View in Browser Section -->
<tr>
<td align="center" style="padding: 25px 0; border-top: 1px solid #444;">
<p style="margin: 0 0 20px 0; color: #f5f5f5; font-size: 20px; font-family: Arial, sans-serif;">Email clients may break formatting and animations. See the proper version here:</p>
<table cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td bgcolor="#1a1a1a" align="center" style="border-radius: 4px; border: 2px solid #ffc107;">
<a href="{{ MessageURL }}" style="display: inline-block; padding: 15px 35px; color: #ffc107; text-decoration: none; font-size: 22px; font-weight: bold; font-family: Arial, sans-serif;">Share Link in Browser</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Footer -->
<tr>
<td align="center" style="padding: 25px 0;">
<table width="100%" cellpadding="0" cellspacing="0" role="presentation">
<tr>
<td align="center" style="padding-bottom: 20px;">
<a href="https://changemaker.bnkops.com/" style="color: #ffc107; text-decoration: none; margin: 0 15px; font-size: 20px; font-weight: bold; font-family: Arial, sans-serif;">Website</a>
<span style="color: #888; font-size: 20px;">|</span>
<a href="{{ UnsubscribeURL }}" style="color: #ffc107; text-decoration: none; margin: 0 15px; font-size: 20px; font-weight: bold; font-family: Arial, sans-serif;">{{ L.T "email.unsub" }}</a>
</td>
</tr>
<tr>
<td align="center" style="color: #888; font-size: 18px; font-family: Arial, sans-serif;">
© 2024 The Bunker Operations. All rights reserved.
</td>
</tr>
</table>
</td>
</tr>
</table>
<!--[if (gte mso 9)|(IE)]>
</td>
</tr>
</table>
<![endif]-->
</td>
</tr>
</table>
<div style="display: none;">{{ TrackView }}</div>
<style type="text/css">
/* Global link styling */
a {
color: #ffc107 !important; /* Amber color for all links */
text-decoration: none !important;
}
a:hover {
text-decoration: underline !important;
}
/* Image handling */
img {
max-width: 100% !important;
height: auto !important;
border: 0;
-ms-interpolation-mode: bicubic;
display: block; /* Prevent spacing issues */
}
/* Outlook-specific fixes */
.ExternalClass {
width: 100%;
}
.ExternalClass,
.ExternalClass p,
.ExternalClass span,
.ExternalClass font,
.ExternalClass td,
.ExternalClass div {
line-height: 100%;
}
</style>
</body>
</html>
Public CSS
body, html {
background-color: #1c1f26 !important;
color: #e0e0e0 !important;
font-family: Arial, sans-serif !important;
}
.public {
background-color: #1c1f26 !important;
}
.container {
max-width: 600px !important;
margin: 20px auto !important;
padding: 30px !important;
background-color: #2c3038 !important;
border-radius: 8px !important;
box-shadow: 0 0 20px rgba(0,0,0,0.3) !important;
}
.logo {
display: none !important;
}
h1, h2, h3 {
color: #ffc107 !important;
}
h1 {
font-size: 28px !important;
text-align: center !important;
margin-bottom: 20px !important;
font-weight: bold !important;
}
label {
color: #e0e0e0 !important;
font-weight: bold !important;
}
input[type="text"], input[type="email"], textarea {
background-color: #1c1f26 !important;
border: 1px solid #444 !important;
color: #ffffff !important;
padding: 12px !important;
border-radius: 4px !important;
width: 100% !important;
box-sizing: border-box !important;
margin-bottom: 15px !important;
font-size: 16px !important;
}
.btn, button[type="submit"] {
background-color: #ffc107 !important;
color: #000000 !important;
padding: 12px 20px !important;
border: none !important;
border-radius: 4px !important;
cursor: pointer !important;
font-weight: bold !important;
width: 100% !important;
margin-top: 15px !important;
font-size: 16px !important;
transition: background-color 0.3s !important;
}
.btn:hover, button[type="submit"]:hover {
background-color: #e0a800 !important;
}
footer {
display: none !important;
}
.checkbox-list label {
color: #e0e0e0 !important;
font-weight: normal !important;
display: inline !important;
}
/* Updated link styles to match branding */
a {
color: #ffc107 !important;
text-decoration: none !important;
}
a:hover {
text-decoration: underline !important;
}
/* Make sure links in specific contexts maintain the branding */
.content a,
.page-content a,
.message-content a {
color: #ffc107 !important;
text-decoration: none !important;
}
.content a:hover,
.page-content a:hover,
.message-content a:hover {
text-decoration: underline !important;
}
.mailing-list-archive {
text-align: right !important;
margin-top: 15px !important;
}
.form-group {
margin-bottom: 20px !important;
}
input[type="checkbox"] {
margin-right: 5px !important;
}
::placeholder {
color: #888 !important;
}