Creating Slick Email Signatures Using HTML & CSS

Bam. Custom email signature.
All CSS styling needs to be added inline in your HTML like this
Email signature code on CodePen

General Alignment

HTML skeleton of the table layout used for the signature

Headshot Image

HTML associated with the signature’s headshot image

Social Icons and Links

HTML associated with the social media links and icons

Adding the HTML Signature to your Email

HTML file opened in Google Chrome
Copy and paste your rendered HTML signature into your Gmail Settings
HTML can be added straight into the Airmail settings for your email signature
This is how the email signature looks on mobile.




Front-end Web Developer

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Profiling with Spring Boot

Beutiful GUI’s Built With Python

Deploy ERC20 Token

Java Multithreading. Basics

Object Oriented Programming in Python — Inheritance and Subclass

AlphaCode: what it gets right, what it gets wrong and how it could be useful

Reduce Cost and Increase Productivity with Value Added IT Services from buzinessware — {link} -

HOW Does AWS RDS Works | AWS RDS Architecture Overview |Interview Q&A

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Robert Cooper

Robert Cooper

Front-end Web Developer

More from Medium

How To Setup Tailwind CSS

5 must have VS-Code Extensions for Web-Developers

SASS combined with CSS

Tailwind CSS — Add fonts form your local