/about.html

https://gitlab.com/ashishna/hayden · HTML · 73 lines · 70 code · 3 blank · 0 comment · 0 complexity · 54011baadc1cdf716be4e985948b91e9 MD5 · raw file 

    

  1. <!DOCTYPE html>
    2. 

  2. <html lang="en" >
    3. 

  3. <head>
    4. 

  4. 	<title> About Us </title>
    5. 

  5.  	<meta charset="utf-8" />
    6. 

  6.  	<meta name="description" content="security, HTML," />
    7. 

  7.  	<meta name="author" content="Hayden Smith" />
    8. 

  8. 

  9. 	<link href="styles/style.css" rel="stylesheet"/>
    10. 

  10. 

  11. </head>
    12. 

  12. 

  13. <body>
    14. 

  14. 	<header class="banner">
    15. 

  15. 		<img class="cyber" src="images/cybersecuritylogo.jpg" alt="cyberlogo" height="100" width="600"/>
    16. 

  16. 		<nav>		
    17. 

  17. 			<ul>
    18. 

  18. 				<li><a href="index.html" title="Return to our home page"> Home Page</a> </li>
    19. 

  19. 				<li><a href="jobs.html" title="Click here for all available Jobs">Available Positions</a></li>
    20. 

  20. 				<li><a href="apply.html" title="Click here to apply">Apply Now</a> </li>
    21. 

  21. 				<li><a href="about.html" title="About us">About Us</a></li>
    22. 

  22. 				<li><a href="enhancements.html" title="Click here for extra info">Extras</a></li>
    23. 

  23. 			</ul>
    24. 

  24. 		</nav>		
    25. 

  25. 	</header>
    26. 

  26. 	<section>
    27. 

  27. 		<h1> Information About Us </h1>
    28. 

  28. 			<h2 id="name"> Hayden Smith </h2>
    29. 

  29. 			<h2 id="number">100059015 </h2>
    30. 

  30. 				<img id="me" src="images/me2.jpg" alt="SelfPortrait" height="200" width="200" />
    31. 

  31. 				<p id="steve"> Tutors name: Steve Rocks </p>
    32. 

  32. 				<p id="tutorial">Tutorial Date and time: Wednesdays 2:30pm BA408</p>
    33. 

  33. 				<p id="course">Current Course: Bachelor of Computer Science</p>
    34. 

  34. 	<table id="timetable">
    35. 

  35. 		<thead> 
    36. 

  36. 			<tr>
    37. 

  37. 				<td >Semester 1 - Timetable</td>
    38. 

  38. 			</tr>
    39. 

  39. 		</thead>
    40. 

  40. 			<tr>
    41. 

  41. 				<td><a href="#"><img src="images/timetable.png" alt="Cyber" height="400" width="400" /></a>
    42. 

  42. 				</td>
    43. 

  43. 			</tr>
    44. 

  44. 		</table>
    45. 

  45. 	<p id="mail">
    46. 

  46. 		<a href="mailto:hayds_@hotmail.com">Send Mail to Hayden!</a>
    47. 

  47. 	</p>
    48. 

  48. 	</section>
    49. 

  49. 		<aside>	
    50. 

  50. 			<img src="images/mask.jpg" alt="cyber2" height="230" width="250"/><a class="title-links" href="#"></a>
    51. 

  51. 		</aside>
    52. 

  52. 		<aside>
    53. 

  53. 			<img src="images/skull.jpg" alt="cyber2" height="230" width="250"/><a class="title-links" href="#"></a>
    54. 

  54. 		</aside>
    55. 

  55. 		<aside>
    56. 

  56. 			<img src="images/shield.jpg" alt="cyber2" height="230" width="250"/><a class="title-links" href="#"></a>
    57. 

  57. 		</aside>
    58. 

  58. 		<aside>
    59. 

  59. 			<img src="images/password.jpg" alt="cyber2" height="221" width="250"/><a class="title-links" href="#"></a>
    60. 

  60. 		</aside>
    61. 

  61. 	<footer>
    62. 

  62. 		<ul>
    63. 

  63. 			<li><a href="">Support</a></li>
    64. 

  64. 			<li><a href="">Contact</a></li>
    65. 

  65. 			<li><a href="">More Info</a></li>
    66. 

  66. 			</ul>
    67. 

  67. 		<p>
    68. 

  68. 			&#169; Hayden Smith 2016. All rights reserved. 
    69. 

  69. 		</p>
    70. 

  70. 				<div class="clear"></div>
    71. 

  71. 	</footer>
    72. 

  72. 	</body>
    73. 

  73. </html>
    74.