-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy patheducation.html
More file actions
134 lines (124 loc) · 4.15 KB
/
education.html
File metadata and controls
134 lines (124 loc) · 4.15 KB
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
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE HTML>
<!--
Phantom by HTML5 UP
html5up.net | @ajlkn
Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
-->
<html>
<head>
<title>THANKS, I made it!</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<link rel="stylesheet" href="assets/css/main.css" />
<noscript><link rel="stylesheet" href="assets/css/noscript.css" /></noscript>
</head>
<body class="is-preload">
<!-- Wrapper -->
<div id="wrapper">
<!-- Header -->
<header id="header">
<div class="inner">
<!-- Logo -->
<a href="index.html" class="logo">
<span class="symbol"><img src="images/Needle_Thread.jpg" alt="" /></span><span class="title">THANKS, I made it!</span>
</a>
<!-- Nav -->
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
</ul>
</nav>
</div>
</header>
<!-- Menu -->
<nav id="menu">
<h2>Menu</h2>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about_me.html">About Me</a></li>
<li><a href="education.html">Education</a></li>
<!-- ><li><a href="sewing.html">Sewing</a></li> -->
<li><a href="video.html">Video</a></li>
<li><a href="technology.html">Tech</a></li>
<!-- <li><a href="elements.html">Design</a></li> -->
<li><a href="more.html">More!</a></li>
</ul>
</nav>
<!-- Main -->
<div id="main">
<div class="inner">
<h1>Education</h1>
<section class="tiles">
<article class="style1">
<!-- This changes the solid color of the box -->
<span class="image">
<img src="images/Hannah_Interview.png" alt="" />
<!-- This changes the background image -->
</span>
<a href="https://mipops.tumblr.com/tagged/interview">
<h2>MIPoPS Interview Series</h2>
<div class="content">
<p>Profiles on movers and shakers in the MIPoPs universe.</p>
</div>
</a>
</article>
<article class="style1">
<span class="image">
<img src="images/Freeway.png" alt="" />
</span>
<a href="freeway.html">
<h2>Seattle's Freeway Revolt</h2>
<div class="content">
<p>A directory of historical resources documenting Seattle citizen activism.</p>
</div>
</a>
</article>
<article class="style1">
<span class="image">
<img src="images/aippres.png" alt="" />
</span>
<a href="youcandoit.html">
<h2>You can do it!</h2>
<div class="content">
<p>Presentation empowering archivists to use open source tools to process A/V materials</p>
</div>
</a>
</article>
<article class="style1">
<span class="image">
<img src="images/digidaytile.png" alt="" />
</span>
<a href="public_digi_day.html">
<h2>Public Digitization Day</h2>
<div class="content">
<p>Strategies and Outcomes for Public Digitization Events: A Case Study</p>
</div>
</a>
</article>
</section>
</div>
</div>
<!-- Footer -->
<footer id="footer">
<div class="inner">
<section>
<h2>Follow</h2>
<ul class="icons">
<li><a href="https://github.com/alavigne12" class="icon brands style2 fa-github"><span class="label">GitHub</span></a></li>
<li><a href="mailto:ari.lavigne@gmail.com" class="icon solid style2 fa-envelope"><span class="label">Email</span></a></li>
</ul>
</section>
<ul class="copyright">
<li>© Arielle Lavigne. All rights reserved. 2019</li><li>Design: <a href="http://html5up.net">HTML5 UP</a></li>
</ul>
</div>
</footer>
</div>
<!-- Scripts -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/browser.min.js"></script>
<script src="assets/js/breakpoints.min.js"></script>
<script src="assets/js/util.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>