<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Newsletter</title> <link href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap" rel="stylesheet"> <style> body { font-family: "Roboto", sans-serif; font-size: 16px; line-height: 1.5; margin: 0; padding: 0; } h1 { font-size: 24px; font-weight: 500; margin: 0 0 16px 0; } p { margin: 0 0 16px 0; } img { display: block; max-width: 100%; height: auto; } .newsletter { width: 600px; margin: 0 auto; } .header { background-color: #ffffff; padding: 24px 0; } .header h1 { color: #000000; } .content { background-color: #ffffff; padding: 24px 0; } .content p { color: #000000; } .footer { background-color: #ffffff; padding: 24px 0; } .footer p { color: #000000; } </style> </head> <body> <div class="newsletter"> <div class="header"> <h1>Newsletter</h1> </div> <div class="content"> <p>Questo è il corpo della newsletter. Puoi inserire qui il tuo contenuto.</p> <img src="https://example.com/image.jpg" alt="Image"> </div> <div class="footer"> <p>Copyright © 2023</p> </div> </div> </body> </html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter