<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Premium Neon UI</title>




</head>
<body>

<section class="neon-section">

<div class="neon-container">

  <div class="neon-card blue">
    <div class="top-bar">
      <div class="logo"></div>
      <div class="menu"><div class="dot"></div><div class="dot"></div></div>
    </div>
    <div class="content">
      <h2>AI Platform</h2>
      <p>Build intelligent automation tools.</p>
    </div>
    <a href="#" class="neon-btn">Explore</a>
    <div class="neon-glow"></div>
  </div>

  <div class="neon-card green">
    <div class="top-bar">
      <div class="logo"></div>
      <div class="menu"><div class="dot"></div><div class="dot"></div></div>
    </div>
    <div class="content">
      <h2>Startup Dashboard</h2>
      <p>Track and scale your startup.</p>
    </div>
    <a href="#" class="neon-btn">Explore</a>
    <div class="neon-glow"></div>
  </div>

  <div class="neon-card purple">
    <div class="top-bar">
      <div class="logo"></div>
      <div class="menu"><div class="dot"></div><div class="dot"></div></div>
    </div>
    <div class="content">
      <h2>Creative Studio</h2>
      <p>Design powerful digital experiences.</p>
    </div>
    <a href="#" class="neon-btn">Explore</a>
    <div class="neon-glow"></div>
  </div>

  <div class="neon-card pink">
    <div class="top-bar">
      <div class="logo"></div>
      <div class="menu"><div class="dot"></div><div class="dot"></div></div>
    </div>
    <div class="content">
      <h2>Web App UI</h2>
      <p>Create modern web interfaces.</p>
    </div>
    <a href="#" class="neon-btn">Explore</a>
    <div class="neon-glow"></div>
  </div>

  <div class="neon-card purple">
    <div class="top-bar">
      <div class="logo"></div>
      <div class="menu"><div class="dot"></div><div class="dot"></div></div>
    </div>
    <div class="content">
      <h2>Analytics Tool</h2>
      <p>Monitor and analyze your data.</p>
    </div>
    <a href="#" class="neon-btn">Explore</a>
    <div class="neon-glow"></div>
  </div>

  <div class="neon-card green">
    <div class="top-bar">
      <div class="logo"></div>
      <div class="menu"><div class="dot"></div><div class="dot"></div></div>
    </div>
    <div class="content">
      <h2>Product Growth</h2>
      <p>Boost user engagement & growth.</p>
    </div>
    <a href="#" class="neon-btn">Explore</a>
    <div class="neon-glow"></div>
  </div>

</div>

</section>

</body>
</html>