diff --git a/index-template-2019.html b/index-template-2019.html
new file mode 100644
index 0000000..d65f8c5
--- /dev/null
+++ b/index-template-2019.html
@@ -0,0 +1,140 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>2019 Graduation Show - Lens-Based Media - Piet Zwart Institute</title>
+    <meta charset="UTF-8">
+    <meta name="apple-mobile-web-app-capable" content="yes">
+    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
+    <link href="img/PZI_icon.png" rel="icon" type="image/x-icon">    
+
+    <meta name="description" content="" />
+    <meta name="keywords" content="Lens-Based Media, project, research, degree, media, photography, cinema, animation, software, computational culture, publishing, documenting, critical, platforms, networks, Rotterdam, Netherlands, Willem de Kooning Academy, Piet Zwart Institute" />
+    <meta name="author" content="2019 Graduation Show - Lens-Based Media - Piet Zwart Institute" />
+    <!--meta name="application-name" content="Fuzzy Logic: the 2016 Graduation Show - Piet Zwart Institute" /-->
+    <!-- for Facebook -->
+    <!--meta property="og:title" content="Fuzzy Logic: the 2016 Graduation Show - Piet Zwart Institute"/-->
+    <meta property="og:type" content="website"/>
+    <meta property="og:locale" content="en_US"/>
+    <meta property="og:site_name" content="2019 Graduation Show - Lens-Based Media - Piet Zwart Institute" />
+    <meta content="http://pzimediadesign.nl/img/promotionimage2.png" property="og:image">
+    <meta property="og:url" content="http://pzimediadesign.nl/"/>
+    <meta property="og:description" content="" />
+    
+    <!--title>TITLE</title-->
+
+    <link rel="stylesheet" href="css/style.css">
+    <link rel="stylesheet" href="fonts/fontstylesheet01.css">
+    <link rel="stylesheet" href="css/fixedsticky.css">
+
+  </head>
+
+  <body>
+    <div id="pageWrap">
+      <div class="" id="zwartIntro">
+	<div class="sidebarBorderLeft zwartArea zwartAreaMobile" id="section00">
+	</div>
+	<div class="zwartArea zwartAreaText " id="section01">
+	  <div class="zwartAreaFull zwartAreaIntro">
+	    <img id="logoWhite" src="img/white_PZI_logo.svg">
+	   
+	    <!-- &lt;h1 class="highlight"&gt; Piet Zwart Institute&lt;br&gt; -->
+	    <!-- <h1>Master Media Design &amp; Communication</h1> -->
+	    <!-- <p>The Master in Media Design &amp; Communication is an intensive project-based research degree exploring the possibilities released by the friction between media and their related practices. The course does not believe in old media and new media, nor in the pattern of media extinctions that punctuate traditional media histories. Rather students exploit the resonances and gaps between photography, cinema, animation, software and computational culture. In publishing and documenting, students are expected to critically engage with the platforms and networks in which their work operate or are distributed. </p> -->
+
+
+	    <!-- TEXT -->
+
+	    
+	  </div>
+	</div>
+      </div>
+
+
+      
+
+      <div class="sidebarBorder" id="sidebar">
+	<div id="sidebarInner">
+	  <div id="sideBarDesc">
+	    <div id="sideBarDescInfo"><p>Piet Zwart Institute<br/>Lens-Based Media Graduate Festival 2019</div>
+
+	    <div id="sideBarDescInner">
+	      <!-- DATES / LOCATIONS  -->
+
+	      <!-- <p class="hightlightSidebar"><b>WDKA/ PZI graduation Shows</b></p>		
+		<ul>
+		<li>Opening: Wed 04.07 from 17:00</li>
+		<li>Wedneday - Friday: 11:00-23:00</li>
+		<li>Saturday - Sunday: 11:00-18:00</li>
+		</ul>
+		<p><b>Lens-Based: Grad Show screenings</b><br/>Fri 06.07 15:00-21:00<br/><a href="https://kinorotterdam.nl">KINO</a>, Rotterdam</p>
+		<ul>
+		  <li>16:30 - 18:00 drinks</li>
+		  <li>18:00 - 21:00 - Lens Based Grad Show screenings with a short program of 1st yr. screenings</li>
+		  <li>Additional screening is on Sunday 08.07: 15:00-18:00</li>
+		</ul>
+ -->
+	    		
+	    </div>
+	  </div>
+	</div>
+	<div id="logoWrap">
+	  <img id="logo" src="./img/black_PZI_logo_p.svg"/>
+	</div>
+      </div>
+
+      <div id="section02" class="zwartArea sidebarBorderLeft zwartAreaWhite">
+	<div id="filter" class="fixedsticky">
+          <p><a class="closeSidebar"><img src="./img/arrowUp.svg"/></a></p>
+	</div>
+	
+	<div class="isotope">
+		  <div class="grid-sizer"></div>
+	</div>
+      </div>
+      <div id="section03" class="sidebarBorderLeft zwartArea">
+	<div class="zwartAreaFull zwartColophon">
+	      <h1>WDKA/ PZI graduation Shows</h1>		
+	      <ul>
+		<li>Opening: Wed 04.07 from 17:00</li>
+		<li>Wedneday - Friday: 11:00-23:00</li>
+		<li>Saturday - Sunday: 11:00-18:00</li>
+		</ul>
+
+<!-- 		<h1>Lens-Based: Grad Show screenings</h1>
+	      <p>Fri 06.07 15:00-21:00<br/>
+		<i><a href="https://kinorotterdam.nl">KINO</a>, Rotterdam</i></p>
+		<ul>
+		  <li>16:30 - 18:00 drinks</li>
+		  <li>18:00 - 21:00 - Lens Based Grad Show screenings with a short program of 1st yr. screenings</li>
+		  <li>Additional screening is on Sunday 08.07: 15:00-18:00</li>
+		</ul>
+		<img src="img/KINO_GEELcmyk.jpg" class="logo"/>
+ -->				
+
+<p>PZI / WDKA</p>
+<p>Rotterdam University of Applied Sciences</p>
+	    <div class="project">
+	      <p ><a href="http://www.pzwart.nl/">Piet Zwart Institute</a></p>
+	      <p><a href="2015.html">Graduation Projects 2015</a></p>
+	      <p><a href="2016.html">Graduation Projects 2016</a></p>
+	      <p><a href="2017.html">Graduation Projects 2017</a></p>
+	      <p><a href="2018.html">Graduation Projects 2018</a></p>	      
+	    </div>
+	    <hr />
+	  <p>Piet Zwart Institute Master Media Design and Communication<br/>Willem de Kooning Academy<br /> Rotterdam University of Applied Sciences
+</p>
+	  
+	</div>
+      </div>
+    </div>
+  </body>
+
+  <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/isotope.pkgd.min.js'></script>
+  <script src='js/imagesloaded.pkgd.min.js'></script>
+  <script src='js/mainScripts.js'></script>
+
+
+</html>
diff --git a/work-2019-template.html b/work-2019-template.html
new file mode 100644
index 0000000..1861efd
--- /dev/null
+++ b/work-2019-template.html
@@ -0,0 +1,76 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
+
+    <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 href="javascript:history.back()" class="hoverBackA"><img class="template" src="../img/arrowBack.svg"></a><p><!--TITLE--></p>
+                    </div>
+
+                    <div id="sideBarDescInner">
+
+                        <!-- we used h2's and p's instead of divs here, moved date and deleted thumbnail  -->
+
+                        <h2 id="creator"></h2>
+
+                        <p id="title"></p><!--{title} {date} -->
+
+                        <!-- moved up description  -->
+
+                        <div id="description"></div>
+
+                        <div id="bio"></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 href="javascript:history.back()" class="hoverBackB">
+		  <img class="template" src="../img/arrowBack.svg">
+		</a>
+		<p></p><!--{title}-->
+		<a class="closeSidebar"><img class="template" src="../img/arrowUpW.svg"/></a>
+              </div>
+            </div>
+                       
+            <!-- extra -->
+
+            <div id="extra" class="project">
+	      <img id="thumbnail" src="" />
+            </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>
