-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
97 lines (81 loc) · 4.14 KB
/
index.html
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
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Markus Schiffer's Portfolio Homepage</title>
<link rel="stylesheet" type="text/css" href="styles/stylesheet.css">
<link href="https://fonts.googleapis.com/css?family=Arimo|DM+Serif+Text|Literata:700|Righteous&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/37af231497.js"></script>
</head>
<body>
<header>
<h1>Markus Schiffer's Portfolio Homepage</h1>
<nav class="navbox">
<h4>Navigation</h4>
<i class="fas fa-handshake"></i>
<a href="about-me.html">About Me</a>
<i class="fas fa-handshake"></i>
<a href="https://github.com/MarkusSchiffer/portfolio">GitHub Repo</a>
<i class="fas fa-handshake"></i>
</nav>
</header>
<section class="container">
<article class="box">
<h3>Assignment 1</h3>
<img src="https://cdn.pixabay.com/photo/2014/06/14/10/02/road-368719_1280.jpg" alt="A road with a clear starting point." width="128" height="96">
<a href="assignment-1.html">Assignment 1</a>
</article>
<article class="box">
<h3>Assignment 2</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Folder.svg/240px-Folder.svg.png" alt="A folder." width="128" height="96">
<a href="about-me.html">About Me</a>
</article>
<article class="box">
<h3>Assignment 3</h3>
<img src="images/space.jpg" alt="Beautiful galaxy artwork." width="128" height="96">
<a href="wonders-of-the-galaxy.html">Wonders of the Galaxy</a>
</article>
<article class="box">
<h3>Assignment 4</h3>
<img src="https://cdn.pixabay.com/photo/2017/02/16/13/42/box-2071537_1280.png" alt="A cardboard box." width="128" height="96">
<a href="kitties-to-go.html">Kitties To Go!</a>
</article>
<article class="box">
<h3>Assignment 5</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/4b/Spielzeugfeder_%28Slinky%29.jpg/320px-Spielzeugfeder_%28Slinky%29.jpg" alt="A flexable slinky." width="128" height="96">
<a href="images/site-old-version.png">Original Appearance</a>
</article>
<article class="box">
<h3>Assignment 6</h3>
<img src="https://media.defense.gov/2016/Oct/17/2001648862/825/780/0/160927-D-ZZ999-002A.JPG" alt="Advanced DARPA technology." width="128" height="96">
<a href="images/a6-changes.png">Transitions Explained</a>
</article>
<article class="box">
<h3>Assignment 7</h3>
<img src="https://images.pexels.com/photos/135018/pexels-photo-135018.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260" alt="Cathedral architecture." width="128" height="96">
<a href="archery.html">Archery Site Basic</a>
</article>
<article class="box">
<h3>Assignment 8</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/d/d5/Contenido_Multimedia.png/320px-Contenido_Multimedia.png" alt="Parts of Multimedia." width="128" height="96">
<a href="archery.html">Archery Site Done</a>
</article>
<article class="box">
<h3>Assignment 9</h3>
<img src="https://media.defense.gov/2013/Feb/19/2000074793/780/780/0/130219-F-BZ728-001.JPG" alt="Filling out a physical survey" width="128" height="96">
<a href="contact-form.html">Contact Form</a>
</article>
<article class="box">
<h3>Assignment 10</h3>
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/b/b1/Heinkel_HE_5_wing_structure_details_photo_NACA_Aircraft_Circular_No.38.jpg/320px-Heinkel_HE_5_wing_structure_details_photo_NACA_Aircraft_Circular_No.38.jpg" alt="Aircraft wing framework." width="128" height="96">
<a href="project-enhancements.html">Project Enhancements</a>
</article>
</section>
<footer>
<p><small>This is a website by Markus Schiffer, created in 2019.</small></p>
<i style="opacity: 0.2" class="fas fa-shoe-prints"></i>
<i style="opacity: 0.5" class="fas fa-shoe-prints"></i>
<i style="opacity: 1" class="fas fa-shoe-prints"></i>
</footer>
</body>
</html>