@@ -13,10 +13,36 @@ <h1>Product Pick</h1>
1313 </ header >
1414 < main >
1515 < form >
16- <!-- write your html here-->
17- <!--
18- try writing out the requirements first as comments
19- this will also help you fill in your PR message later-->
16+ < fieldset style ="font-size: 24px; ">
17+ < label for ="name " > Name *</ label >
18+ < br />
19+ < input type ="text " name ="name " placeholder ="Name " id ="name " minlength ="2 " required />
20+ < br />
21+ < label for ="email "> E-mail *</ label >
22+ < br />
23+ < input type ="email " name ="email " placeholder ="you@email.org " id ="email " required />
24+ < br />
25+ < label for ="colour "> Colour *</ label >
26+ < select name ="colour " id ="colour " style ="font-size: 24px; " required >
27+ < option value =""> Select a colour</ option >
28+ < option value ="Black "> Black</ option >
29+ < option value ="Obsidian "> Obsidian</ option >
30+ < option value ="Noir "> Noir</ option >
31+ </ select >
32+ < br > </ br >
33+ < label for ="size "> Size *</ label >
34+ < select name ="size " id ="size " style ="font-size: 24px; " required >
35+ < option value =""> Select a size</ option >
36+ < option value ="XS "> XS</ option >
37+ < option value ="S "> S</ option >
38+ < option value ="M "> M</ option >
39+ < option value ="L "> L</ option >
40+ < option value ="XL "> XL</ option >
41+ < option value ="XXL "> XXL</ option >
42+ </ select >
43+ < br > </ br >
44+ < button type ="submit " style ="font-size: 24px; "> Submit</ button >
45+ </ fieldset >
2046 </ form >
2147 </ main >
2248 < footer >
0 commit comments