HTML_Final_Project_zink/project.html at main · mtzink/HTML_Final_Project_zink · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
<!DOCTYPE html>
<html>
    <head>
        <title>Projects</title>
        <meta charset="UTF-8">
        <nav>
            <img  src = "pictures/smileButton.png" alt = "pixel image of smiley face that smiles more when you hove over it" width="24" height="24" onmouseover="this.src='pictures/hoverButton.png'" onmouseout="this.src='pictures/smileButton.png'" >
            <br>
            <ul>
                <li><a href="index.html">Home Page<img class = a alt = "pixel image of star" src = "pictures/star.png" width="15" height="15"></a></li>
                <li><a href="hometown.html">Hometown<img class = a alt = "pixel image of house" src = "pictures/home.png" width="15" height="15"></a></li>
                <li><a href="project.html">Projects<img class = a alt = "pixel image of gear" src = "pictures/gear.png" width="15" height="15"></a></li>
                <li><a href="resume.html">Resume<img class = a alt = "pixel image of paper" src = "pictures/page.png" width="15" height="15"></a></li>
                <li><a href="contact.html">Contact<img class = a alt = "pixel image of envelope" src = "pictures/mail.png" width="15" height="15"></a></li>
                <li><a href="drawing.html">Drawing<img class = a alt = "pixel image of paintbrush" src = "pictures/brush.png" width="15" height="15"></a></li></ul></nav>
        <link href="external_style.css" rel="stylesheet">

        <header>Projects</header>

        <p>This page will implement a running list of projects that have been completed or are being worked on. The status of projects will be displayed like the example table below.</p>
        <p>Click on the hyperlink to download a .rar of the project</p>
        <table>
            <tr>
                <td>Project</td>
                <td>Status</td>
            </tr>
            <tr>
                <td>.WAV Playlist</td>
                <td><a href="projects/mtzink_final_project.rar">Complete</a></td>
            </tr>
            <tr>
                <td>Drawing Program</td>
                <td><a href="drawing.html">Featured on the Drawing page of this website!</a></td>
            </tr>
        </table>
        <a href="projects/mtzink_final_project.rar">
        <img src="pictures/Code.png" alt="Sample Code" width="200" height="221">
    </a>
        <br></body></html>