-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
151 lines (101 loc) · 8.19 KB
/
index.html
File metadata and controls
151 lines (101 loc) · 8.19 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
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content="Porfolio site for Meghan Schofield, a web designer and graphic designer">
<title>Meghan Schofield - Portfolio</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/styles.css">
<!-- jQuery Library -->
<script type="text/javascript" src="jquery-1.10.1.min.js"></script>
<!-- Mousewheel plugin -->
<script type="text/javascript" src="fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Fancybox -->
<link rel="stylesheet" href="fancybox/source/jquery.fancybox.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/jquery.fancybox.pack.js"></script>
<!-- Fancybox Helpers-->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>
<!-- Optionally add helpers - button, thumbnail and/or media -->
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-buttons.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-buttons.js"></script>
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-media.js"></script>
<link rel="stylesheet" href="fancybox/source/helpers/jquery.fancybox-thumbs.css" type="text/css" media="screen" />
<script type="text/javascript" src="fancybox/source/helpers/jquery.fancybox-thumbs.js"></script>
</head>
<body>
<header>
<a href="#headerdoodleURL" id="headerdoodle" >Meghan Schofield Porfolio</a>
<nav>
<ul>
<li><a href="index.html" class="current">Home</a></li>
<li><a href="#portfolio">Portfolio</a></li>
<li><a href="images/resume.pdf" target=_blank>Resume</a></li>
<li><a href="#wallpapers">Wallpapers</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
<p id="intro">Meghan Schofield is a designer, illustrator, project manager, type lover, risotto maker and baker. </p><p>Her passion is making things. Big and small – digital and physical – complicated and simple. The primary goal is to create experiences which are beautiful, engaging and powerful.</p><p>She’s hard at work learning new stuff, and loving life. She's available for freelance, contract or even, full-time work if the opportunity fits!</p>
</header>
<h1><a name="portfolio"></a><img src="images/h1circles.png" alt="header circle decorcation" width="125" height="45" class="h1circlesp"/>PORTFOLIO</h1>
<figure class="leftrow">
<a class="portfolioimage fancybox" rel="group1" href="images/portfolio/image1lbig.jpg" href="images/portfolio/image1lbig2.jpg" href="images/portfolio/image1lbig3.jpg" title="Annual Report for the Ohio State University Medcial College. Role: Designer, Illustrator, Editor, Infographics designer, Print Production Manager and Client Lead"><img src="images/portfolio/image1l.jpg" alt="Annual Report" height="130" width"220"/></a>
<a class="portfolioimage fancybox" rel="group1" href="images/portfolio/image1lbig2.jpg" title="Annual Report for the Ohio State University Medcial College. Role: Designer, Illustrator, Editor, Infographics designer, Print Production Manager and Client Lead"></a>
<a class="portfolioimage fancybox" rel="group1" href="images/portfolio/image1lbig3.jpg" title="Annual Report for the Ohio State University Medcial College. Role: Designer, Illustrator, Editor, Infographics designer, Print Production Manager and Client Lead"></a>
<figcaption>Print</figcaption>
<a class="portfolioimage fancybox" rel="group2" href="images/portfolio/image1lbig.jpg title=" "><img src="images/portfolio/image2l.png" alt="Infographics" height="130" width"220" class="portfolioimage fancybox"></a>
<figcaption>Infographics</figcaption>
<img src="images/portfolio/image3l.png" alt="Invitation" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>Invitation</figcaption>
<img src="images/portfolio/image4l.png" alt="Book Cover Illustration" height="130" width"220"> <a class="portfolioimage fancybox" rel="group" href="big image" img="image4l.png" title="Role: Illustrator"></a>
<figcaption>Book Cover Illustration</figcaption>
<img src="images/portfolio/image5l.jpg" alt="History Museum Signage" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>History Museum Signage</figcaption>
</figure>
<figure class="rightrow">
<img src="images/portfolio/image1r.jpg" alt="Museum Signage" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>Museum Signage</figcaption>
<img src="images/portfolio/image2r.png" alt="Web Design" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>Web Design</figcaption>
<img src="images/portfolio/image3r.jpg" alt="Museum Signage" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>Museum Signage</figcaption>
<img src="images/portfolio/image4r.png" alt="Invitation" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>Invitation</figcaption>
<img src="images/portfolio/image5r.jpg" alt="Exhibit Design" height="130" width"220" class="portfolioimage fancybox" />
<figcaption>Exhibition Design</figcaption>
</figure>
<p id="sectionnote">Wanna see more? Please,<a href="mailto:meghanschofield@gmail.com">get in touch</a>. I have more to show in several specific areas. Thanks!</p>
<h1><a name="wallpapers"/></a><img src="images/h1circles.png" alt="header circle decorcation" width="130" height="45" class="h1circlesw"/>WALLPAPERS</h1>
<p>These were made, mostly for fun and for personal use. Some are commissions (paid for with a, “please”) while others are from random bursts of inspiration and jokes.</p>
<figure>
<img src="images/wallpapers/image01.jpg" alt="Enchilada Spirit Animal dark blue" height="312" width"500" class="wallpapers"/>
<figcaption>Enchilada Spirit Animal in Dark Blue</figcaption>
<img src="images/wallpapers/image02.jpg" alt="Enchilada Spirit Animal light blue" height="312" width"500" class="wallpapers"/>
<figcaption>Enchilada Spirit Animal in Light Blue</figcaption>
<img src="images/wallpapers/image03.jpg" alt="Taco Spirit Animal" height="312" width"500" class="wallpapers"/>
<figcaption>Taco Spirit Animal</figcaption>
<img src="images/wallpapers/image04.jpg" alt="Fat Happy Cat" height="312" width"500" class="wallpapers"/>
<figcaption>Fat Happy Cat</figcaption>
</figure>
<h1><a name="contact"></a><img src="images/h1circles.png" alt="header circle decorcation" width="125" height="45" class="h1circlesc"/>Contact</h1>
<ul id="contactlist">
<li><a href="https://twitter.com/littlemegared" target="blank">Twitter</a></li>
<li><a href="http://dribbble.com/meghan-schofield" target="blank">Dribbble</a></li>
<li><a href="mailto:meghanschofield@gmail.com">Email</a></li>
<li><a href="http://www.linkedin.com/pub/meghan-schofield/1/485/818" target="blank">LinkedIn</a></li>
<li><a href="https://www.facebook.com/meghanschofield" target="blank">Facebook</a></li>
</ul>
<h1><img src="images/h1circles.png" alt="header circle decorcation" width="125" height="45" class="h1circleste"/>The End</h1>
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox();
});
</script>
</body>
</html>