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.

48 lines
1.8 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>Media Design & Communication - Piet Zwart Institute</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="./fonts/fontstylesheet01.css">
<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 id="sortArea" class="themes">
<label><input name="video" class="video" value=".video" type="checkbox"><p>Video</p></label>
<label><input name="flash" class="flash" value=".flash" type="checkbox"><p>Flash</p></label>
<label><input name="narrative" class="narrative" value=".narrative" type="checkbox"><p>Narrative</p></label>
</div>
</div>
<div id="sidebar">
<img id="logo" src="./img/black_PZI_logo_p.svg"/>
<div id="sideBarDesc">
<div id="sideBarDescInfo" class=""><p>Graduation 2015<p></div>
</div>
</div>
<!-- <h1>Isotope - cellsByRow, element sizing</h1> -->
<div id="section02" class="zwartArea zwartAreaWhite">
<!-- <div class="isotope"></div> -->
<!-- WORKS DIV WILL BE ADDED HERE -->
</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>