Basic-Portfolio/portfolio.html at master · sahernandezr/Basic-Portfolio · 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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
<!DOCTYPE html>

<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Sandra Hernández's Portfolio</title>
	<link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
	<header>
        <div>
                <div class="name">
                        <h1>Sandra Hernández</h1>
                </div>
                <nav>
                        <a href="index.html">About</a>&nbsp; | &nbsp;
                        <a href="portfolio.html">Portfolio</a>&nbsp; | &nbsp;
                        <a href="contact.html">Contact</a>
                </nav>
        </div>
    </header>

	<main>
        <h2 class="section-name">Portfolio</h2>

        <div class="portfolio">
            <figure class="portfolio-item">
                <img class="img-portfolio" src="assets/images/portfolio-1-thumb.jpg" alt="Hangman" width="275" height="200"/>
                <div class="name-portfolio">Hangman</div>
            </figure>

           <figure class="portfolio-item">
                <img class="img-portfolio" src="assets/images/portfolio-2-thumb.jpg" alt="RPG game" width="275" height="200"/>
                <div class="name-portfolio">RPG game</div>
            </figure>

            <figure class="portfolio-item">
                <img class="img-portfolio" src="assets/images/portfolio-3-thumb.jpg" alt="Trivia Game" width="275" height="200"/>
                <div class="name-portfolio">Trivia Game</div>
            </figure>

            <figure class="portfolio-item">
                <img class="img-portfolio" src="assets/images/portfolio-4-thumb.jpg" alt="Rutgers Info Widget" width="275" height="200"/>
                <div class="name-portfolio">Rutgers Info Widget</div>
            </figure>

            <figure class="portfolio-item">
                <img class="img-portfolio" src="assets/images/portfolio-5-thumb.jpg" alt="Rock Paper Scissors" width="275" height="200"/>
                <div class="name-portfolio">Rock Paper Scissors</div>
            </figure>
        </div>

    </main>

	<footer>
        <div class="footer">
            <small>Copyright &#169;</small>
        </div>
	</footer>

</body>

</html>