diff --git a/web/2015-Artyom.html b/web/2015-Artyom.html
index 1156b54..930d17b 100644
--- a/web/2015-Artyom.html
+++ b/web/2015-Artyom.html
@@ -2,7 +2,7 @@
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
 
-    <title>Artyom-graduation-work</title>
+    <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" />
@@ -24,13 +24,14 @@
 
                         <h2 id="creator">Artyom</h2>
 
-                        <p id="title">Artyom-graduation-work 2015</p>
+                        <p id="title">Title 2015</p>
 
-                        <!-- moved up   -->
+                        <!-- moved up desc  -->
 
-                        <div id="description" />
+                        <div id="description">desc</div>
 
-                        <div id="bio" />
+                        <div id="bio"><p>Artyom Kocharyan (AM) is visual artist based in Rotterdam. His work explores the contemporary visual culture, namely the culture of images that increasingly dominate the world of communication. Artyom&#8217;s work is concerned with the representation aspect of images and their ability to determine our vision of the world. Artyom is engaged with the representation apparatus that is peculiar to current digital and online culture.</p>
+</div>
 
                         <p class="hightlightSidebar"><a href="www.artyomkocharyan.com" target="_blank">www.artyomkocharyan.com</a></p>
 
@@ -46,7 +47,7 @@
         <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 src="./img/arrowBack.svg" /></a><p>Artyom-graduation-work</p><img src="./img/arrowUpW.svg" />
+		<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" />
                     <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
                 </div>
             </div>
@@ -55,7 +56,7 @@
 
             <div class="project" id="extra">
 	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/6/6a/Screen_Shot_2014-10-26_at_16.10.08.jpg/500px-Screen_Shot_2014-10-26_at_16.10.08.jpg" />
-              
+              extra
             </div>
 
             <!---->
diff --git a/web/2015-Henk-Jelle_de_Groot.html b/web/2015-Henk-Jelle_de_Groot.html
index 896ee40..b29b1b5 100644
--- a/web/2015-Henk-Jelle_de_Groot.html
+++ b/web/2015-Henk-Jelle_de_Groot.html
@@ -2,7 +2,7 @@
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
 
-    <title>U ntitled</title>
+    <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" />
@@ -24,13 +24,14 @@
 
                         <h2 id="creator">Henk-Jelle de Groot</h2>
 
-                        <p id="title">U ntitled 2015</p>
+                        <p id="title">Title 2015</p>
 
-                        <!-- moved up   -->
+                        <!-- moved up desc  -->
 
-                        <div id="description" />
+                        <div id="description">desc</div>
 
-                        <div id="bio" />
+                        <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" />
 
@@ -46,7 +47,7 @@
         <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 src="./img/arrowBack.svg" /></a><p>U ntitled</p><img src="./img/arrowUpW.svg" />
+		<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" />
                     <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
                 </div>
             </div>
@@ -55,7 +56,7 @@
 
             <div class="project" id="extra">
 	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/e/e7/9m4MBqRM1w-6.png" />
-              
+              extra
             </div>
 
             <!---->
diff --git a/web/2015-Lucia_Dossin.html b/web/2015-Lucia_Dossin.html
index c555b71..7e5dc8e 100644
--- a/web/2015-Lucia_Dossin.html
+++ b/web/2015-Lucia_Dossin.html
@@ -2,7 +2,7 @@
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
 
-    <title>Mina</title>
+    <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" />
@@ -24,13 +24,14 @@
 
                         <h2 id="creator">Lucia Dossin</h2>
 
-                        <p id="title">Mina 2015</p>
+                        <p id="title">Title 2015</p>
 
-                        <!-- moved up   -->
+                        <!-- moved up desc  -->
 
-                        <div id="description" />
+                        <div id="description">desc</div>
 
-                        <div id="bio" />
+                        <div id="bio"><p>The bio is coming soon.</p>
+</div>
 
                         <p class="hightlightSidebar"><a href="www.example.com" target="_blank">www.example.com</a></p>
 
@@ -46,7 +47,7 @@
         <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 src="./img/arrowBack.svg" /></a><p>Mina</p><img src="./img/arrowUpW.svg" />
+		<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" />
                     <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
                 </div>
             </div>
@@ -55,7 +56,7 @@
 
             <div class="project" id="extra">
 	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/5/59/3legs.jpg" />
-              
+              extra
             </div>
 
             <!---->
