Requirements:

A contact form. This should have at least these inputs:

full name (or first and last name separately)

phone number

email address

comments

a radio set that allows the user to choose whether they'd like to be contacted by phone or email.

The name(s) and comments should be required, and the choice of how the user would like to be contacted should require either the phone or email (depending on what the user chose). The form should validate the required fields on submit (using regex, at least for the email and phone) and it should use the valid user info to create an object (customer) when the form is valid and submitted. Errors in the form should display to the user next to the input with the error and should be descriptive and noticeable. When the form is complete and submitted properly, the form should reset and display a message to the user thanking them for their submission, with the info they submitted, pulled from the object you created.

Product Display - Each "product" must include a name, image, and short description (at least a sentence or two) that is displayed when chosen. One product will display by default on page load, and only one product should ever display on screen at a time.

Game Play - There will be an input where the user enters a number between 1 and 10. You will generate a random number that you display to the screen (with that the user guessed), and either declare them a winner (their guess matches the random number) or ask them to try again (their guess does not match the random number).

Sources: Class materials and A LOT of web MDN research. ALL IMAGES COME FROM ADOBE STOCK, THESE ARE NOT MY IMAGES.

Inspiration: Atlas is a map and many people associate a map and "Atlas" with travel. That is how I came up with the name. Color palate consist of different shades of blue because it a cruise site and I associate the color blue with water.

Struggles: As a first JavaScript coded site for me, form validation was difficult. I surprisingly had a fine time doing the dark mode! I am not good at designing so this is something I will be searching and improving my skills on over the next few months!

Next Steps: I want to work further on this site to improve functionality, colors, and responsiveness. I would also like to add a checkout or a booking page and the "booking form" be changed to an inquiry form. I would like to add a vector logo in place of or next to the company name.