Credit Mail Generator

Compte SMTP

Nom de l'expéditeur

Données brutes *

Importer un fichier

📂

Cliquez ou glissez un fichier .txt / .csv

Modèle HTML

<!DOCTYPE html>
<html lang="hr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>Ostvarite svoj projekt</title>
<style>
  body {
    margin: 0;
    padding: 0;
    background: #eef2f7;
    font-family: Arial, Helvetica, sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
  }
  table {
    border-spacing: 0;
    border-collapse: collapse;
    width: 100%;
  }
  img {
    border: 0;
    display: block;
    max-width: 100%;
    height: auto;
  }
  .container {
    max-width: 480px;
    margin: 0 auto;
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 4px 24px rgba(0,0,0,0.13);
    border: 1px solid #e6eaf0;
  }
  .header {
    background: linear-gradient(135deg,#0a3d91,#1e5ed6);
    color: #fff;
    padding: 32px 8vw 20px 8vw;
    text-align: center;
    border-radius: 18px 18px 0 0;
  }
  .header h1 {
    margin: 0 0 8px 0;
    font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
  }
  .header p {
    margin: 0;
    font-size: 14px;
    opacity: 0.92;
  }
  .content {
    padding: 20px 5vw 20px 5vw;
  }
  .project {
    padding: 10px 0;
    border-bottom: 1px solid #f0f2f6;
    font-size: 14px;
    line-height: 1.4;
    display: flex;
    align-items: center;
    gap: 10px;
  }
  .highlight-box {
    background: #fff;
    border-radius: 14px;
    padding: 16px 6vw;
    text-align: center;
    margin: 22px 0;
    border: 2px solid #e31e24;
    box-shadow: 0 2px 8px rgba(227,30,36,0.04);
  }
  .amount {
    font-size: 20px;
    font-weight: bold;
    color: #0a3d91;
    margin-bottom: 4px;
  }
  .rate {
    color: #e31e24;
    font-weight: bold;
    margin: 6px 0 2px 0;
    font-size: 15px;
  }
  .duration {
    color: #555;
    font-size: 13px;
  }
  .btn {
    background: linear-gradient(135deg,#e31e24,#c4171d);
    color: #fff !important;
    padding: 14px 0;
    border-radius: 60px;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: 15px;
    box-shadow: 0 2px 10px rgba(227,30,36,0.13);
    margin-top: 14px;
    margin-bottom: 14px;
    letter-spacing: 0.2px;
    width: 100%;
    max-width: 340px;
    min-width: 180px;
    border: none;
    cursor: pointer;
    transition: background 0.2s;
  }
  .btn:link,
  .btn:visited,
  .btn:hover,
  .btn:active {
    color: #fff !important;
    text-decoration: none !important;
    background: linear-gradient(135deg,#c4171d,#e31e24);
  }
  .info {
    text-align: center;
    font-size: 12px;
    color: #7d8b9c;
    margin-top: 8px;
    margin-bottom: 0;
  }
  .footer {
    text-align: center;
    font-size: 11px;
    color: #8c9aad;
    padding: 16px 6vw;
    border-top: 1px solid #eee;
    background: #f8fafc;
    border-radius: 0 0 18px 18px;
  }
  @media only screen and (max-width: 480px) {
    .container {
      border-radius: 0;
      box-shadow: none;
      max-width: 100vw;
    }
    .content {
      padding: 10px 2vw 10px 2vw;
    }
    .header {
      padding: 18px 2vw 10px 2vw;
    }
    .highlight-box {
      padding: 10px 2vw;
      margin: 12px 0;
    }
    .amount {
      font-size: 15px;
    }
    .btn {
      font-size: 14px;
      padding: 12px 0;
      min-width: 120px;
    }
    .footer {
      padding: 10px 2vw;
      font-size: 10px;
    }
  }
</style>
</head>
<body style="margin:0; padding:0; background:#eef2f7;">
<center>
  <table role="presentation" class="container" width="100%" cellpadding="0" cellspacing="0" border="0" align="center" style="max-width:600px;">
    <tr>
      <td>
        <div class="header">
          <h1>Što ako vaš projekt postane stvarnost? ✨</h1>
          <p>Jednostavno, brzo i prilagođeno vašoj situaciji</p>
        </div>
        <div class="content">
          <p style="font-size:17px; color:#333; margin-top:0; margin-bottom:18px;">
            Imate projekt, želju ili važnu potrebu... ali financiranje vas koči?
          </p>
          <p style="font-size:16px; color:#555; margin-top:0; margin-bottom:18px;">
            Pomažemo vam pronaći jasno, prilagođeno i dostupno rješenje bez kompliciranih procedura.
          </p>
          <div style="margin-top:18px; margin-bottom:18px;">
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">🏠</span> <span style="vertical-align:middle;">Kupnja, obnova ili poboljšanje nekretnine</span></div>
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">⚡</span> <span style="vertical-align:middle;">Smanjenje troškova energije</span></div>
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">🏘️</span> <span style="vertical-align:middle;">Ulaganje u iznajmljivanje nekretnine</span></div>
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">🚜</span> <span style="vertical-align:middle;">Razvoj poljoprivredne ili gospodarske djelatnosti</span></div>
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">💼</span> <span style="vertical-align:middle;">Pokretanje ili razvoj poslovne djelatnosti</span></div>
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">🎓</span> <span style="vertical-align:middle;">Financiranje obrazovanja ili stručnog usavršavanja</span></div>
            <div class="project"><span style="font-size:1.2em;vertical-align:middle;">🔧</span> <span style="vertical-align:middle;">Pokriće neočekivanih troškova</span></div>
          </div>
          <div class="highlight-box">
            <div class="amount">Do 3.800.000 HRK / 500.000 &euro;</div>
            <div class="rate">Povoljni uvjeti kreditiranja</div>
            <div class="duration">Fleksibilni rokovi otplate</div>
          </div>
          <p style="text-align:center; font-size:16px; color:#333; margin-top:0; margin-bottom:18px;">
            Opišite nam vaš projekt u nekoliko redaka.<br>
            Javit ćemo vam se u najkraćem mogućem roku.
          </p>
          <div style="text-align:center; margin:28px 0 18px 0;">
            <a href="mailto:projekt@mojzajam.com?subject=Zahtjev%20za%20financiranje%20projekta&body=Poštovani%2C%0A%0AŽelim%20podnijeti%20zahtjev%20za%20financiranje%20sljedećeg%20projekta%3A%0A%0A%E2%96%BA%20Vrsta%20projekta%3A%20(npr.%20kupnja%20nekretnine%2C%20pokretanje%20djelatnosti...)%0A%E2%96%BA%20Opis%20projekta%3A%20%0A%E2%96%BA%20Traženi%20iznos%3A%20_____EUR%0A%E2%96%BA%20Željeni%20rok%20otplate%3A%20_____%20godina%0A%0A---%20Moji%20podaci%20---%0A%E2%96%BA%20Ime%20i%20prezime%3A%20%0A%E2%96%BA%20Broj%20telefona%3A%20%0A%E2%96%BA%20E-mail%3A%20%0A%E2%96%BA%20Grad%2FMjesto%3A%20%0A%0AStojim%20na%20raspolaganju%20za%20sve%20dodatne%20informacije.%0A%0AS%20poštovanjem%2C%0A%5BVaše%20ime%5D"
               class="btn" style="color:#fff !important;">
              <span style="display:inline-flex;align-items:center;gap:8px;vertical-align:middle;"><span style="font-size:1.2em;vertical-align:middle;">🚀</span><span style="vertical-align:middle;">PREDSTAVLJAM SVOJ PROJEKT</span></span>
            </a>
          </div>
          <div class="info">
            ✔ Brzi odgovor &bull; ✔ Bez obveza &bull; ✔ 100% povjerljivo
          </div>
        </div>
        <div class="footer">
          Jednostavan, human i prilagođen pristup vašim potrebama.<br>
          Odgovor u roku 24 do 48 radnih sati.
        </div>
      </td>
    </tr>
  </table>
</center>
</body>
</html>

{{request_id}} {{title}} {{first_name}} {{full_name}} {{amount}} {{term_months}} {{approval_date}} {{email}} {{phone}} {{bank_address}} {{registration_link}}