- Your product web page should have a header element with a corresponding
id="header". - Within the header element, add an img element with a corresponding
id="header_img"(You can add a logo image for your product) - Within the header element, add a nav element with a corresponding
id="nav_bar" - Within the nav element, add three clickable elements, each with the
class="nav_link". - Each
.nav_linkbutton in the nav element should take you to the corresponding section of the web page. (also known as jump links on a webpage) - Add an embedded product video with
id="video"somewhere on the page. - Add a form element with a corresponding
id="form". - Within the form element, there is an input field with
id="name"for entering users name. - Within the form element, there is an input field with
id="email"for entering email addresses. - The email & name input field should have placeholder text to inform users of that field.
- The email input field uses HTML5 validation to confirm the text is an email address.
- Within the form element, there is a submit input with a corresponding
id="submit". - The email is submitted to a static page (use this mock URL: https://www.radicalx.co)
- CSS: The nav should always be at the top of the viewport.
- CSS: Your product web page should have at least one media query.
- CSS: Your product web page should utilize CSS flexbox at least once.
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent