Extend the HTML of the front page using semantic markup to show as the extended front page. List the HTML code. Do not spend time on layout, but you may optionally use the supplied css file. 

• Add a section with a form for configuring the recipe:
  • name: a string between 1 and 30 characters long
  • strength: a range integer between 1 and 10 
  • milk: a choice between “nomilk”, ”oatmilk”, and “cowmilk”.
• Add HTML validation such that all inputs must be entered and satisfies the above constraints.
• Add a placeholder output element (initially hidden) for the resulting text after the order is submitted; the actual content will be filled in later in the exercise.