<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
  <title>SoundWorks DJ Company | San Jose, CA</title>
  <style>
    body {
      margin: 0;
      font-family: 'Segoe UI', sans-serif;
      background: #111;
      color: #fff;
    }
    header, footer {
      background: #000;
      padding: 20px;
      text-align: center;
    }
    nav a {
      color: #fff;
      text-decoration: none;
      margin: 0 15px;
    }
    .hero {
      background: url('https://images.unsplash.com/photo-1503424886300-4ee48c946ab1') no-repeat center center;
      background-size: cover;
      height: 80vh;
      display: flex;
      justify-content: center;
      align-items: center;
      text-align: center;
    }
    .hero h1 {
      background: rgba(0,0,0,0.7);
      padding: 20px;
      font-size: 3rem;
    }
    section {
      padding: 60px 20px;
    }
    .services, .gallery, .team {
      display: flex;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
    }
    .card {
      background: #222;
      padding: 20px;
      border-radius: 8px;
      width: 300px;
    }
    .gallery img {
      width: 300px;
      border-radius: 8px;
    }
    form input, form textarea {
      width: 100%;
      padding: 10px;
      margin: 10px 0;
      border-radius: 5px;
      border: none;
    }
    .btn {
      background: #e91e63;
      color: white;
      padding: 12px 24px;
      border: none;
      cursor: pointer;
    }
    .team-member {
      background: #222;
      padding: 20px;
      border-radius: 8px;
      width: 300px;
      text-align: center;
    }
    .team-member img {
      width: 100%;
      border-radius: 8px;
    }
    .team-member h3 {
      margin-top: 15px;
    }
    .team-member p {
      font-size: 0.9rem;
    }
    .social-links a {
      color: #e91e63;
      margin: 0 5px;
      text-decoration: none;
    }
  </style>
</head>
<body>
 
<header>
  <h1>SoundWorks DJ Company</h1>
  <nav>
    <a href="#services">Services</a>
    <a href="#about">About</a>
    <a href="#team">Team</a>
    <a href="#gallery">Gallery</a>
    <a href="#contact">Contact</a>
  </nav>
</header>
 
<div class="hero">
  <h1>Premier DJ & Event Services in San Jose</h1>
</div>
 
<section id="services">
  <h2 style="text-align:center;">Our Services</h2>
  <div class="services">
    <div class="card">
      <h3>DJ Entertainment</h3>
      <p>Top-tier music & MC services for weddings, parties, and corporate events.</p>
    </div>
    <div class="card">
      <h3>Photo Booths</h3>
      <p>Open-air and enclosed photo booths with fun props and custom branding.</p>
    </div>
    <div class="card">
      <h3>Lighting & AV</h3>
      <p>Uplighting, custom monograms, projectors, screens, and full AV support.</p>
    </div>
  </div>
</section>
 
<section id="about" style="background:#222;">
  <h2 style="text-align:center;">About Us</h2>
  <p style="max-width: 800px; margin: auto; text-align: center;">
    Founded by DJ Alvin Caampued, SoundWorks has been energizing events since the 1990s. We’re known for crowd-pumping music,
    professionalism, and tailored experiences. With DJ Tim Malate and a dedicated team, we bring quality, creativity,
    and seamless production to every event.
  </p>
</section>
 
<section id="team">
  <h2 style="text-align:center;">Meet Our Team</h2>
  <div class="team">
    <div class="team-member">
      <img src="https://via.placeholder.com/300x200" alt="DJ Alvin Caampued">
      <h3>DJ Alvin Caampued</h3>
      <p>Founder of SoundWorks DJ Company, Alvin has been energizing events since the 1990s. Known for his crowd-pumping music, professionalism, and tailored experiences, he ensures every event is memorable.</p>
      <div class="social-links">
        <a href="https://x.com/djalvinc" target="_blank">X</a>
        <!-- Add other social links if available -->
      </div>
    </div>
    <div class="team-member">
      <img src="https://via.placeholder.com/300x200" alt="DJ Tim Malate">
      <h3>DJ Tim Malate</h3>
      <p>Specializing in weddings and corporate events, Tim is recognized for his polished presentation and attention to detail. As DJ DAT1, he brings rhythm and dance into his mixes, ensuring each event runs smoothly.</p>
      <div class="social-links">
        <a href="https://www.instagram.com/djtimmalate/" target="_blank">Instagram</a>
        <!-- Add other social links if available -->
      </div>
    </div>
  </div>
</section>
 
<section id="gallery">
  <h2 style="text-align:center;">Event Gallery</h2>
  <div class="gallery">
    <img src="https://images.unsplash.com/photo-1592194996308-7b43878e84a6" alt="DJ Booth">
    <img src="https://images.unsplash.com/photo-1529156069898-49953e39b3ac" alt="Dance Floor">
    <img src="https://images.unsplash.com/photo-1502904550040-7534597429ae" alt="Event Lighting">
  </div>
