New Product Launch <!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>Introducing Our New Product</title>

  <style>

    body {

      margin: 0;

      padding: 0;

      background-color: #ececec;

      font-family: 'Arial', sans-serif;

    }

    .container {

      width: 100%;

      background-color: #ececec;

      padding: 40px 0;

    }

    .email-box {

      max-width: 600px;

      background-color: #ffffff;

      margin: 0 auto;

      border-radius: 8px;

      overflow: hidden;

      box-shadow: 0 0 10px rgba(0,0,0,0.08);

    }

    .hero {

      background-color: #222;

      color: #fff;

      text-align: center;

      padding: 40px 30px;

    }

    .hero h1 {

      margin: 0;

      font-size: 28px;

      color: #00d084;

    }

    .hero p {

      font-size: 16px;

      margin-top: 10px;

    }

    .content {

      padding: 30px;

      color: #333;

      line-height: 1.5;

    }

    .content img {

      width: 100%;

      border-radius: 6px;

      margin: 20px 0;

    }

    .button {

      display: inline-block;

      background-color: #00d084;

      color: #fff;

      text-decoration: none;

      padding: 12px 24px;

      border-radius: 5px;

      font-weight: bold;

      margin-top: 20px;

    }

    .footer {

      text-align: center;

      font-size: 13px;

      color: #777;

      padding: 20px;

      background-color: #f5f5f5;

    }

  </style>

</head>

<body>

  <div class="container">

    <div class="email-box">

      <div class="hero">

        <h1>Meet Our Latest Innovation</h1>

        <p>Something new is here — and it’s powerful.</p>

      </div>

      <div class="content">

        <p>Hello %%FirstName%%,</p>

        <p>We’re excited to introduce our newest product: <strong>ProductX</strong> — designed to transform how you [insert benefit or use case].</p>


        <img src="https://via.placeholder.com/560x250.png?text=Product+Image" alt="ProductX" />


        <p>Explore ProductX now and see how it can help you save time, increase efficiency, and make smarter decisions.</p>


        <a href="https://yourwebsite.com/productx" class="button">Explore ProductX</a>

      </div>

      <div class="footer">

        &copy; 2025 YourCompany Inc. • <a href="https://yourwebsite.com/unsubscribe" style="color:#777;">Unsubscribe</a>

      </div>

    </div>

  </div>

</body>

</html>

[7:50 am, 9/7/2025] Raju Bhaiya: You Are Invited<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>You're Invited!</title>

  <style>

    body {

      margin: 0;

      padding: 0;

      background-color: #f3f3f3;

      font-family: Arial, sans-serif;

    }

    .container {

      max-width: 600px;

      background-color: #ffffff;

      margin: 40px auto;

      border-radius: 10px;

      overflow: hidden;

      box-shadow: 0 4px 10px rgba(0,0,0,0.05);

    }

    .header {

      background: #ff6b6b;

      color: #fff;

Comments

Popular posts from this blog