product-landing-page

Responsive Web Design Project for FreeCodeCamp (4 of 5)
You can access the page here:
🙌🏼 https://htmlpreview.github.io/?https://github.com/jessislearning/product-landing-page/blob/main/index.html

or here:
🙌🏼 https://codepen.io/jessislearning/full/xxoxqEp

🏩 Our product is a one-bedroom staycation unit located in Quezon City, Philippines
🤍 The page features an "About", "Amenities" and "Book your stay" sections
📋 It features a pseudo-booking form that submits to a freeCodeCamp static page
🎥 A video element is embedded
⭐️ The page is made responsive by a media query that adjusts the navigation bar and booking form to fit the screen correctly

A preview of the page is shown in the image below:

---

🙏🏼 Book the actual property, you can check it out here:

✨ https://www.airbnb.com/rooms/980065787642817297?guests=1&adults=1&s=67&unique_share_id=c95bb7f2-458b-4208-af7f-e9fdb9c89d03 ✨

---

For more information on the details of the freeCodeCamp project, please find it here: https://www.freecodecamp.org/learn/2022/responsive-web-design/build-a-product-landing-page-project/build-a-product-landing-page