want to cook-website, not finished yet.

<div id="title">Want To Cook</div>
<nav id="menu" role="navigation">
  <ul>
    <li><a href="#">Breakfast</a></li>
    <li><a href="#">Dinner</a></li>
    <li><a href="#">Baking</a></li>
    <li><a href="#">Most Popular</a></li>
    <li class="signinfo" id="loginli">Login</li>
    <li class="signinfo" id="signup">SignUp</li>
  </ul>
</nav>
<form class="loginForm active" id="loginForm" action="">
  <input type="email" id="email" placeholder="Email" required>
  <input type="password" id="password" placeholder="Password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required>
  <button type="submit" class="btn login" id="loginbtn">Login</button>
  <a href="#" id="forgot">Forgot UserName?</a>
</form>

<form class="signinForm" id="signinForm" action="">
  <input type="email" id="email" placeholder="Email" required>
  <input type="password" id="password" placeholder="Password" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,}" required>
  <button type="submit" class="btn signup" id="signupbtn">SignUp</button>
</form>

<div class="footer">
	<div id="footerbar"></div>
  <h2>Want To Cook</h2>
  <p>Images are from <a href="https://www.xiachufang.com/">xiachufang.com</a></p>
  <p>Created by Kacie</p>
</div>