- 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_link
button 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.
-
Notifications
You must be signed in to change notification settings - Fork 0
iserviceweb/product_web_page
Folders and files
Name | Name | Last commit message | Last commit date | |
---|---|---|---|---|
Repository files navigation
About
Simple Product Web Page
Topics
Resources
Stars
Watchers
Forks
Releases
No releases published
Packages 0
No packages published