</section>
 
<section id="contact" style="background:#222;">
  <h2 style="text-align:center;">Contact Us</h2>
  <form style="max-width: 600px; margin: auto;" method=" 

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8" />  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>  <title>SoundWorks DJ Company | San Jose, CA</title>  <style>    body {      margin: 0;      font-family: 'Segoe UI', sans-serif;      background: #111;      color: #fff;    }    header, footer {      background: #000;      padding: 20px;      text-align: center;    }    nav a {      color: #fff;      text-decoration: none;      margin: 0 15px;    }    .hero {      background: url('https://images.unsplash.com/photo-1503424886300-4ee48c946ab1') no-repeat center center;      background-size: cover;      height: 80vh;      display: flex;      justify-content: center;      align-items: center;      text-align: center;    }    .hero h1 {      background: rgba(0,0,0,0.7);      padding: 20px;      font-size: 3rem;    }    section {      padding: 60px 20px;    }    .services, .gallery, .team {      display: flex;      flex-wrap: wrap;      gap: 20px;      justify-content: center;    }    .card {      background: #222;      padding: 20px;      border-radius: 8px;      width: 300px;    }    .gallery img {      width: 300px;      border-radius: 8px;    }    form input, form textarea {      width: 100%;      padding: 10px;      margin: 10px 0;      border-radius: 5px;      border: none;    }    .btn {      background: #e91e63;      color: white;      padding: 12px 24px;      border: none;      cursor: pointer;    }    .team-member {      background: #222;      padding: 20px;      border-radius: 8px;      width: 300px;      text-align: center;    }    .team-member img {      width: 100%;      border-radius: 8px;    }    .team-member h3 {      margin-top: 15px;    }    .team-member p {      font-size: 0.9rem;    }    .social-links a {      color: #e91e63;      margin: 0 5px;      text-decoration: none;    }  </style></head><body>
<header>  <h1>SoundWorks DJ Company</h1>  <nav>    <a href="#services">Services</a>    <a href="#about">About</a>    <a href="#team">Team</a>    <a href="#gallery">Gallery</a>    <a href="#contact">Contact</a>  </nav></header>
<div class="hero">  <h1>Premier DJ & Event Services in San Jose</h1></div>
<section id="services">  <h2 style="text-align:center;">Our Services</h2>  <div class="services">    <div class="card">      <h3>DJ Entertainment</h3>      <p>Top-tier music & MC services for weddings, parties, and corporate events.</p>    </div>    <div class="card">      <h3>Photo Booths</h3>      <p>Open-air and enclosed photo booths with fun props and custom branding.</p>    </div>    <div class="card">      <h3>Lighting & AV</h3>      <p>Uplighting, custom monograms, projectors, screens, and full AV support.</p>    </div>  </div></section>
<section id="about" style="background:#222;">  <h2 style="text-align:center;">About Us</h2>  <p style="max-width: 800px; margin: auto; text-align: center;">    Founded by DJ Alvin Caampued, SoundWorks has been energizing events since the 1990s. We’re known for crowd-pumping music,    professionalism, and tailored experiences. With DJ Tim Malate and a dedicated team, we bring quality, creativity,    and seamless production to every event.  </p></section>
<section id="team">  <h2 style="text-align:center;">Meet Our Team</h2>  <div class="team">    <div class="team-member">      <img src="https://via.placeholder.com/300x200" alt="DJ Alvin Caampued">      <h3>DJ Alvin Caampued</h3>      <p>Founder of SoundWorks DJ Company, Alvin has been energizing events since the 1990s. Known for his crowd-pumping music, professionalism, and tailored experiences, he ensures every event is memorable.</p>      <div class="social-links">        <a href="https://x.com/djalvinc" target="_blank">X</a>        <!-- Add other social links if available -->      </div>    </div>    <div class="team-member">      <img src="https://via.placeholder.com/300x200" alt="DJ Tim Malate">      <h3>DJ Tim Malate</h3>      <p>Specializing in weddings and corporate events, Tim is recognized for his polished presentation and attention to detail. As DJ DAT1, he brings rhythm and dance into his mixes, ensuring each event runs smoothly.</p>      <div class="social-links">        <a href="https://www.instagram.com/djtimmalate/" target="_blank">Instagram</a>        <!-- Add other social links if available -->      </div>    </div>  </div></section>
<section id="gallery">  <h2 style="text-align:center;">Event Gallery</h2>  <div class="gallery">    <img src="https://images.unsplash.com/photo-1592194996308-7b43878e84a6" alt="DJ Booth">    <img src="https://images.unsplash.com/photo-1529156069898-49953e39b3ac" alt="Dance Floor">    <img src="https://images.unsplash.com/photo-1502904550040-7534597429ae" alt="Event Lighting">  </div></section>
<section id="contact" style="background:#222;">  <h2 style="text-align:center;">Contact Us</h2>  <form style="max-width: 600px; margin: auto;" method="