Skip to content
Submitted over 2 years ago

Fylo dark theme landing page. HTML / SCSS / JS GSAP

Pablo Montoya Varela•300
@PaliTriesToDesign
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Fylo dark theme landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

This is my first project using SCSS.

First, I started watching the most recent video from Coder Coder on youtube just to get the basics of managing the files. I added just basic animations with GSAP to get into it and a basic 'validation' for the 'Early Access' section.

Any suggestions on how to code a real form validation with js? I don't know how to check if the input text contains an @ or blank spaces. I would really appreciate it.

Thanks!

Community feedback

  • ibimina•490
    @ibiminaPosted over 2 years ago

    hello

    To check for a valid email address the input type should be set to type="email" yours is set to type="text", also add the required attribute to make sure the form is not submitted without a valid email address

    <form class="input"> <input id="email-input" type="email" placeholder="[email protected]" required/> <button id="email-btn">Get Started For Free</button> </form>

    I hope this helps Regards...

    Marked as helpful
    1
    Pablo Montoya Varela•300
    @PaliTriesToDesignPosted over 2 years ago

    @ibimina Hey Ibimina!

    I will try your suggestion. Thank you very much!

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord