Project Teacher

In this example below you will see how to do a Project Teacher with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by avery_potter, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright avery_potter ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Project Teacher</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <head>
  <title>Project Teacher</title>
</head>

<body>

 Name:<input type="text">
  <h1>10th Grade Assesment </h1>
  <h2> Multiple Choice - Omnibus III </h2>
  <form>
    
  <ol>
    <li>What is the name of the ship that sailed across the Atlantic Ocean from Holland to the Plymouth Rock?<br><br> <input type="radio" name="button" id="1">A. Speedwell</input><br> <input type="radio" name="button" id="1">B. Mayflower</input><br> <input type="radio" name="button" id="1">C. Titanic</input> <br> <input type="radio" name="button" id="1">D. Oasis</input> <br></li>
    <br>
    <li>What were the two names the people from England were known as?<br><br> <input type="radio" name="button" id="1">A. Pilgrims <br> <input type="radio" name="button" id="1">B. Puritans <br> <input type="radio" name="button" id="1">C. Both A and B<br><input type="radio" name="button" id="1"> D. None of the above <br></li>
    <br>
    <li>What was the name of the man who documented the Pilgrims journey from Holland to The New World?<br><br><input type="radio" name="button" id="1">A. Isaac Allerton</input> <br><input type="radio" name="button" id="1"> B. John Alden</input><br> <input type="radio" name="button" id="1">C. Willian Bradford</input><br> <input type="radio" name="button" id="1">D. William Brewster</input><br></li>
    <br>
    <li>What was the date the Puritans set sail for The New World?<br><br><input type="radio" name="button" id="1"> A. April 19, 1619<br> <input type="radio" name="button" id="1">B. September 20, 1520<br> <input type="radio" name="button" id="1">C. September 16, 1620<br> <input type="radio" name="button" id="1">D. None of the above<br></li>
    <br>
    <li> What was the name of the <strong>first</strong> indian who approched the Pilgrims? <br><br><input type="radio" name="button" id="1"> A. Sammoset</input><br> <input type="radio" name="button" id="1">B. Massasoit</input><br> <input type="radio" name="button" id="1">C. Tisquantum/Squanto </input><br> <input type="radio" name="button" id="1">D. None of the above</input><br></li>
    <br>
    <li>What was the name of the <strong>second</strong> indidan who approuched the Pilgrims? <br><br><input type="radio" name="button" id="1"> A. Sammoset</input><br><input type="radio" name="button" id="1"> B. Red Bear</input><br><input type="radio" name="button" id="1"> C. Tisquantum/Squanto</input><br> <input type="radio" name="button" id="1">D. None of the above</input><br></li>
    <br>
    <li>What did Squanto do to help the Pilgrims survive<br><br> <input type="radio" name="button" id="1">A. He helped them build homes</input><br> <input type="radio" name="button" id="1">B. He showed them how to grow crops</input><br> <input type="radio" name="button" id="1">C. He didn't help them at all</input><br> <input type="radio" name="button" id="1">D. None of the above</input> <br></li>
    <br>
    <li>Which gender or age overpopulated the Mayflower when voyaging to The New World?<br><br><input type="radio" name="button" id="1"> A. Men</input><br> <input type="radio" name="button" id="1">B. Women</input><br><input type="radio" name="button" id="1"> C. Children</input><br><input type="radio" name="button" id="1"> D. Elderly</input><br></li>
    <br>
    <li>When did the Pilgrims voyage to the new world?<br><br> <input type="radio" name="button" id="1">A. Winter </input><br> <input type="radio" name="button" id="1">B. Spring </input><br><input type="radio" name="button" id="1"> C. Summer </input><br><input type="radio" name="button" id="1"> D. Fall</input>
    </li><br>
    <li>What sea did the Pilgrims journey across to get to The New World? <br><br><input type="radio" name="button" id="1"> A. Pacific</input><br> <input type="radio" name="button" id="1">B. Atlantic</input> <br> <input type="radio" name="button" id="1">C. Antartic </input><br> <input type="radio" name="button" id="1">D. None of the above</input><br></li>
  </ol><br>

  <h2>True or False - Spanish</h2>
  <ol>Instruction: Write true or false next to the question. <br><br><br>
    <li>Buenos Dias means "Good Afternoon".</li><input type="text"><br><br>
    <li>Tengo means "I have", tienes means "you have", and tiene means "he, she, it has".</li><input type="text"><br><br>
    <li>El gato esta debajo de la mesa translates to "The cat is underneath the table". </li><input type="text"><br><br>
    <li>Padre means "grandfather".</li><input type="text"><br><br>
    <li>El libro es en el escritorio translates to "The book is on top of the desk". </li><input type="text">
    <br><br><br>
    <h2> Number Answers - Math</h2>
    <ol>
      <li>45° + 55°+ X = 180°<br> Solve for X. </li><input type="text"><br><br>
      <li>3x + 6 = 4x<br>Solve for X. </li><input type="text"><br><br>
      <li>7 + 5 = </li><input type="text"><br><br>
      <li> 25 x 25 = </li><input type="text"><br><br>
      <li> 81/9 =</li><input type="text"><br><br>
    </ol><br>

    <h2> Single Word Answers  -  Spanish part 2 </h2><br>
    <ol>
      <li>What does abuelo mean?</li><input type="text"><br><br>
      <li>What does tia mean?</li><input type="text"><br><br>
      <li> What does hermano mean</li><input type="text"><br><br>
    </ol>
    <br>
    <h2>Essay Questions </h2>
    <ol>
      <li>The Pilgrims set sail for THe New World because they disgreed with the Church of England's calendar. Do you agree or disagree with their reasons for leaving? </li><input type="text" id="essay"><br><br><br><br><br>
      <li>The Indians in The New World gladly welcomed the Pilgrims and helped them survive. If you were an Indian, would you have the same response to the Pilgrims settling in The New World?</li><input type="text" id="essay">

      <br><br><br><br><button>Submit Assesment</button></form>
</body>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/avery_potter/project-teacher-ZBJeWv */
body {
  background-color:silver;

}

h1 {
  text-align: center;
}

#essay{
  width: 70%;
  height: 250px;
}

Comments