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




</head>

<body>

<div class="bg"></div>

<!-- NAV -->
<div class="navbar">
  <div class="logo">NeoTech</div>

  <div class="nav-links">
    <a href="#">Home</a>
    <a href="#">Product</a>
    <a href="#">Solutions</a>
    <a href="#">Contact</a>
  </div>
</div>

<!-- HERO -->
<div class="hero">

  <!-- LEFT -->
  <div class="left">
    <h1>Build Future<br><span>With Smart Tech</span></h1>
    <p>Design, build and scale next-generation applications with powerful tools and modern UI systems.</p>

    <div class="buttons">
      <button class="btn primary">Get Started</button>
      <button class="btn secondary">Explore</button>
    </div>
  </div>

  <!-- RIGHT -->
  <div class="right">

    <div class="card c1">
      <div class="dot d1"></div>
      <h4>Analytics</h4>
      <div class="bar"><span class="w1"></span></div>
      <div class="bar"><span class="w2"></span></div>
    </div>

    <div class="card c2">
      <div class="dot d2"></div>
      <h4>Performance</h4>
      <div class="bar"><span class="w3"></span></div>
    </div>

    <div class="card c3">
      <h4>Security</h4>
      <div class="bar"><span class="w2"></span></div>
      <div class="bar"><span class="w1"></span></div>
    </div>

  </div>

</div>

</body>
</html>