{
  display: flex;
  justify-content: space-between;
}

@media (max-width: 600px) {.container {
    flex-direction: column;
  }
}

<button class="btn btn-success">Subscribe</button>

<button class="bg-green-500 text-white px-4 py-2 rounded">Subscribe</button>

<button id="btn">Hide</button>
<p id="text">Hello World</p>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  $("#btn").click(function() {
    $("#text").hide();
  });
</script>

<form onsubmit="return validateForm()">
  <input type="email" id="email" placeholder="Email">
  <button type="submit">Submit</button>
</form>

<script>
function validateForm() {
  const email = document.getElementById("email").value;
  if (email === "") {
    alert("Email is required");
    return false;
  }
}
</script>

<button onclick="toggleTheme()">Toggle Dark Mode</button>

<script>
function toggleTheme() {
  document.body.classList.toggle("dark-mode");
}
</script>
<style>.dark-mode {
  background-color: #111;
  color: #fff;
}
</style>

git init

git status

git add index.html
git add.     # Adds all files

git commit -m "Added homepage structure"

git log

git remote add origin https://github.com/yourusername/repo.git

git push -u origin main

git pull origin main

git branch feature-navbar
git checkout feature-navbar
# Make changes, then:
git add.
git commit -m "Added navbar"
git checkout main
git merge feature-navbar