Site Builder

Editing: index1.html

writable 0666

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>BestDealOn — Your Lead Generation Superpower</title>
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
      background: linear-gradient(135deg, #0f2027 0%, #2c5364 100%);
      color: #fff;
      min-height: 100vh;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: flex-start;
      animation: fadeIn 1s ease-in;
    }
    @keyframes fadeIn {
      0% { opacity: 0; }
      100% { opacity: 1; }
    }
    header {
      width: 100%;
      padding: 2.5rem 0 1rem 0;
      text-align: center;
      background: linear-gradient(90deg, #6a11cb 30%, #2575fc 100%);
      box-shadow: 0 4px 24px rgba(0,0,0,0.13);
    }
    .headline {
      font-size: 2.8rem;
      font-weight: bold;
      letter-spacing: 0.03em;
      background: linear-gradient(90deg, #fff 70%, #46c2ff 100%);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      filter: drop-shadow(0 4px 12px #fff3);
      margin-bottom: 0.3em;
      animation: pulse 2.5s infinite alternate;
    }
    @keyframes pulse {
      0% { filter: drop-shadow(0 4px 18px #fff7); }
      100% { filter: drop-shadow(0 8px 24px #46c2ff99); }
    }
    .subtitle {
      font-size: 1.35rem;
      font-weight: 500;
      margin-bottom: 1.2em;
      letter-spacing: 0.02em;
      opacity: 0.93;
    }
    .value-list {
      margin: 2em auto;
      max-width: 600px;
      display: flex;
      flex-direction: column;
      gap: 1.25em;
    }
    .value-list li {
      background: rgba(255,255,255,0.07);
      border-left: 5px solid #2575fc;
      padding: 1em 1.5em;
      border-radius: 10px;
      font-size: 1.11rem;
      box-shadow: 0 2px 8px #0003;
      transition: background 0.2s;
    }
    .value-list li:hover {
      background: rgba(70,194,255,0.13);
    }
    .price {
      font-size: 2.5rem;
      font-weight: 700;
      margin: 2em 0 1em 0;
      color: #46c2ff;
      text-shadow: 0 2px 12px #fff3;
      letter-spacing: 0.02em;
    }
    .form-section {
      background: rgba(255,255,255,0.08);
      border-radius: 1.5em;
      box-shadow: 0 4px 24px #0004;
      padding: 2.5em 2em 2em 2em;
      margin: 2em 0 1em 0;
      width: 100%;
      max-width: 420px;
      text-align: center;
      backdrop-filter: blur(2px);
      animation: fadeIn 2s 0.5s backwards;
    }
    .form-section h3 {
      margin-bottom: 0.6em;
      font-size: 1.3rem;
      color: #fff;
      letter-spacing: 0.01em;
    }
    form {
      display: flex;
      flex-direction: column;
      gap: 1.1em;
    }
    input[type=\"text\"], input[type=\"email\"] {
      padding: 0.9em;
      border-radius: 0.7em;
      border: none;
      font-size: 1.07rem;
      outline: none;
      background: #f2f7ff;
      color: #213;
      transition: box-shadow 0.2s;
      box-shadow: 0 2px 6px #2575fc26;
    }
    input[type=\"text\"]:focus, input[type=\"email\"]:focus {
      box-shadow: 0 2px 16px #2575fc48;
      background: #eafdff;
    }
    button[type=\"submit\"] {
      margin-top: 0.3em;
      padding: 1em;
      border-radius: 0.8em;
      border: none;
      background: linear-gradient(90deg, #6a11cb 10%, #2575fc 100%);
      color: #fff;
      font-size: 1.09rem;
      font-weight: bold;
      letter-spacing: 0.03em;
      box-shadow: 0 2px 12px #2575fc44;
      cursor: pointer;
      transition: background 0.2s, transform 0.1s;
    }
    button[type=\"submit\"]:hover {
      background: linear-gradient(90deg, #2575fc 30%, #46c2ff 100%);
      transform: scale(1.03);
    }
    .examples {
      margin: 3em 0 0.5em 0;
      font-size: 1.08rem;
      color: #e1f7ffcc;
    }
    .example-links {
      margin-top: 1.2em;
      display: flex;
      gap: 1.7em;
      justify-content: center;
      flex-wrap: wrap;
    }
    .example-link {
      color: #fff;
      background: #2575fc;
      padding: 0.7em 1.2em;
      border-radius: 1em;
      text-decoration: none;
      box-shadow: 0 2px 10px #2575fc33;
      font-weight: 500;
      transition: background 0.17s, color 0.15s;
    }
    .example-link:hover {
      background: #46c2ff;
      color: #213;
    }
    @media (max-width: 600px) {
      .headline { font-size: 2rem; }
      .form-section { padding: 1.3em 0.8em 1em 0.8em; }
      .value-list { font-size: 1rem; }
    }
  </style>
</head>
<body>
  <header>
    <div class="headline">Get Your Business Online — Fast, Simple, $100/yr</div>
    <div class="subtitle">BestDealOn.com: Your business, your number, your lead-generation superpower.<br>
      <span style="color:#f3ec78; background:linear-gradient(90deg,#f3ec78,#46c2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;">Pay once. Launch forever. No tech skills needed.</span>
    </div>
  </header>
  
  <div class="price">
    Just $100/year — Zero Setup Fees
  </div>
  
  <ul class="value-list">
    <li><strong>Your Own Mini-Site:</strong> Your business gets a dedicated, pro-designed web page at <b>bestdealon.com/yourphonenumber</b>.</li>
    <li><strong>Lead Generation Power:</strong> Built-in instant lead capture form delivers every prospect straight to your inbox.</li>
    <li><strong>SEO-Ready, Always Fast:</strong> Blazing fast, Google-friendly, and works great on mobile and desktop.</li>
    <li><strong>Start in 60 Seconds:</strong> No developers, no designers, no waiting. Just fill out your details and go live.</li>
    <li><strong>Update Any Time:</strong> Log in, update specials, add photos, and manage leads—all from your phone.</li>
    <li><strong>Trusted Support:</strong> U.S.-based help, real people, real results. Your business deserves it.</li>
  </ul>
  
  <div class="form-section">
    <h3>Reserve Your BestDealOn Page Now</h3>
    <form>
      <input type="text" placeholder="Business Phone Number (e.g. 555-123-4567)" required>
      <input type="email" placeholder="Your Email Address" required>
      <button type="submit">Get Started Now &rarr;</button>
    </form>
    <div style="font-size:0.97em;color:#cceaff;margin-top:0.8em;">
      <span>No credit card required — lock in your spot today.</span>
    </div>
  </div>
  
  <div class="examples">
    See live examples:
  </div>
  <div class="example-links">
    <a href="/5615551234/" class="example-link">bestdealon.com/5615551234</a>
    <a href="/2124009000/" class="example-link">bestdealon.com/2124009000</a>
    <a href="/8183339988/" class="example-link">bestdealon.com/8183339988</a>
  </div>
  
  <footer style="margin:2.5em 0 1.5em 0; text-align:center; font-size:0.98em; color:#bbb;">
    &copy; 2025 BestDealOn.com. All Rights Reserved. &bull; <span style="color:#46c2ff;">Built for your business.</span>
  </footer>
</body>
</html>

Site Builder

Editing: index1.html

Site Builder