-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy paththeelementsofstyle.html
97 lines (63 loc) · 2.94 KB
/
theelementsofstyle.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>
<head>
<title>The Elements Of Style Re-Design</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> Typography Assignment </br>
Book Redesign </br>
MassArt 2012 </br>
Sophomore 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='ftf' href="firstthingsfirst.html">First Things First</a></li>
</ul>
</nav>
</aside>
</article>
</section>
<section class="section_float2">
<article class="mainarticle">
<h4>The Elements of Style </h4>
<p> A redesign of the popular book The Elements of Style by William Strunk Jr. I designed, lasercut, and handmade the book myself with an overall concentration on the typography. I used the typefaces Adobe Caslon Pro and Avenir throughout my design.
</p>
</article>
</section>
<section class="section_float">
<article class="work_images">
<img alt="book" src="images/the_elements_of_style/book1_low.jpg"/>
<img alt="book" src="images/the_elements_of_style/book4_low.jpg"/>
<img alt="book" src="images/the_elements_of_style/book2_low.jpg"/>
<img alt="book" src="images/the_elements_of_style/book3_low.jpg"/>
<img alt="book" src="images/the_elements_of_style/book7_low.jpg"/>
<img alt="book" src="images/the_elements_of_style/book6_low.jpg"/>
<img alt="book" src="images/the_elements_of_style/book5_low.jpg"/>
</article>
</section>
<footer>
<p>Website designed by Julia Paranay</p>
</footer>
</body>