You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

46 lines
3.0 KiB
HTML

<!DOCTYPE HTML><html><head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>Media Design &amp; 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 &amp; 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>
<!-- &lt;h1&gt;Isotope - cellsByRow, element sizing&lt;/h1&gt; -->
<div class="zwartArea zwartAreaWhite" id="section02">
<!-- &lt;div class="isotope"&gt;&lt;/div&gt; -->
<!-- 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="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>
<!-- &lt;script src="./js/jquery-2.1.3.min.js"&gt;&lt;/script&gt; -->
<!-- &lt;script src="./js/isotope.pkgd.min.js"&gt;&lt;/script&gt; -->
<!-- &lt;script src="./js/imagesloaded.pkgd.min.js"&gt;&lt;/script&gt; -->
<!-- &lt;script src="./js/mainScripts.js"&gt;&lt;/script&gt; -->
</body></html>