Logo Company Newsletter

I built this simple newsletter signup page from scratch using only HTML, CSS, and JavaScript. I started with the HTML skeleton, focused on building the main page first (no success modal yet), then styled it with CSS—making sure it’s fully responsive—and used BEM naming conventions to keep my code organized. Once the main landing page looked solid, I sought a second set of eyes: since I coded this alone, I turned to AI (www.doubao.com) to review it and suggest improvements (something I do sometimes—AI gets it right half the time, wrong the other!). This time, it only made minor, helpful tweaks—no overhauls that broke my work—so I kept those fixes. Next, I tackled the JavaScript: first, I replaced the browser’s default email validation with a custom one (red input border/background and a “please enter a valid email” message). Then I built the success modal (easy with HTML/CSS once I set up hidden containers) and added simple JS to toggle visibility—just using display to show/hide the modal or main page. When it was all done? I was stoked—it works exactly how I wanted!

Technologies