|
|
|
<!DOCTYPE HTML><html><head>
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
|
|
|
|
<title>Media Design & Communication - Piet Zwart Institute</title>
|
|
|
|
<link href="css/style.css" rel="stylesheet">
|
|
|
|
<link href="./fonts/fontstylesheet01.css" rel="stylesheet">
|
|
|
|
<link href="http://fonts.googleapis.com/css?family=Vollkorn" rel="stylesheet" type="text/css">
|
|
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<div id="zwartIntro">
|
|
|
|
<div class="zwartArea" id="section00">
|
|
|
|
</div>
|
|
|
|
<div class="zwartArea zwartAreaText" id="section01">
|
|
|
|
<div class="zwartAreaFull">
|
|
|
|
<h1>Media Design & Communication - Piet Zwart Institute</h1>
|
|
|
|
<h1 class="highlight">Graduation 2012</h1>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="filter">
|
|
|
|
<div class="themes" id="sortArea">
|
|
|
|
<label><input class="video" name="video" type="checkbox" value=".video"><p>Video</p></label>
|
|
|
|
<label><input class="flash" name="flash" type="checkbox" value=".flash"><p>Flash</p></label>
|
|
|
|
<label><input class="narrative" name="narrative" type="checkbox" value=".narrative"><p>Narrative</p></label>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div id="sidebar">
|
|
|
|
<img id="logo" src="./img/black_PZI_logo_p.svg">
|
|
|
|
<div id="sideBarDesc">
|
|
|
|
<div class="" id="sideBarDescInfo"><p>Graduation 2015</p><p></p></div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- <h1>Isotope - cellsByRow, element sizing</h1> -->
|
|
|
|
<div class="zwartArea zwartAreaWhite" id="section02">
|
|
|
|
<!-- <div class="isotope"></div> -->
|
|
|
|
<!-- WORKS DIV WILL BE ADDED HERE -->
|
|
|
|
|
|
|
|
<div class="item" id="15986">
|
|
|
|
<a class="work" href="#">
|
|
|
|
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif">
|
|
|
|
</a>
|
|
|
|
<div class="work">
|
|
|
|
<p class="work">User:Joak/graduation/catalog1</p>
|
|
|
|
<p class="work">Joseph Knierzinger</p>
|
|
|
|
<p class="work">2015</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item" id="15999">
|
|
|
|
<a class="work" href="#">
|
|
|
|
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif">
|
|
|
|
</a>
|
|
|
|
<div class="work">
|
|
|
|
<p class="work">User:Max Dovey/maxgradbio</p>
|
|
|
|
<p class="work">Max Dovey</p>
|
|
|
|
<p class="work">2015</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item" id="15974">
|
|
|
|
<a class="work" href="#">
|
|
|
|
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/a/af/22xxxxx.jpg/500px-22xxxxx.jpg">
|
|
|
|
</a>
|
|
|
|
<div class="work">
|
|
|
|
<p class="work">Ahhhh</p>
|
|
|
|
<p class="work">JOK</p>
|
|
|
|
<p class="work">2015</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item" id="15982">
|
|
|
|
<a class="work" href="#">
|
|
|
|
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/b/bd/Collage_007_thumbnail.jpg">
|
|
|
|
</a>
|
|
|
|
<div class="work">
|
|
|
|
<p class="work">The Aesthetics of Ethics</p>
|
|
|
|
<p class="work">Ana Luísa Moura</p>
|
|
|
|
<p class="work">2015</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<div class="item" id="15965">
|
|
|
|
<a class="work" href="#">
|
|
|
|
<img class="work" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/8/85/Luther-blissett-300.jpg/500px-Luther-blissett-300.jpg">
|
|
|
|
</a>
|
|
|
|
<div class="work">
|
|
|
|
<p class="work">Qq</p>
|
|
|
|
<p class="work">Luther Blisset</p>
|
|
|
|
<p class="work">2015</p>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<!-- <script src="./js/jquery-2.1.3.min.js"></script> -->
|
|
|
|
<!-- <script src="./js/isotope.pkgd.min.js"></script> -->
|
|
|
|
<!-- <script src="./js/imagesloaded.pkgd.min.js"></script> -->
|
|
|
|
<!-- <script src="./js/mainScripts.js"></script> -->
|
|
|
|
|
|
|
|
|
|
|
|
</body></html>
|