HTML ad tag preview - Powered by Ad Reform

Live Preview

Tag didn’t load? Click here and let us know!
616x160
99.1 KB
Share this result

Previews are deleted daily. Get a permanent share link sent to your inbox:
Script

Open in browser
<!doctype html>

<html lang="id">
<head>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>42 Garage — Racing Workshop</title>
  <link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300;400;700;800&family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
  <style>
    :root{
      --bg:#0b0b0b;
      --card:#111214;
      --accent:#e10600; /* racing red */
      --accent-2:#ffd800; /* pit-yellow */
      --muted:#9aa0a6;
      --glass: rgba(255,255,255,0.04);
      color-scheme: dark;
    }
    *{box-sizing:border-box}
    html,body{height:100%;margin:0;background:linear-gradient(180deg,#070707 0%, #0f0f0f 100%);font-family:Inter, system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; color:#e6e6e6}
    a{color:inherit;text-decoration:none}
    header{display:flex;align-items:center;justify-content:space-between;padding:18px 28px;position:sticky;top:0;background:linear-gradient(180deg, rgba(0,0,0,0.45), rgba(0,0,0,0.2));backdrop-filter:blur(6px);z-index:40}
    .brand{display:flex;align-items:center;gap:14px}
    .logo{display:inline-flex;align-items:center;gap:10px}
    .logo svg{height:44px;width:44px}
    .brand h1{font-family:Oswald, sans-serif;margin:0;font-size:20px;letter-spacing:1px}
    nav{display:flex;gap:18px;align-items:center}
    nav a{padding:8px 12px;border-radius:8px;font-size:14px;color:var(--muted)}
    nav a.cta{background:linear-gradient(90deg,var(--accent), #ff5a5a);color:white;font-weight:700}/* Hero */
.hero{display:grid;grid-template-columns:1fr 420px;gap:28px;align-items:center;padding:48px 28px}
.hero-left{max-width:900px}
.eyebrow{display:inline-block;background:var(--glass);padding:6px 10px;border-radius:999px;color:var(--accent-2);font-weight:700;font-size:13px}
h2{font-family:Oswald, sans-serif;font-size:44px;margin:16px 0 12px;line-height:1.02}
p.lead{color:var(--muted);font-size:16px;max-width:72ch}
.hero-cta{display:flex;gap:12px;margin-top:18px}
.btn{padding:12px 18px;border-radius:10px;font-weight:700;border:none;cursor:pointer}
.btn-primary{background:linear-gradient(90deg,var(--accent), #ff5a5a);color:white}
.btn-outline{background:transparent;border:1px solid rgba(255,255,255,0.06);color:var(--muted)}

.card{background:linear-gradient(180deg, rgba(255,255,255,0.02), rgba(255,255,255,0.01));padding:18px;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,0.6)}
.stats{display:flex;gap:12px;flex-wrap:wrap;margin-top:14px}
.stat{min-width:120px}
.stat b{display:block;font-size:20px}

/* Right panel */
.hero-right{padding:18px}
.bike-preview{height:320px;border-radius:10px;background-image:linear-gradient(135deg, rgba(225,16,0,0.12), rgba(255,216,0,0.06)), url('https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=1200&q=60');background-size:cover;background-position:center;display:flex;align-items:flex-end;padding:18px}
.badge{background:rgba(0,0,0,0.45);padding:8px 12px;border-radius:8px;font-weight:700}

/* Services */
.services{padding:28px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}
.service{background:var(--card);padding:18px;border-radius:10px}
.service h3{margin:8px 0 6px;font-size:18px}
.service p{color:var(--muted);font-size:14px}

/* Gallery */
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:28px}
.gallery img{width:100%;height:160px;object-fit:cover;border-radius:8px}

footer{padding:28px;border-top:1px solid rgba(255,255,255,0.02);display:flex;justify-content:space-between;align-items:center}

/* responsive */
@media (max-width:980px){
  .hero{grid-template-columns:1fr;}
  .hero-right{order:-1}
  .gallery{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:520px){
  h2{font-size:28px}
  .gallery img{height:120px}
}

/* small logo svg styling */
.logo-mark{fill:var(--accent)}

  </style>
</head>
<body>
  <header>
    <div class="brand">
      <div class="logo">
        <!-- simple SVG logo: 42 with checkered flag -->
        <svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg" aria-hidden>
          <rect width="64" height="64" rx="10" fill="#111" stroke="rgba(255,255,255,0.04)" />
          <g transform="translate(6,6)">
            <text x="6" y="30" font-family="Oswald, sans-serif" font-size="28" font-weight="800" fill="#fff">42</text>
            <path d="M38 6c4 0 6 2 10 2v22c-4 0-6-2-10-2-3 0-5 2-9 2v-22c4 0 6-2 9-2z" fill="var(--accent)" opacity="0.95"/>
          </g>
        </svg>
        <div>
          <h1>42 Garage</h1>
          <div style="font-size:12px;color:var(--muted)">Racing Workshop & Performance</div>
        </div>
      </div>
    </div>
    <nav>
      <a href="#services">Layanan</a>
      <a href="#gallery">Galeri</a>
      <a href="#booking">Booking</a>
      <a class="cta" href="#contact">Hubungi</a>
    </nav>
  </header>  <main>
    <section class="hero">
      <div class="hero-left">
        <span class="eyebrow">RACING TUNED • 24/7</span>
        <h2>Performa. Kecepatan. Presisi. <span style="color:var(--accent)">42 Garage</span></h2>
        <p class="lead">Spesialis tune-up, remap ECU, set-up suspensi balap, dan restorasi motor racing. Tim teknisi kami fokus mengeluarkan potensi maksimal motor Anda — tanpa drama, cuma hasil.</p>
        <div class="hero-cta">
          <button class="btn btn-primary">Booking Sekarang</button>
          <button class="btn btn-outline">Lihat Layanan</button>
        </div><div class="card" style="margin-top:20px">
      <div style="display:flex;justify-content:space-between;align-items:center">
        <div>
          <div style="font-size:13px;color:var(--muted)">Jam Operasional</div>
          <div style="font-weight:700">Senin - Minggu · 09:00 - 21:00</div>
        </div>
        <div class="stats">
          <div class="stat"><div style="color:var(--muted);font-size:12px">Project</div><b>+1.2k</b></div>
          <div class="stat"><div style="color:var(--muted);font-size:12px">Mechanic</div><b>6</b></div>
        </div>
      </div>
    </div>
  </div>

  <aside class="hero-right card">
    <div class="bike-preview">
      <div style="margin-left:auto;text-align:right">
        <div class="badge">Race Setup — 42 Spec</div>
        <div style="font-weight:800;font-size:18px;margin-top:8px">Ninja 650 • Full Rebuild</div>
        <div style="color:var(--muted);font-size:13px;margin-top:6px">Suspensi Ohlins · Rem Brembo · ECU remap</div>
      </div>
    </div>

    <div style="display:flex;gap:10px;margin-top:12px">
      <div style="flex:1" class="card">
        <div style="font-size:12px;color:var(--muted)">Layanan Cepat</div>
        <div style="font-weight:700;margin-top:6px">Tune-up 60 menit</div>
      </div>
      <div style="width:100px" class="card">
        <div style="font-size:12px;color:var(--muted)">Promo</div>
        <div style="font-weight:700;margin-top:6px">Diskon 10%</div>
      </div>
    </div>
  </aside>
</section>

<section id="services" class="services">
  <div class="service card">
    <h3>Engine Tuning & Remap</h3>
    <p>Optimasi kurva tenaga untuk power delivery yang lebih linear atau agresif sesuai kebutuhan balap.</p>
  </div>
  <div class="service card">
    <h3>Suspension Setup</h3>
    <p>Set-up suspensi untuk sirkuit atau jalanan — Ohlins, Showa, KYB tuning.</p>
  </div>
  <div class="service card">
    <h3>Brake & Safety</h3>
    <p>Upgrade rem, bleeding profesional, dan pengecekan keamanan balap.</p>
  </div>
  <div class="service card">
    <h3>Custom Fabrication</h3>
    <p>Rollcage frame, subframe mod, bracket khusus, dan welding precision.</p>
  </div>
</section>

<section id="gallery" class="gallery">
  <img src="https://images.unsplash.com/photo-1502877338535-766e1452684a?auto=format&fit=crop&w=800&q=60" alt="garage1" />
  <img src="https://images.unsplash.com/photo-1519681393784-d120267933ba?auto=format&fit=crop&w=800&q=60" alt="garage2" />
  <img src="https://images.unsplash.com/photo-1525609004556-c46c7d6cf023?auto=format&fit=crop&w=800&q=60" alt="garage3" />
</section>

<section id="contact" style="padding:28px;display:grid;grid-template-columns:1fr 360px;gap:18px;align-items:start">
  <div>
    <h3 style="font-family:Oswald, sans-serif">Booking & Kontak</h3>
    <p style="color:var(--muted);max-width:60ch">Tinggalkan pesan untuk jadwal servis atau konsultasi race setup. Kami akan respon cepat (kecuali pas lagi sibuk ngerjain mesin balap).</p>
    <div style="display:flex;gap:12px;margin-top:12px;flex-wrap:wrap">
      <div class="card" style="padding:12px;min-width:200px">
        <div style="font-size:12px;color:var(--muted)">Alamat</div>
        <div style="font-weight:700">Jl. Balap No.42, Kota</div>
      </div>
      <div class="card" style="padding:12px;min-width:200px">
        <div style="font-size:12px;color:var(--muted)">Telepon</div>
        <div style="font-weight:700">+62 812-XXX-XXXX</div>
      </div>
    </div>
  </div>

  <form class="card" style="padding:18px;display:flex;flex-direction:column;gap:10px">
    <input placeholder="Nama" style="padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit" />
    <input placeholder="No. HP / Whatsapp" style="padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit" />
    <textarea placeholder="Jenis layanan / catatan" style="padding:10px;border-radius:8px;border:1px solid rgba(255,255,255,0.04);background:transparent;color:inherit;height:100px"></textarea>
    <button class="btn btn-primary" style="align-self:flex-end">Kirim</button>
  </form>
</section>

  </main>  <footer>
    <div>© 42 Garage — Racing Workshop</div>
    <div style="color:var(--muted)">Follow: IG @42garage_id • FB 42 Garage</div>
  </footer>
</body>
</html>
Landing Page

This ad does not have a landing page available
Network Timeline

Performance Summary

Requests
Domains
418KB
Transfer Size
431KB
Content Size
206.0ms
Dom Content Loaded
508.0ms
First Paint
407.0ms
Load Time
Domain Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests
Timings (ms)
Total Time
Content Breakdown

Transfer Size (bytes)
Content Size (bytes)
Header Size (bytes)
Requests