Add Header as a Footer

[FanMix]

It'll be great if you add Header as text or/and a logo image is presented in here
https://htmlemail.io/img/preview-password.jpg

Any way you this template is in use.

THANKS !!!

[doxakis]

Hi,
It looks like a great idea. I'm just not sure how it will be implemented.
I will do some research first.

[doxakis]

Hi,
I added the possibility to add image. (It uses width:100%)
There are many way to reference image : CID Embedded Images, Base64 Encoding or use absolute url.
I would prefer absolute url if I have to choose.
I added a new example in the readme.

Here some examples if you use postmark (with the package https://www.nuget.org/packages/postmark) :

private void Method1(PostmarkMessage message)
{
	// Absolute url.
	// Work on gmail, hotmail.com
	// Doesn't work on Outlook

	var html = MailBody.CreateBody()
		.Image("https://placehold.it/540x70/ffffff/e8117f?text=My+logo", "My company name")
		.Paragraph("Please confirm your email address by clicking the link below.")
		.Paragraph("We may need to send you critical information about our service and it is important that we have an accurate email address.")
		.Button("https://example.com/", "Confirm Email Address")
		.Paragraph("— [Insert company name here]")
		.GenerateHtml();
	message.HtmlBody = html;
}

private void Method2(PostmarkMessage message)
{
	// CID Embedded Images
	// Work on hotmail.com, Outlook
	// Doesn't work well on gmail. (appear as email attachment)

	var html = MailBody.CreateBody()
		.Image("cid:embed_logo.jpg", "My company name")
		.Paragraph("Please confirm your email address by clicking the link below.")
		.Paragraph("We may need to send you critical information about our service and it is important that we have an accurate email address.")
		.Button("https://example.com/", "Confirm Email Address")
		.Paragraph("— [Insert company name here]")
		.GenerateHtml();
	message.HtmlBody = html;

	var imageContent = System.IO.File.ReadAllBytes(Server.MapPath("~/logo.jpg"));
	message.AddAttachment(imageContent, "logo.jpg", "image/jpg", "embed_logo.jpg");
}

private void Method3(PostmarkMessage message)
{
	// Base64 Encoding.
	// Work on hotmail.com
	// Doesn't work on gmail, Outlook

	var imageContent = Convert.ToBase64String(System.IO.File.ReadAllBytes(Server.MapPath("~/logo.png")));
	var src = "data:image/png;base64," + imageContent;

	var html = MailBody.CreateBody()
		.Image(src, "My company name")
		.Paragraph("Please confirm your email address by clicking the link below.")
		.Paragraph("We may need to send you critical information about our service and it is important that we have an accurate email address.")
		.Button("https://example.com/", "Confirm Email Address")
		.Paragraph("— [Insert company name here]")
		.GenerateHtml();
	message.HtmlBody = html;
}

[doxakis]

I will close this issue for now. If you have any problem, please create a new issue.

Thanks!