Site Builder

Editing: index.cached.html

writable 0666

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Fast Lou | Transform your Life, Build a stronger YOU, and inspire others.</title>
<meta name="viewport" content="width=device-width,initial-scale=1">

<link rel="canonical" href="https://bestdealon.com/social/fastlou/?rebuild=1">
<meta name="robots"   content="index,follow,max-snippet:-1,max-image-preview:large">
<meta name="referrer" content="strict-origin-when-cross-origin">

/* hero, logo, badge … unchanged */
.hero{position:relative;text-align:center;color:var(--fg-ribbon);
      padding:3rem 1rem 2.2rem;
      background:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 6' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='6' cy='3' r='1.2' fill='%23ffffff22'/%3E%3C/svg%3E") center/6px repeat,
                 linear-gradient(120deg,var(--violet1) 0%,var(--violet2) 100%);
      background-blend-mode:screen}
.hero h1{margin:.05em 0 .25em;font-size:2.4rem;font-weight:900;
         background:linear-gradient(90deg,#ffffff 0%,#e9e6ff 90%);
         -webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero p{margin:.4em auto 0;font-size:1.15rem;font-weight:600;max-width:620px}
.hero p::after{content:'';display:block;margin:.55rem auto 0;width:50%;height:.12rem;background:#ffe480;border-radius:2px;opacity:.8}
.hero::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 72%,rgba(0,0,0,.06));pointer-events:none}
.logo{position:absolute;top:18px;left:22px;font-weight:900;letter-spacing:-.5px;text-decoration:none;font-size:1.35rem;line-height:1;z-index:3}
.logo .b{color:#fff}.logo .d{color:#28d764}.logo .o{color:#ff3737}
.badge{position:absolute;top:18px;right:22px;padding:.48em 1.2em;border-radius:999px;font-size:.83rem;font-weight:800;display:flex;align-items:center;gap:.45em;text-transform:uppercase}
.badge-prem{background:linear-gradient(90deg,#ffd54d 0%,#ffea96 100%);color:#473400}
.badge-free{background:#ffe0e0;color:#7d0000}
@media(max-width:480px){.logo{left:14px;font-size:1.2rem}.badge{right:14px;font-size:.74rem;padding:.42em 1em}.hero{padding-top:90px}}
</style>
</head>
<body>

<header class="hero">
  <a class="logo" href="/" aria-label="Best Deal On">
    <span class="b">BEST&nbsp;</span><span class="d">DEAL&nbsp;</span><span class="o">ON</span>
  </a>
        <div class="badge badge-prem">★ Premium Influencer</div>
    <h1>Fast Lou</h1>
  <p>Transform your Life, Build a stronger YOU, and inspire others.</p>
</header>

<main>
    
<a name="about"></a>
<section class="ab-shell">
  <div class="ab-card">
          <h2>About Fast Lou</h2>
      <p>The time is NOW to take control of your health, sharpen your mind, and fortify your body and spirit. With RFK Jr. leading the charge in reshaping the health and nutrition industry, we’re on the brink of a revolution that puts your well-bein</p>
    
    <div class="ab-idstrip">
              <div class="item">👤 @fastlou</div>
      
              <div class="item">🌐 
          <a href="https://fastlou.com/" target="_blank" rel="noopener">
            fastlou.com/          </a>
        </div>
      
              <div class="item">📞 
          <a href="tel:7272599113">
            (727) 259-9113          </a>
        </div>
      
              <div class="item">📍 Seminole, FL</div>
          </div>
  </div>
</section>

.ab-card h2{margin:0 0 .75rem;font-size:1.4rem;font-weight:700;color:#102a66}
.ab-card p {margin:0 0 1.3rem;font-size:1.06rem;line-height:1.55;color:#333}

/* identity strip */
.ab-idstrip{display:flex;flex-wrap:wrap;gap:.9em 1.4em}
.item{display:flex;align-items:center;font-size:.96rem;color:#333;gap:.4em}
.item a{color:#0066ff;text-decoration:none}
.item a:hover{text-decoration:underline}

@media(max-width:480px){
  .ab-idstrip{flex-direction:column;align-items:flex-start}
}
</style>
                <a name="links"></a>
<section class="ln-shell">
  <div class="ln-card">
          <h2>🔗 Recommended Links</h2>
      <p class="ln-upsell">
                  You haven’t added any links yet. Head to your dashboard to showcase your favourite articles and sponsor pages.
              </p>
      </div>
</section>

/* ---------- card ---------- */
.ln-card{
  background:#fff;padding:1.7rem 1.5rem;border:3.5px solid #ffb63b;
  border-radius:27px;box-shadow:0 8px 26px rgba(0,0,0,.06)
}
.ln-card h2{margin:0 0 1.1rem;font-size:1.35rem;font-weight:700;color:#102a66;text-align:center}

/* ---------- list styles ---------- */
.ln-list{list-style:none;padding:0;margin:0}
.ln-list li{margin:1.15em 0}
.ln-title{font-size:1.05rem;color:#1a0dab;text-decoration:none}
.ln-title:hover{text-decoration:underline}
.ln-url{font-size:.83rem;color:#006621;margin-top:.1em}
.ln-excerpt{font-size:.9rem;color:#545454;margin-top:.25em;line-height:1.35}

/* ---------- upsell paragraph ---------- */
.ln-upsell{font-size:.95rem;color:#333;text-align:center;margin:0}
</style>
    <a name="follow"></a>
<section class="sl-shell">
  <div class="sl-card">
    <h2>Follow Fast Lou</h2>

</div>
</section>

/* ===== Badges (AA contrast) ===== */
.sl-badge{
  display:inline-flex;align-items:center;gap:.4em;
  margin:.25em .36em;padding:.36em .7em .32em;
  border-radius:16px;font-size:.88rem;font-weight:600;text-decoration:none;
  color:#111;                               /* HIGH‑CONTRAST text */
  box-shadow:0 1px 4px rgba(0,0,0,.08);transition:.15s transform
}
.sl-badge:hover{transform:translateY(-1px)}

/* palette chosen for ≥ 4.5:1 contrast with #111 text */
.vid{background:#ffe6e6}   /* light red  */
.pod{background:#eadcff}   /* light purple */
.soc{background:#dfefff}   /* light blue   */

.sl-badge svg{flex:0 0 14px;display:block}
</style>
    <a name="rss"></a><section class="rs-shell">
  <div class="rs-card">
    <h2>📰 Latest Posts</h2>
    <ul class="rs-list"><li><a class="rs-title" href="https://fastlou.com/make-abs-great-again-free-30-day-ai-fitness-nutrition-plan/" target="_blank" rel="noopener">MAKE ABS GREAT AGAIN – FREE 30-DAY AI FITNESS &amp; NUTRITION PLAN!</a> <span class="rs-date">Mar&3b03Z;17,&3b03Z;2025</span></li><li><a class="rs-title" href="https://fastlou.com/the-keto-diet-a-lifestyle-for-optimal-health/" target="_blank" rel="noopener">The Keto Diet: A Lifestyle for Optimal Health</a> <span class="rs-date">Mar&3b31Z;3,&3b31Z;2025</span></li><li><a class="rs-title" href="https://fastlou.com/264-2/" target="_blank" rel="noopener">Untitled</a> <span class="rs-date">Aug&8b06Z;2,&8b06Z;2024</span></li><li><a class="rs-title" href="https://fastlou.com/hello-world/" target="_blank" rel="noopener">Hello world!</a> <span class="rs-date">Jul&7b19Z;29,&7b19Z;2024</span></li></ul>      </div>
</section>
<style>
.rs-shell{margin:2.4rem auto;max-width:clamp(480px,70vw,720px);width:100%;
          font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
          text-align:center}
.rs-card{background:#fff;padding:1.6rem 1.4rem;border:3.5px solid #ffb63b;
         border-radius:27px;box-shadow:0 8px 22px rgba(0,0,0,.05)}
.rs-card h2{margin:0 0 1.1rem;font-size:1.33rem;font-weight:700;color:#102a66}
.rs-list{list-style:none;padding:0;margin:0 auto;max-width:430px;text-align:left}
.rs-list li{margin:1.05em 0}
.rs-title{font-size:1.04rem;color:#1a0dab;text-decoration:none}
.rs-title:hover{text-decoration:underline}
.rs-date{display:block;font-size:.82rem;color:#555;margin-top:.18em}
@media(prefers-color-scheme:dark){
  .rs-card{background:#1a1f2b;border-color:#ffb63b;box-shadow:0 6px 18px #0006}
  .rs-title{color:#96b5ff}
  .rs-date{color:#aaa}
}
</style>
    <a name="qr"></a><section class="qr-shell">
  <div class="qr-card">
    <img src="/social/fastlou/qr.png" width="170" height="170"
         alt="QR code for Fast Lou"
         style="border-radius:14px;box-shadow:0 1.5px 10px #e3eefd">

<h3>Scan to Save Contact</h3>

<button id="dlBtn" class="qr-btn" aria-label="Download vCard">
      📱 Add to Phone (vCard)
    </button>
    <div class="qr-hint">Works on iOS & Android · ≈9 kB</div>
  </div>
</section>

<div class="cf-body">
      
      <div class="cf-group">
        <div>
          <label class="cf-label" for="cfFirst">First</label>
          <input class="cf-input" id="cfFirst" name="first" maxlength="32" required>
        </div>
        <div>
          <label class="cf-label" for="cfLast">Last</label>
          <input class="cf-input" id="cfLast" name="last" maxlength="32" required>
        </div>
      </div>

<div class="cf-group">
        <div>
          <label class="cf-label" for="cfEmail">Your E‑mail</label>
          <input class="cf-input" id="cfEmail" name="email" type="email" maxlength="60" required>
        </div>
        <div>
          <label class="cf-label" for="cfPhone">Phone</label>
          <input class="cf-input" id="cfPhone" name="phone" maxlength="18">
        </div>
      </div>

<div class="cf-group">
        <div>
          <label class="cf-label" for="cfWhen">Call When</label>
          <select class="cf-select" id="cfWhen" name="when">
            <option value="" selected>–</option>
            <option>Anytime</option><option>Morning</option>
            <option>Afternoon</option><option>Evening</option>
          </select>
        </div>
        <div>
          <label class="cf-label" for="cfZone">Zone</label>
          <select class="cf-select" id="cfZone" name="zone">
            <option value="" selected>–</option>
            <option>ET</option><option>CT</option><option>MT</option><option>PT</option>
          </select>
        </div>
      </div>

<a id="cfToggle" href="#" class="cf-toggle">+ Additional Information</a>
      <div id="cfExtra" class="cf-extra">
        <label class="cf-label" for="cfAddl">Details / Additional Info</label>
        <textarea class="cf-textarea" id="cfAddl" name="details" rows="3"></textarea>
      </div>

/* ---------- card ---------- */
.cf-form{
  background:#fff;border-radius:10px;overflow:hidden;
  box-shadow:0 4px 12px rgba(0,0,0,.12);
}

/* header ribbon */
.cf-head{
  background:#9C27B0;color:#fff;text-align:center;
  padding:1.1rem .8rem;font-weight:700;font-size:1.25rem;line-height:1.2;
}
.cf-head span{display:block;font-size:.85rem;font-weight:600;opacity:.9;margin-top:.25em}

/* body */
.cf-body{padding:1rem;color:#000}
.cf-group{display:flex;flex-wrap:wrap;gap:1em;margin-top:1em}
.cf-group:first-of-type{margin-top:0}
.cf-group>div{flex:1 1 160px;min-width:130px}

/* controls */
.cf-label{display:block;font-weight:600;color:#000;margin-bottom:.5em;font-size:.95rem}
.cf-input,.cf-select,.cf-textarea{
  width:100%;padding:.6em .8em;border:1px solid #CCC;border-radius:6px;
  font-size:1rem;background:#F9F9F9;transition:border-color .2s,background .2s;
}
.cf-input:focus,.cf-select:focus,.cf-textarea:focus{
  border-color:#64B5F6;background:#FFF;outline:none
}
.cf-textarea{resize:vertical;min-height:120px}

/* toggle link */
.cf-toggle{display:block;text-align:right;font-size:.9rem;color:#000;font-weight:600;
           text-decoration:underline;margin-top:1em}
.cf-toggle:hover{text-decoration:none}
.cf-extra{display:none;margin-top:.8rem}

/* send button */
.cf-btn-wrap{text-align:right;margin-top:1.4rem}
.cf-button{
  background:#9C27B0;color:#fff;font-weight:700;padding:.7em 2em;border:none;
  border-radius:6px;box-shadow:0 2px 6px rgba(0,0,0,.12);cursor:pointer;font-size:1rem
}
.cf-button:hover{background:#7B1FA2}

/* mobile tweak */
@media(max-width:480px){
  .cf-group>div{flex:1 1 100%}
}
</style>

/* build mailto and fire */
function cfSend(ev){
  ev.preventDefault();
  const v=id=>document.getElementById(id).value.trim();
  const rows=[
    `Name: ${v('cfFirst')} ${v('cfLast')}`,
    `E‑mail: ${v('cfEmail')||'—'}`,
    v('cfPhone')?`Phone: ${v('cfPhone')}`:'',
    v('cfWhen') ?`Call When: ${v('cfWhen')}`:'',
    v('cfZone') ?`Zone: ${v('cfZone')}`:''
  ].filter(Boolean);

if(v('cfAddl')) rows.push('','Additional Information:',v('cfAddl'));
  const body=encodeURIComponent(rows.join('\n'));
  const subject=encodeURIComponent('Contact @fastlou');
  location.href=`mailto:fastlou232%40gmail.com?subject=${subject}&body=${body}`;
  return false;
}
</script>
        
<a name="tags"></a>
<section class="tg-shell">
  <div class="tg-card">
    <h2>Tags</h2>

<h3 class="tg-sub">Services &amp; Topics</h3>
<div class="tg-group svc"><a class="tg-badge svc" href="/search.php?user=fastlou&tag=Fitness">Fitness</a>
<a class="tg-badge svc" href="/search.php?user=fastlou&tag=coach">coach</a>
</div>
    <h3 class="tg-sub">Locations Served</h3>
<div class="tg-group loc"><a class="tg-badge loc" href="/search.php?user=fastlou&tag=Seminole">Seminole</a>
<a class="tg-badge loc" href="/search.php?user=fastlou&tag=FL">FL</a>
<a class="tg-badge loc" href="/search.php?user=fastlou&tag=Bay+Pines">Bay Pines</a>
<a class="tg-badge loc" href="/search.php?user=fastlou&tag=Indian+Rocks+Beach">Indian Rocks Beach</a>
<a class="tg-badge loc" href="/search.php?user=fastlou&tag=Largo">Largo</a>
<a class="tg-badge loc" href="/search.php?user=fastlou&tag=Belleair+Beach">Belleair Beach</a>
<a class="tg-badge loc extra" href="/search.php?user=fastlou&tag=Pinellas+Park">Pinellas Park</a>
<a href="#" class="tg-toggle" data-tg="loc">Show&nbsp;more&nbsp;▾</a></div>
  </div>
</section>

/* headings */
.tg-card h2{margin:0 0 1rem;font-size:1.35rem;font-weight:700;color:#102a66}
.tg-sub    {margin:1.1em 0 .4em;font-size:1.05rem;font-weight:600;color:#555}

/* badges */
.tg-badge{
  display:inline-block;
  margin:.27em .34em;
  padding:.35em .7em .3em;
  border-radius:18px;
  font-size:.88rem;
  font-weight:600;
  text-decoration:none;
  transition:.15s background;
}
.tg-badge:hover{background:#e8f1ff}
.tg-badge.svc{background:#ecf3ff;color:#114faa}
.tg-badge.loc{background:#e7fbe3;color:#1d6f2c}

/* show‑more link */
.tg-toggle{margin-left:.4em;font-size:.9rem;font-weight:600;color:#1567b2;
           text-decoration:underline;cursor:pointer}

/* hidden extras */
.extra{display:none}
.open .extra{display:inline-block}

@media(max-width:480px){
  .tg-toggle{display:block;margin:.6em 0 0}
}
</style>

<div class="pp-gauge">
      <svg width="120" height="120" viewBox="0 0 42 42">
        <circle cx="21" cy="21" r="18" fill="none"
                stroke="#e5effb" stroke-width="4"/>
        <circle cx="21" cy="21" r="18" fill="none"
                stroke="#1ec57d" stroke-width="4"
                stroke-dasharray="113 113"
                stroke-linecap="round" transform="rotate(-90 21 21)"/>
        <text x="50%" y="50%" dominant-baseline="middle"
              text-anchor="middle" font-size="11" font-weight="700"
              fill="#0e4b24">100</text>
      </svg>
      <div class="label">Performance</div>
    </div>

<div class="pp-actions">
              <button data-url="https://pagespeed.web.dev/report?url=https://bestdealon.com/social/fastlou/">
          Test This Page
        </button>
                    <button data-url="https://pagespeed.web.dev/report?url=https://fastlou.com">
          Test Website
        </button>
          </div>
  </div>
</section>

<div style="text-align:center;font-size:.9rem;margin:1.5rem 0 2.5rem;">
   <a href="/members/dashboard.php">Dashboard</a> ·  <a href="?rebuild=1">⟳ Rebuild static cache</a> · 
  <a href="index.cached.html" target="_blank">View cached HTML</a>
</div>

</body>
</html>

Site Builder

Editing: index.cached.html

Site Builder