Hi,
Please have a look at my product landing Page project and give your feedback. I have built it with HTML, CSS, and javascript. Took me almost 4 days to complete it. Any suggestions /advice on improving the design are most welcomed.
link: link
So, here’s what I love about your site: the parallax effect, the colors and the layout.
Here’s what I think can be improved upon:
The background image is great, but I think it’s a bit in-your-face. Maybe lower the opacity.
The submit button text is overflowing. It’s not wide enough.
I think some hover effects on the buttons or pricing would be cool. Just invert the colors.
And just for fun, if you are familiar with javascript you could add a smooth scroll effect to the navigation. Just youtube it.
Thank you so much for your feedback! I really like when people review because It helps to see the other perspective. I will surely work on the improvements you suggested.
I did not understand your point about the submit button Can you please screenshot the problem. It would be very helpful.
Thank you for pointing it out.
The problem was I did not set value="Submit" . It didn’t cause a problem in chrome but the problem appeared in Firefox and Edge. I have corrected it now. Also, I have changed the opacity, does it look better? I have also applied the hover effect.
@NaoG@b3u I have added the text-shadow to the footer text and increase the font size, does it look better now? Also, I could not understand about the overlap
I see the drop shadow, it makes it slightly easier to read. But I personally wouldn’t stick with it. Its still not the easiest. I’m not sure if its the font or the size or a combination of both.
In terms of the overlap. When i go into the codepen’s full view there is no issue, but for some reason when i’m in the editor view it overlaps, like I showed in the picture. I doubt many will be viewing it through that so its up to you if you want to mess with it or not