Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
28 changes: 28 additions & 0 deletions H01.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,28 @@
body{
font-family: cursive;
font-size: 15 px;
line-height: 1.5 em;
background-color: rgb(211, 211, 203 );
padding: 30 px;
border-color: black;
border-width: 5 px;
border-style: solid;
margin:15 px;
margin-top: 10 px;
}

p.first{
color: red;
text-decoration:underline;
font-weight:bold;
}
legend{
font-size: 100 px;
}
p{
color: red;
text-decoration:underline;
}
h1{
border-bottom:1 px solid red;
}
50 changes: 50 additions & 0 deletions H01.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
<html>
<head>
<title>PROJECT H01 </title>
<link rel="stylesheet" type="text/css" href="H01.css">
<br><br><br>
</head>
<body>
<h1> &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;WELCOME TO PROJECT H01 </h1>
<fieldset>
<legend> SURVEY FORM </legend>
<p class="first"> Let us know how we can improve the freeCodeCamp </p>
<br><br>
<form>
<label form="fir" >*Name:</label>
<input type="text" id="fir" size="20" name=""><br><br>

<label form="em" >*Email:</label>
<input type="text" id="em" size="20" name=""><br><br>
<form action="" method="">
Age:<input type="number" min="16">
</form><br><br>
Which option describes your current role? &nbsp;&nbsp;<select>
<option value="Student">Student</option><br>
<option value="Employed">Employed</option><br>
<option value="Retired">Retired</option><br>
</select><br><br>

How likely is that you recommend freeCodeCamp to a friend<br><form action="" method="">
Definitely:
<input type="radio" name="yesorno" value=""><br>
Maybe:
<input type="radio" name="yesorno" value=""><br>
Not Sure:
<input type="radio" name="yesorno" value=""><br>
</form>

Things that should be improved in the future?<p><i>(Check all that apply)</i></p>
<input type="checkbox" name="">Front-end Projects<br><br>
<input type="checkbox" name="">Back-end Projects<br><br>
<input type="checkbox" name="">Data Visualization<br><br>


</fieldset><br>
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;
<input type="submit" value="Press to Submit"><br><br>
</form>
</body>
</html>