diff --git a/web/2015-Luther_Blisset.html b/web/2015-Luther_Blisset.html
index 02014ea..1358c80 100644
--- a/web/2015-Luther_Blisset.html
+++ b/web/2015-Luther_Blisset.html
@@ -2,7 +2,7 @@
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
 
-    <title>Qq</title>
+    <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" />
@@ -24,13 +24,14 @@
 
                         <h2 id="creator">Luther Blisset</h2>
 
-                        <p id="title">Qq 2015</p>
+                        <p id="title">Title 2015</p>
 
-                        <!-- moved up   -->
+                        <!-- moved up desc  -->
 
-                        <div id="description" />
+                        <div id="description">desc</div>
 
-                        <div id="bio" />
+                        <div id="bio"><p>Luther Blissett is a multiple-use name, an open pop star informally adopted and shared by hundreds of artists and activists all over Europe and the Americas since 1994. The pseudonym first appeared in Bologna, Italy, in mid-1994, when a number of cultural activists began using it for staging a series of urban and media pranks and to experiment with new forms of authorship and identity. From Bologna the multiple-use name spread to other European cities, such as Rome and London, as well as countries such as Germany, Spain, and Slovenia.[1] Sporadic appearances of Luther Blissett have been also noted in Canada, the United States, and Brazil.</p>
+</div>
 
                         <p class="hightlightSidebar"><a href="https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)" target="_blank">https://en.wikipedia.org/wiki/Luther_Blissett_(nom_de_plume)</a></p>
 
@@ -46,7 +47,7 @@
         <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 src="./img/arrowBack.svg" /></a><p>Qq</p><img src="./img/arrowUpW.svg" />
+		<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" />
                     <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
                 </div>
             </div>
@@ -55,7 +56,7 @@
 
             <div class="project" id="extra">
 	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/thumb/8/85/Luther-blissett-300.jpg/500px-Luther-blissett-300.jpg" />
-              
+              extra
             </div>
 
             <!---->
diff --git a/web/2015-Max_Dovey.html b/web/2015-Max_Dovey.html
index 3ec2f56..2691a50 100644
--- a/web/2015-Max_Dovey.html
+++ b/web/2015-Max_Dovey.html
@@ -2,7 +2,7 @@
     <meta charset="UTF-8" />
     <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport" />
 
-    <title>User:Max Dovey/maxgradbio</title>
+    <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" />
@@ -24,13 +24,14 @@
 
                         <h2 id="creator">Max Dovey</h2>
 
-                        <p id="title">User:Max Dovey/maxgradbio 2015</p>
+                        <p id="title">Title 2015</p>
 
-                        <!-- moved up   -->
+                        <!-- moved up desc  -->
 
-                        <div id="description" />
+                        <div id="description">desc</div>
 
-                        <div id="bio" />
+                        <div id="bio"><p>My Bio</p>
+</div>
 
                         <p class="hightlightSidebar"><a href="http://maxdovey.com" target="_blank">http://maxdovey.com</a></p>
 
@@ -46,7 +47,7 @@
         <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 src="./img/arrowBack.svg" /></a><p>User:Max Dovey/maxgradbio</p><img src="./img/arrowUpW.svg" />
+		<a class="hoverBackB" href="index.html"><img src="./img/arrowBack.svg" /></a><p>Title</p><img src="./img/arrowUpW.svg" />
                     <!--p>PZI: Master Media Design & Communication </p--> <a class="closeSidebar"><img src="./arrowUpW.svg" /></a>
                 </div>
             </div>
@@ -55,7 +56,7 @@
 
             <div class="project" id="extra">
 	      <img id="thumnail" src="http://pzwiki.wdka.nl/mw-mediadesign/images/1/16/Pointer.gif" />
-              
+              extra
             </div>
 
             <!---->
diff --git a/web/index.html b/web/index.html
index 648222c..38376e1 100644
--- a/web/index.html
+++ b/web/index.html
@@ -1,8 +1,8 @@
 <!DOCTYPE HTML><html><head>
 
-    <meta charset="UTF-8"></meta>
-    <meta content="yes" name="apple-mobile-web-app-capable"></meta>
-    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport"></meta>
+    <meta charset="UTF-8">
+    <meta content="yes" name="apple-mobile-web-app-capable">
+    <meta content="width=device-width, initial-scale=1, maximum-scale=1" name="viewport">
 
 
     <title>Piet Zwart Institute: Master Media Design &amp; Communication</title>