home.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://cdn.jsdelivr.net/npm/remixicon@4.3.0/fonts/remixicon.css"
      rel="stylesheet"
    />
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"
    />
    <link rel="stylesheet" href="home.css" />
    <title>MONEY MAP</title>
  </head>
  <body>
    <nav>
      <div class="nav__header">
        <div class="nav-left">
          <a href="#" class="logo">
              <img style="width: 60px;" src="logo.png" alt="Money Map Logo" class="logo_image">
          </a>
          <h2 class="logo" style="margin-left: -100px;">Money Map</h2>
      </div>
        <div class="nav_menu_btn" id="menu-btn">
          <i class="ri-menu-line"></i>
        </div>
      </div>
      <ul class="nav__links" id="nav-links">
        <li><a href="home.html">HOME</a></li>
        <li><a href="tracker.html">TRACKER</a></li>
        <li><a href="contact.html">CONTACT</a></li>
        <li><a href="index.html">LOGIN/REGISTER</a></li>
      </ul>
      <div class="nav__btns"></div>
    </nav>

    <header id="home">
      <div class="header__container">
        <div class="header__content">
          <h1 style="text-align: center; font-size: 40px;">
            "Transform the way you manage money. With Money Map, you can easily
            organize your finances, track your spending, and take the first
            steps toward financial independence."
          </h1>
          </div>
        </div>
      </div>
    </header>

  </body>
</html>