-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathfirstthingsfirst.html
98 lines (59 loc) · 2.8 KB
/
firstthingsfirst.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
<!DOCTYPE html>
<html>
<head>
<title>First Things First</title>
<link rel="stylesheet" href="style.css" type="text/css" media="screen">
</head>
<body>
<header class="header">
<h1>Julia Paranay, Designer</h1>
<nav class='main_nav'>
<ul>
<li> <a class='work' href="index.html">Work</a></li>
<li> <a class='about' href="about.html">About</a></li>
<li> <a class='resume' href="images/resume/resume.pdf" target="_blank">Resume</a></li>
</ul>
</nav>
</header>
<section class="section_float1">
<article class="info">
<h4>Project Information</h4>
<p> GD Assignment </br>
First Things First </br>
MassArt 2013 </br>
Junior Year </br>
</p>
</article>
<article class="otherwork">
<aside>
<h4> Other Work </h4>
<nav>
<ul>
<li> <a class='lemon' href="lemonrecipecards.html">Lemon Recipe Cards</a></li>
<li> <a class='music' href="musicposter.html">Music Poster</a></li>
<li> <a class='monument' href="typographicmonument.html">Typographic Monument</a></li>
<li> <a class='Ten things' href="tenthings.html">Ten Things</a></li>
<li> <a class='book' href="theelementsofstyle.html">The Elements Of Style</a></li>
</ul>
</nav>
</aside>
</article>
</section>
<section class="section_float2">
<article class="mainarticle">
<h4>First Things First</h4>
<p> These posters demonstrate my opinion of the First Things First manifesto, written by Ken Garland. They show that the consumerist culture feeds us lies on a daily basis, and more honest designers are needed. My posters, accompanied by the short video, bring awareness to this problem in an effort to overcome it.
</p>
<iframe src="//player.vimeo.com/video/82169234" width="500" height="375" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</article>
</section>
<section class="section_float">
<article class="work_images">
<img alt="cereal_low" src="images/first_things_first/cereal_low.jpg"/>
<img alt="magazine" src="images/first_things_first/magazine_low.jpg"/>
</article>
</section>
<footer>
<p>Website designed by Julia Paranay</p>
</footer>
</body>