<!DOCTYPE html> |
<html> |
<head lang= "en" > |
<meta charset= "utf-8" > |
<title>Chapter 3</title> |
<link rel= "stylesheet" href= "reset.css" /> |
<link rel= "stylesheet" href= "3-1.css" /> |
</head> |
<body> |
<table id= "calendar" > |
<caption>October 2017</caption> |
<thead> |
<tr> |
<th scope= "col" title= "Sunday" >S</th> |
<th scope= "col" title= "Monday" >M</th> |
<th scope= "col" title= "Tuesday" >T</th> |
<th scope= "col" title= "Wednesday" >W</th> |
<th scope= "col" title= "Thursday" >T</th> |
<th scope= "col" title= "Friday" >F</th> |
<th scope= "col" title= "Saturday" >S</th> |
</tr> |
</thead> |
<tfoot> |
<tr> |
<td colspan= "3" id= "prev" ><a href= "#" title= "" >« Sep</a></td> |
<td class= "pad" > </td> |
<td colspan= "3" id= "next" ><a href= "#" title= "" >Nov »</a></td> |
</tr> |
</tfoot> |
<tbody> |
<tr> |
<td colspan= "3" class= "pad" > </td><td>1</td><td>2</td><td>3</td><td>4</td> |
</tr> |
<tr> |
<td><a href= "#" title= "" >5</a></td><td>6</td><td>7</td><td>8</td><td>9</td><td>10</td><td>11</td> |
</tr> |
<tr> |
<td><a href= "#" title= "" >12</a></td><td>13</td><td>14</td><td>15</td><td>16</td><td>17</td><td>18</td> |
</tr> |
<tr> |
<td><a href= "#" title= "" >19</a></td><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td> |
</tr> |
<tr> |
<td><a href= "#" title= "" >26</a></td><td id= "today" >27</td><td>28</td><td>29</td><td>30</td><td>31</td><td class= "pad" > </td> |
</tr> |
</tbody> |
</table> |
<div class= "box" > |
<form method= "get" action= "http://www.randyconnolly.com/tests/process.php" > |
<fieldset> |
<legend>Meeting Details</legend> |
<p><label>Client Name: </label> |
<input type= "text" name= "client" placeholder= "Enter name" /></p> |
<p><label>First Meeting? </label> <input type= "checkbox" name= "first" /></p> |
<p><label>Client Type: </label> |
<input type= "radio" name= "type" value= "School" />School |
<input type= "radio" name= "type" value= "College" />College |
<input type= "radio" name= "type" value= "University" />University |
</p> |
</p> |
<p><label>Meeting Date: </label> |
<input type= "date" name= "date" /></p> |
<input type= "submit" text= "Add Meeting" /> |
</form> |
</div> |
</body> |
</html> |