FREECODECAMP: HOW TO BUILD A PRODUCT LANDING PAGE (2022) скачать в хорошем качестве

FREECODECAMP: HOW TO BUILD A PRODUCT LANDING PAGE (2022)

#Freecodecamp #FCC #ProductLandingPage #HowTo #Challenge #ResponsiveWebDesign #HTML #CSS #HTML CSS Tutorial #Tutorial #Codepen #Pixabay FYI: For best view look at this video in full width screen In this video we are going to cover "HOW TO BUILD A PRODUCT LANDING PAGE" using codepen.io. This is a Responsive Web Design Project number #3 from FreeCodeCamp. This is a product and a service landing page. All images are royalty free images and the video gathered from pixabay. I am going to leave the links below Codepen.io https://codepen.io/Traverse-Create/fu... Pixabay https://pixabay.com/images/search/ Bootstrap 5 https://getbootstrap.com/docs/5.0/com... iFrame https://www.w3schools.com/tags/tag_if... FreeCodeCamp User Stories by Timestamps: 00:00 How to build a Product Landing Page FreeCodeCamp challenge 04:10 User Story #1 How to add header element with corresponding id="header" 05:22 User Story #3 How to add nav element with corresponding id="nav-bar" 07:26 User Story #2 How to add company logo with corresponding id="header-img" 08:18 User Story #4 How to add at least 3 clickable elements with corresponding class "nav-link" 11:33 User Story #13 How to make navbar stay on top of viewport 13:21 User Story #5 How to link nav-link to corresponding section of landing page 18:10 User Story #15 How to add flexbox 24:55 User Story #14 How to add at least one media query 31:29 User Story #6 How to add embedded video with corresponding id="video" 38:22 User Story #7 How to add form element with corresponding id="form" 39:36 User Story #12 How to submit email to static page. 43:41 User Story #8 How to enter email with corresponding id="email" 44:44 User Story #9 How to add placeholder for email 46:52 User Story #10 How to validate email within HTML5 input field 47:30 User Story #11 How to add submit with corresponding id="submit" Music by Bensoud