-
Notifications
You must be signed in to change notification settings - Fork 0
/
cross-section.html
executable file
·129 lines (103 loc) · 6.57 KB
/
cross-section.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
<!DOCTYPE html>
<html lang="en" class="no-js">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Monique Marchwiany / The Cross Section</title>
<link href='http://fonts.googleapis.com/css?family=Lato:300,400' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="css/default.css" />
<link rel="stylesheet" type="text/css" href="css/component.css" />
<link rel="stylesheet" type="text/css" href="css/fontello.css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="js/modernizr.custom.js"></script>
</head>
<body>
<header>
<h1><a href="index.html">Monique Marchwiany</a></h1>
<ul class="nav">
<li><a href="about.html">About</a></li>
<li><a href="index.html">Portfolio</a></li>
<li><a href="monique_marchwiany_resume.pdf" target="_blank">Résumé</a></li>
<li class="clearfix"></li>
</ul>
</header>
<div class="main" id="scand">
<div id="scandpic">
<section data-speed="4" data-type="background">
<h2>The Cross Section:<br/>An Exploration of all Things Nordic</h2>
<h4>Print Design</h4>
</section>
</div>
<div class="text">
<div class="summary grid_8"><p><em>The Cross Section</em> is an academic journal with submissions from undergraduate students studying Scandinavian Studies from the University of Wisconsin-Madison. </p>
<div class="contributors">
<p><span>Launched:</span> May 2014</p>
</div>
</div>
<div class="line"></div>
<div class="download grid_4 omega">
<p>Want to see it in action?</p>
<p><a href="https://strategy.faa.illinois.edu/index.html" target="_blank"><strong>Live Site</strong></a></p>
</div>
<div class="clearfix"></div>
</div>
<div class="images">
<ul class="twocolumn">
<li class="right"><img src="img/full/strategy/strategy_01.png" alt="img01"></li>
<li><img src="img/full/strategy/strategy_02.png" alt="img01"></li>
<li class="right"><img src="img/full/strategy/strategy_03.png" alt="img01"></li>
<li><img src="img/full/strategy/strategy_04.png" alt="img01"></li>
<li class="right"><img src="img/full/strategy/strategy_old.png" alt="img01"></li>
<li ><img src="img/full/strategy/strategy_old.png" alt="img01"><p>Old Site</p></li>
</ul>
</div>
<div class="clearfix"></div>
</div>
<div class="imagenav">
<a href="faceit.html"><div title="Code: 0xe807" class="the-icons span3"><i class="icon-left-open"></i></div></a>
<a href="javascript:void(0)" class="show_hide"><div title="Code: 0xe801" class="the-icons span3"><i class="icon-th"></i></div></a>
<a href="ficcionestypografika.html"><div title="Code: 0xe808" class="the-icons span3"><i class="icon-right-open"></i></div></a>
</div>
<div class="clearfix"></div>
<div class="slidingDiv" style="display: block;">
<div class="navpics">
<div class="images">
<ul class="threecolumn">
<li><a href="ibook.html"><img class="grayscale" src="img/portfolio/bw/ibook2.jpg" alt="Memory iBook"></a></li>
<li><a href="faceit.html"><img class="grayscale" src="img/portfolio/bw/game.jpg" alt="Face It Board Game"></a></li>
<li><a href="ap-machining.html"><img class="grayscale" src="img/portfolio/bw/apm.jpg" alt="Advanced Precision Machining"></a></li>
<li><a href="ficcionestypografika.html"><img class="grayscale" src="img/portfolio/bw/typografika2.jpg" alt="Ficciones Typografika"></a></li>
<li><a href="ninthletter.html"><img class="grayscale" src="img/portfolio/bw/planb.jpg" alt="Ninth Letter"></a></li>
<li><a href="admissions.html"><img class="grayscale" src="img/portfolio/bw/admissions.jpg" alt="Admissions"></a></li>
<li><a href="galleryguide.html"><img class="grayscale" src="img/portfolio/bw/galleryguide.jpg" alt="Spurlock Gallery Guide"></a></li>
<li><a href="cookbook.html"><img class="grayscale" src="img/portfolio/bw/cookbook.jpg" alt="Prosperity Garderns Cookbook"></a></li>
<li><a href="thinblueline.html"><img class="grayscale" src="img/portfolio/bw/thinblueline.jpg" alt="The Thin Blue Line Infographic"></a></li>
<li><a href="perceptions.html"><img class="grayscale" src="img/portfolio/bw/perception2.jpg" alt="Perception Website"></a></li>
<li><a href="webmasters.html"><img class="grayscale" src="img/portfolio/bw/webmasters.jpg" alt="Webmasters"></a></li>
<li><a href="fineart.html"><img class="grayscale" src="img/portfolio/bw/fruit.jpg" alt="Fine Art"></a></li>
<li><a href="facespacewebsite.html"><img class="grayscale" src="img/portfolio/bw/facespace.jpg" alt="Facespace"></a></li>
<li><a href="squirreldescent.html"><img class="grayscale" src="img/portfolio/bw/squirreldescent.jpg" alt="Squirrel Descent"></a></li>
<li><a href="rebus.html"><img class="grayscale" src="img/portfolio/bw/rebus.jpg" alt="Fine Art"></a></li>
</ul>
</div>
</div>
<div class="clearfix"></div>
</div>
<footer>
<div id="icons">
<a href="mailto:[email protected]"><div title="Gmail" class="the-icons span3"><i class="icon-mail-alt"></i></div></a>
<a href="http://lnkd.in/bhmrzHi" target="_blank"><div title="Linkedin" class="the-icons span3"><i class="icon-linkedin-squared"></i></div></a>
<a href="http://instagram.com/mmarchwiany/" target="_blank"><div title="Instagram" class="the-icons span3"><i class="icon-instagramm"></i></div></a>
<div class="clearfix"></div>
</div>
<div class="footerline"></div>
<div id="footertext">
<p> © 2014 Monique Marchwiany. All Rights Reserved.</p>
<div class="thanks"><p>Thanks for browsing.</p></div>
</div>
</footer>
<script src="js/toucheffects.js"></script>
<script src="js/main.js"></script>
</body>
</html>