-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
131 lines (121 loc) · 5.41 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
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
<!doctype html>
<html class="no-js" lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Rosalyn Metz | Welcome</title>
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="css/general_foundicons.css" />
<link rel="stylesheet" href="css/social_foundicons.css" />
<script src="js/vendor/modernizr.js"></script>
</head>
<body>
<div class="row">
<div class="large-12 columns">
<!-- Navigation -->
<nav class="top-bar" data-topbar>
<ul class="title-area">
<li class="name">
<h1><a href="#">Rosalyn Metz</a></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>menu</span></a></li>
</ul>
<section class="top-bar-section">
<!-- Begin Right Nav Section
<ul class="right">
<li class="divider"></li>
<li class="has-dropdown">
<a href="#">Work</a>
<ul class="dropdown">
<li><a href="#">Overview</a></li>
<li><a href="#">Curriculum Vitae</a></li>
</ul>
</li>
<li class="divider"></li>
<li class="has-dropdown">
<a href="#">Thoughts</a>
<ul class="dropdown">
<li><a href="#">Presentations</a></li>
<li><a href="#">Publications</a></li>
<li><a href="#">Blog</a></li>
</ul>
</li>
<li class="divider"></li>
<li><a href="#">Play</a></li>
<li><a href="#">Peace</a></li>
</ul>
<!-- End Right Nav Section -->
</section>
</nav>
<!-- End Navigation -->
</div>
</div>
<div class="row">
</div>
<div class="row">
<div class="large-12 columns">
<!-- Begin Header Content -->
<div class="row">
<!-- Begin Image -->
<div class="large-6 columns">
<img src="img/rosalyn_metz.jpg"><br>
</div>
<!-- End Image -->
<!-- Begin Main Header Content -->
<div class="large-6 columns">
<h3 class="show-for-small">About<hr/></h3>
<div class="panel">
<h4 class="hide-for-small">A little about me<hr/></h4>
<h5 class="subheader">
I currently work at Stanford University as the Operations Manager for the Stanford Digital Repository. I ensure that day to day repository operations run smoothly and assist with product management support for core preservation functionality. <a href="img/rosalyn_metz_cv.pdf">Check out my Curriculum Vitae (PDF)</a>.<br/><br/>In my spare time I'm a runner, yogi, and aspiring flying trapeze artist.
</h5>
</div>
</div>
<!-- End Main Header Content -->
<!-- Begin Social Content -->
<div class="large-6 columns">
<h3 class="show-for-small">Follow<hr/></h3>
<div class="panel">
<h4 class="hide-for-small">Follow me on social media<hr/></h4>
<a href="http://www.twitter.com/rosy1280" class="large button"><i class="foundicon-social-twitter"></i></a>
<a href="https://www.linkedin.com/in/rosalynmetz" class="large button"><i class="foundicon-social-linkedin"></i></a>
<a href="https://github.com/rosy1280" class="large button"><i class="foundicon-social-github"></i></a>
<a href="https://www.youtube.com/user/rosalynmetz" class="large button"><i class="foundicon-social-youtube"></i></a>
</div>
</div>
<!-- End Social Content -->
</div>
<!-- End Header Content -->
</div>
</div>
<!-- Begin Footer -->
<footer class="row">
<div class="large-12 columns">
<hr>
<div class="row">
<div class="large-6 columns">
<p>© Built by Rosalyn Metz in the <a href="http://foundation.zurb.com" target="_blank">Foundation Framework</a>.</p>
</div>
<div class="large-6 columns">
<!-- Begin Right Footer Links
<ul class="inline-list right">
<li><a href="#">Curriculum Vitae</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Twitter</a></li>
<li><a href="#">YouTube</a></li>
</ul>
<!-- End Right Footer Links -->
</div>
</div>
</div>
</footer>
<!-- End Footer -->
<script src="js/vendor/jquery.js"></script>
<script src="js/vendor/fastclick.js"></script>
<script src="js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>