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.
pzimediadesign/web/2015-Henk-Jelle_de_Groot.html

76 lines
2.9 KiB
HTML

<!DOCTYPE HTML><html><head>
<meta charset="UTF-8">
<meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
<title>Title</title>
<link href="./css/style.css" rel="stylesheet">
<link href="./css/style_projectpage.css" rel="stylesheet">
<link href="./fonts/fontstylesheet01.css" rel="stylesheet">
<link href="./css/fixedsticky.css" rel="stylesheet">
</head>
<body>
<div id="pageWrap">
<div id="sidebar">
<div id="sidebarInner">
<div id="sideBarDesc">
<div id="sideBarDescInfo">
<a class="hoverBackA" href="index.html"><img class="template" src="./img/arrowBack.svg"></a><p>Tempted by Tomorrow</p>
</div>
<div id="sideBarDescInner">
<!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail -->
<h2 id="creator">Henk-Jelle de Groot</h2>
<p id="title">U ntitled 2015</p><!--{title} {date} -->
<!-- moved up description -->
<div id="description"></div>
<div id="bio"><p>Henk-Jelle de Groot is a Rotterdam based sound designer and musician. After graduating with an Audio / Visual design bachelor Henk-Jelle setup a sound studio in Rotterdam to work in the Audio / Visual industry. After 7 years of working he returned to the Piet Zwart Institute to graduate in a Master of comm design something something. In addition to working in the Audio / Visual industry, he is muscian and builder of electronic instruments.</p>
</div>
<p class="hightlightSidebar"><a href="" target="_blank"></a></p><!-- {website} -->
<!-- // -->
</div>
</div>
</div>
<div id="logoWrap"><img class="template" id="logo" src="./img/black_PZI_logo_p.svg"></div>
</div>
<div class="zwartArea zwartAreaWhite sidebarBorderLeft" id="section02">
<div class="fixedsticky" id="filter" style="top:0;">
<div class="themes" id="sortArea">
<a class="hoverBackB" href="index.html">
<img class="template" src="./img/arrowBack.svg">
</a>
<p>U ntitled</p><!--{title}-->
<a class="closeSidebar"><img class="template" src="./img/arrowUpW.svg"></a>
</div>
</div>
<!-- extra -->
<div class="project" id="extra">
<img id="thumbnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png">
</div>
<!---->
</div>
</div>
<script src="./js/jquery-2.1.3.min.js"></script>
<script src="./js/fixedfixed.js"></script>
<script src="./js/fixedsticky.js"></script>
<script src="./js/mainScripts_single.js"></script>
</body></html>