This is a solution to the Manage landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- See all testimonials in a horizontal slider
- Receive an error message when the
form
is submitted if:- The
input
field is empty - The email address is not have an @ sign
- The
- Solution URL: Add solution URL here
- Live Site URL: Add live site URL here
- [React] (https://reactjs.org/) - JS library
- useState hook - for managing opning and closing menu
- Swiper package - for adding a slider
- HTML5 markup
- Tailwind - for styling
- Cods youtube channal - This helped me for usind Swiper package that helped me to create slider in the testmonials section it is very helpfull package
- Website - Mahmoud Akram
Excited to share my latest project 🛠️ Built with: 🔻HTML 🔻CSS 🔻Javascript 🔻Bootstrap
🔗 Try the Demo Live to explore the responsive design :
#web #web_devlopement #front_end #front_end_developer #JS #CSS #HTML #developer #javascript #cs #programming #HTML #Css #Fontawesome #html #css #js #validation #Localstorage #programming #programmer #coding #coder #code #web #website #design #designer #development #developer #webdesign #webdesigner #webdevelopment #webdeveloper #frontend #backend #frontenddeveloper #backenddeveloper #html5 #html #css3 #css #javascript #js #reactjs #engineering #engineer #software #developer