Technology Stack: 1. Use only HTML and CSS to complete this project, do NOT use any libraries. Content: 1. My product landing page should have a header element with corresponding id="header". Content: 2. I can see an image within the #header element with a corresponding id="header-img". A company logo would make a good image here. Content: 3. Within the header element I can see a nav element with corresponding id="nav-bar". Content: 4. I can see at least three clickable elements inside the nav element, each with the class "nav-link". Content: 5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page. Content: 6. I can watch an embedded product video with id="video". Content: 7. My landing page has a form element with a corresponding id="form". Content: 8. Within the form, there is an input field with id="email" where I can enter an email address. Content: 9. The #email input field should have placeholder text to let the user know what the field is for. Content: 10. The #email input field uses HTML5 validation to confirm that the entered text is an email address. Content: 11. Within the form, there is a submit input with corresponding id="submit". Content: 12. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://site.com/email-submit) that confirms the email address Layout: 1. The navbar should always be at the top of the viewport. Layout: 2. My product landing page should have at least one media query. Layout: 3. My product landing page should utilize CSS flexbox at least once. Remember to use the Research-Ask method if you get stuck. Technology Stack: 1. Use only HTML and CSS to complete this project, do NOT use any libraries. Content: 1. My product landing page should have a header element with corresponding id="header". Content: 2. I can see an image within the #header element with a corresponding id="header-img". A company logo would make a good image here. Content: 3. Within the header element I can see a nav element with corresponding id="nav-bar". Content: 4. I can see at least three clickable elements inside the nav element, each with the class "nav-link". Content: 5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page. Content: 6. I can watch an embedded product video with id="video". Content: 7. My landing page has a form element with a corresponding id="form". Content: 8. Within the form, there is an input field with id="email" where I can enter an email address. Content: 9. The #email input field should have placeholder text to let the user know what the field is for. Content: 10. The #email input field uses HTML5 validation to confirm that the entered text is an email address. Content: 11. Within the form, there is a submit input with corresponding id="submit". Content: 12. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://site.com/email-submit) that confirms the email address Layout: 1. The navbar should always be at the top of the viewport. Layout: 2. My product landing page should have at least one media query. Layout: 3. My product landing page should utilize CSS flexbox at least once. Remember to use the Research-Ask method if you get stuck. Technology Stack: 1. Use only HTML and CSS to complete this project, do NOT use any libraries. Content: 1. My product landing page should have a header element with corresponding id="header". Content: 2. I can see an image within the #header element with a corresponding id="header-img". A company logo would make a good image here. Content: 3. Within the header element I can see a nav element with corresponding id="nav-bar". Content: 4. I can see at least three clickable elements inside the nav element, each with the class "nav-link". Content: 5. When I click a .nav-link button in the nav element, I am taken to the corresponding section of the landing page. Content: 6. I can watch an embedded product video with id="video". Content: 7. My landing page has a form element with a corresponding id="form". Content: 8. Within the form, there is an input field with id="email" where I can enter an email address. Content: 9. The #email input field should have placeholder text to let the user know what the field is for. Content: 10. The #email input field uses HTML5 validation to confirm that the entered text is an email address. Content: 11. Within the form, there is a submit input with corresponding id="submit". Content: 12. When I click the #submit element, the email is submitted to a static page (use this mock URL: https://site.com/email-submit) that confirms the email address Layout: 1. The navbar should always be at the top of the viewport. Layout: 2. My product landing page should have at least one media query. Layout: 3. My product landing page should utilize CSS flexbox at least once. Remember to use the Research-Ask method if you get stuck.