Inspiration
I participated in Hacktoberfest and with searching some open-source projects I have found the Codedamn website where you can take the challenge to build out an exact landing page and get it looking as close to the design as possible.
What it does
A simple and minimal landing page built in HTML5 for a pre-launch to collect email addresses. https://codedamn.com/project/eventually-html5-landing-page
How I built it
As I love to create websites with Bootstrap use, I used it in this project to help myself get the needed design with a bunch of classes to use, to not create my own ones as it will be slower. Started with the HTML template first, then by looking to design added the needs to look like it. Tried to fulfill the look for mobile phones as well. And added some javascript to show the Thank you! message when entering the email address and clicking the sign-up button.
Challenges I ran into
The hardest part was to make the background to be with some dark opacity and to not get other elements to have it.
Accomplishments that I am proud of
Well, it seems like it's looking close to the design and I am proud of it.
What I learned
Giving the opacity to the background in such a way where other elements could take the same style.
Log in or sign up for Devpost to join the conversation.