<main><h1>Project2</h1>
<Article>
<div><p id=description>let me know how can i improve</p></div>
<form id ="survey-form">
<div><label for="text" id="name-label">Name:</label>
<input type="text" id="text" name="text" placeholder="Enter a Name"></div>
<div><label for="email" id="email-label">Email:</label>
<input type="email" id="email" name="email" required placeholder="Enter a valid email"></div>
<div><label for="number" id="number-label">Age:</label>
<input type="number" id="number" name="number" min="1" max="90" required placeholder="Enter your age"></div>
<label for="Opinion">What do you think about my page:</label>
<div>
<select id="dropdown" name="Opinion">
<option disabled value>Select an option</option>
<option value="Excellent">Excellent</option>
<option value="Very Good">Very Good</option>
<option value="Good">Good</option>
<option value="Bad">Bad</option>
<option value="Very bad">Very bad</option>
<option value="Kill your self">Kill your self</option></select>
</div>
<div>
<p>What do i lack the most:</p>
<input type="radio" id="CSS" name="CSS" value="CSS" checked>
<label for="CSS">CSS</label>
<input type="radio" id="HTML" name="HTML" value="HTML" checked>
<label for="HTML">HTML</label>
<div>
<p>Are you new:</p>
</div>
<div>
<input type="checkbox" id="A" name="A" value="A">
<label for="A">Nah</label>
</div>
<div>
<input type="checkbox" id="cool" name="cool" value="cool">
<label for="cool">New</label>
</div>
<div><label for="comment">Give me a comment:</label> </form></div>
<textarea id="comment" name="comment" rows="5" cols="33">
What do you think ....
</textarea>
<div>
<input type="submit" value="Submit">
</div>
</Article>
html{
font-size:25px;
margin:20px;
background-color:white;
}
Article{
background-color:lightblue;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.