It's now time to practice what we learned.
And for this,
I want you to build this form.
As always, if the colors are different,
that's not the main focus.
You should just try to generally build this form
and come as close to that form as possible.
Now, of course,
it's mostly about the HTML input elements which you use.
Please note that we'll have different elements
for just a name,
for an email address,
for a phone number.
Then a longer element here,
which has more space for the message.
A dropdown here for selecting the channel,
how we found this page.
Then some radio buttons here.
And then also this check box at the bottom.
And we also have some validation.
If I try to submit this in an empty state,
I get this automatic warning by the browser.
And that is your task.
Try building this form, this entire page,
on your own, from the ground up.
Add this form.
Also configure the form submission with what you learned,
though, that's not too important
since we don't handle the form submission anyways.
But make sure you add all those HTML elements
for handling the input, for having validation,
for structuring the form, and also add some styling.
Styling, of course, is up to you.
You get a general idea of how you could style it here.
Please note that the buttons also look differently,
that I got slight hover effects here for those buttons,
and that we also have a focus style
if I click into one of these inputs.
And now, with that,
that is your challenge.
As always, try it on your own first.
In the next lectures,
we are going to solve this together, step by step
and definitely use these lectures
to compare your solution to mine,
and to also, again, practice all those core concepts,
but as mentioned,
definitely give it a try on your own first.