mirror of
https://github.com/RobertHeaton/RobertHeaton.github.io.git
synced 2026-01-11 06:12:05 +00:00
Added projects page and updated AboutMe.
Various CSS changes. Apparent issue with Main banner shrinking on pages other than index.
This commit is contained in:
97
projects.html
Normal file
97
projects.html
Normal file
@ -0,0 +1,97 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<title>RH: Projects</title>
|
||||
<link rel="stylesheet" href="4.css"/>
|
||||
<link rel="apple-touch-icon" sizes="180x180" href="apple-touch-icon.png">
|
||||
<link rel="icon" type="image/png" sizes="32x32" href="favicon-32x32.png">
|
||||
<link rel="icon" type="image/png" sizes="16x16" href="favicon-16x16.png">
|
||||
<link rel="manifest" href="site.webmanifest">
|
||||
<link rel="mask-icon" href="safari-pinned-tab.svg" color="#5bbad5">
|
||||
<meta name="theme-color" content="#ffffff">
|
||||
<meta charset="utf-8">
|
||||
<meta name="msapplication-TileColor" content="#da532c">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="circuit">
|
||||
<div id="bttn">
|
||||
<h1>Robert <b class = "title">Heaton</b></h1>
|
||||
<h2>Mechatronics Engineer</h2>
|
||||
</div>
|
||||
<div class="wrapper2">
|
||||
<a class="btn" href="index.html#aboutMe">
|
||||
<div class="landing-bttn">
|
||||
<h3>About</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a class="btn" href="projects.html#projects">
|
||||
<div class="landing-bttn">
|
||||
<h3>Projects</h3>
|
||||
</div>
|
||||
</a>
|
||||
<a class="btn" href="extra.html#memoriam">
|
||||
<div class="landing-bttn">
|
||||
<h3>Extra</h3>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="projects">
|
||||
<div class="main_info_scroll">
|
||||
<a class="project" href="project1.html">
|
||||
<div class="projectImage">
|
||||
<img src="pcb.JPG" alt="PCB with infrared sensor array for line-following" title="PCB with infrared sensor array for line-following"/>
|
||||
<h3 class="project">Project 1</h3>
|
||||
<p class="project">
|
||||
This is a placeholder for project summary.<br>
|
||||
These images are placeholders for style testing and will be updated once an actual project link is
|
||||
added with an appropriate description.<br>
|
||||
For the interim, enjoy the following texts:<br>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="main_info_scroll">
|
||||
<a class="project" href="project2.html">
|
||||
<div class="projectImage">
|
||||
<img src="photobot.JPG" alt="Autonomous arrow-following buggy" title="Autonomous arrow-following buggy"/>
|
||||
<h3 class="project">Project 2</h3>
|
||||
<p class="project">
|
||||
Skipper's in the wardroom drinking gin<br>
|
||||
Hey-oh, chicken on a raft<br>
|
||||
I don't mind knocking but I ain't going in<br>
|
||||
Hey-oh, chicken on a raft<br>
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<div class="main_info_scroll">
|
||||
<a class="project" href="project1.html">
|
||||
<div class="projectImage">
|
||||
<img src="photo_2019-11-01_19-19-59.jpg" alt="EEPROM test harness circuitry" title="EEPROM test harness circuitry"/>
|
||||
<h3 class="project">Project 3</h3>
|
||||
<p class="project">
|
||||
Where now the horse and the rider?<br>
|
||||
Where is the horn that was blowing?<br>
|
||||
Where is the helm and the hauberk,<br>
|
||||
And the bright hair flowing?
|
||||
</p>
|
||||
</div>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div id="contactInfo">
|
||||
<div class="terminator">
|
||||
<p>
|
||||
Copyright © 2020 - 2023 Robert Heaton, all rights reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user