<!doctype html>

<meta charset="utf-8">
<title>Gradient Text Generator</title>
<style>
body{font-family:system-ui;background:#0b1220;color:#e5e7eb;display:grid;place-items:center;min-height:100vh;margin:0}
.card{width:min(720px,92vw);background:#0f172a;border:1px solid #233052;border-radius:16px;padding:18px;box-shadow:0 12px 40px #0006}
.row{display:grid;gap:10px}
input,textarea,button{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #24324f;background:#0b1220;color:#e5e7eb;font-size:15px}
button{cursor:pointer;background:linear-gradient(90deg,#22c55e,#06b6d4);border:0;color:#02140b;font-weight:700}
.preview{font-size:46px;font-weight:900;line-height:1.1;margin:12px 0 6px}
.grad{background:linear-gradient(90deg,var(--c1),var(--c2),var(--c3));-webkit-background-clip:text;background-clip

<!DOCTYPE html>
<html>
<head>
<title>SMS</title>
<style>
  body{font-family:sans-serif;background:#111;color:#eee;padding:20px}
  input,button{padding:10px;margin:8px 0;width:100%;max-width:400px}
  button{background:#e33;color:white;border:none}
  #log{max-height:200px;overflow:auto;background:#222;padding:10px}
</style>
</head>
<body>

<input id="key"    placeholder="API key (textbelt = free/limited)" value="textbelt"><br>
<input id="phone"  placeholder="Phone + country code e.g. +12025550123"><br>
<input id="msg"    placeholder="Message text"><br>
<input id="count"  type="number" value="5" min="1" max="50"><br>
<button onclick="go()">Send</button>
<button onclick="stop=1">Stop</button>

<div id="log"></div>

<script>
let stop = 0;

async function go() {
  stop = 0;
  const key   = document.getElementById('key').value.trim()   || 'textbelt';
  const phone = document.getElementById('phone').value.trim();
  const msg   = document.getElementById('msg').value.trim();
  const n     = +document.getElementById('count').value || 5;

  if (!phone || !msg) return log("Missing phone or message");

  const logEl = document.getElementById('log');
  logEl.innerHTML = '';

  for(let i = 1; i <= n; i++) {
    if (stop) {
      log("Stopped");
      return;
    }

    try {
      const r = await fetch('https://textbelt.com/text', {
        method: 'POST',
        headers: {'Content-Type': 'application/x-www-form-urlencoded'},
        body: `phone=${encodeURIComponent(phone)}&message=${encodeURIComponent(msg)}&key=${key}`
      });

      const d = await r.json();
      log(`${i}/${n}  ${d.success ? 'OK' : 'FAIL'}  ${d.message||''}  quota: ${d.quotaRemaining??'?'}`, 
          d.success ? '#0f8' : '#f44');
    } catch(e) {
      log(`${i}/${n}  Network error: ${e}`, '#f44');
    }

    await new Promise(r => setTimeout(r, 1800));  // minimal polite delay
  }
  log("Finished");
}

function log(txt, color='#8f8') {
  const div = document.createElement('div');
  div.textContent = `[${new Date().toLocaleTimeString()}] ${txt}`;
  if (color) div.style.color = color;
  document.getElementById('log').appendChild(div);
  div.scrollIntoView();
}
</script>

</body>
</html>

Try it now: use key=textbelt to send 1 free text per day.

<?php
// contact.php
header('Content-Type: application/json');

$in = filter_input_array(INPUT_POST, [
  'name'    => FILTER_SANITIZE_FULL_SPECIAL_CHARS,
  'email'   => FILTER_SANITIZE_EMAIL,
  'message' => FILTER_SANITIZE_FULL_SPECIAL_CHARS,
  'hp'      => FILTER_UNSAFE_RAW, // honeypot
]);

if (!empty($in['hp'])) exit(json_encode(['ok'=>false])); // bot

$name = trim($in['name'] ?? '');
$email = trim($in['email'] ?? '');
$msg = trim($in['message'] ?? '');

if ($name==='' || $msg==='' || !filter_var($email, FILTER_VALIDATE_EMAIL)) {
  http_response_code(422);
  exit(json_encode(['ok'=>false,'error'=>'Invalid input']));
}

// TODO: mail() or SMTP here
exit(json_encode(['ok'=>true]));

.skeleton{--bg:#1f1f1f;--shine:#2b2b2b;--r:12px;--d:1.2s;background:linear-gradient(90deg,var(--bg) 25%,var(--shine) 37%,var(--bg) 63%);background-size:400% 100%;border-radius:var(--r);animation:shimmer var(--d) ease-in-out infinite}@keyframes shimmer{0%{background-position:100% 0}100%{background-position:0 0}}

<div class="skeleton" style="height:140px"></div>