diff --git a/presentations/about-micro/bg_berlin.textClipping b/presentations/about-micro/bg_berlin.textClipping
new file mode 100644
index 0000000..2d262d6
Binary files /dev/null and b/presentations/about-micro/bg_berlin.textClipping differ
diff --git a/presentations/about-micro/assets/bg_berlin.jpg b/presentations/about/assets/bg_berlin.jpg
similarity index 100%
rename from presentations/about-micro/assets/bg_berlin.jpg
rename to presentations/about/assets/bg_berlin.jpg
diff --git a/presentations/about/assets/creative-code.jpeg b/presentations/about/assets/creative-code.jpeg
new file mode 100644
index 0000000..8965c0e
Binary files /dev/null and b/presentations/about/assets/creative-code.jpeg differ
diff --git a/presentations/about/assets/data-science.jpeg b/presentations/about/assets/data-science.jpeg
new file mode 100644
index 0000000..bba1ce0
Binary files /dev/null and b/presentations/about/assets/data-science.jpeg differ
diff --git a/presentations/about/assets/science-hack-day.jpeg b/presentations/about/assets/science-hack-day.jpeg
new file mode 100644
index 0000000..dfae6c2
Binary files /dev/null and b/presentations/about/assets/science-hack-day.jpeg differ
diff --git a/presentations/about/assets/thanks.jpg b/presentations/about/assets/thanks.jpg
new file mode 100644
index 0000000..7af3183
Binary files /dev/null and b/presentations/about/assets/thanks.jpg differ
diff --git a/presentations/about/index.html b/presentations/about/index.html
index 36ce211..a07b9db 100644
--- a/presentations/about/index.html
+++ b/presentations/about/index.html
@@ -3,12 +3,12 @@
 <html lang="en">
 
 <head>
-	<title>OpenTechSchool</title>
-	<meta charset="UTF-8">
-	<meta name="viewport" content="width=1274, user-scalable=no">
-	<link rel="stylesheet" href="../../theme/style.css">
+  <title>OpenTechSchool</title>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=1274, user-scalable=no">
+  <link rel="stylesheet" href="../../theme/style.css">
   <script type="text/javascript" src="//use.typekit.net/ayv2sls.js"></script>
-  <script type="text/javascript">try{Typekit.load();}catch(e){}</script>	
+  <script type="text/javascript">try { Typekit.load(); } catch (e) { }</script>
 </head>
 
 <body class="list">
@@ -18,206 +18,306 @@
       <a class="logo" href="http://opentechschool.org">OpenTechSchool</a>
     </div>
   </nav>
-    
-  	<header class="caption">
-  		<h1>About the OpenTechSchool</h1>
-  		<p>A lightning presentation about the OpenTechSchool and what it does.</p>
-  	</header>
-
-    <section class="slides">
-
-  	<div class="slide cover shout" id="Cover"><div>
-  		<section>
-  			<header>
-  				<h2>OpenTechSchool</h2>
-  				<p class="tagline">opentechschool.org</p>
-  			</header>
-  		</section>
-  	</div></div>
-	
-    <div class="slide cover shout" id="what_is_it"><div>
-      <section>
-        <header>
-          <h2>What is OpenTechSchool?</h2>
-        </header>
-      </section>
-    </div></div>
-	
-  	<div class="slide cover shout w" id="openess"><div>
-  		<section>
-  			<header class="with-bg">
-  				<h2>Openness</h2>
-  			</header>
-  			<img src="assets/openness.jpg" alt="">
-  		</section>
-  	</div></div>
-  
-    <div class="slide cover shout w" id="empowerment"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Empowerment</h2>
-        </header>
-        <img src="assets/empowerment.jpg" alt="">
-      </section>
-    </div></div>
-  
-    <div class="slide cover shout w" id="environment"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Safe learning Environment</h2>
-        </header>
-        <img src="assets/environment.jpg" alt="">
-      </section>
-    </div></div>
-  
-    <div class="slide cover shout w" id="experience"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Hands-on learning experience</h2>
-        </header>
-        <img src="assets/learning_experience.jpg" alt="">
-      </section>
-    </div></div>
-    
-    <div class="slide cover shout w" id="not-for-profit"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Not for profit</h2>
-        </header>
-        <img src="assets/not-for-profit.jpg" alt="">
-      </section>
-    </div></div>
-    
-    <div class="slide cover shout w" id="community"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Community</h2>
-        </header>
-        <img src="assets/community.jpg" alt="">
-      </section>
-    </div></div>
-    
-    <div class="slide cover shout" id="workshops"><div>
-      <section>
-        <header>
-          <h2>Workshops</h2>
-        </header>
-      </section>
-    </div></div>
-  
-    <div class="slide cover shout w" id="js-beginners"><div>
-      <section>
-        <header class="with-bg">
-          <h2>JavaScript For Absolute Beginners</h2>
-        </header>
-        <img src="assets/js_workshop.jpg" alt="">
-      </section>
-    </div></div>
-  
-    <div class="slide cover shout w" id="python-workshops"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Python Workshops</h2>
-        </header>
-        <img src="assets/python_workshop.jpg" alt="">
-      </section>
-    </div></div>
-  
-    <div class="slide cover shout w" id="github-workshops"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Social Coding with GitHub</h2>
-        </header>
-        <img src="assets/github_workshop.jpg" alt="">
-      </section>
-    </div></div>
-
-    <div class="slide cover shout w" id="android-workshops"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Android for Beginners</h2>
-        </header>
-        <img src="assets/android_workshop.jpg" alt="">
-      </section>
-    </div></div>
-
-    <div class="slide cover shout w" id="arduino-workshops"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Arduino</h2>
-        </header>
-        <img src="assets/ardunio.jpg" alt="">
-      </section>
-    </div></div>
-
-    
-    <div class="slide cover shout w" id="kids-hackathon"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Kids Hackathon</h2>
-        </header>
-        <img src="assets/kids_hackathon.png" alt="">
-      </section>
-    </div></div>
-
-    <div class="slide cover shout w" id="learners-meetup"><div>
-      <section>
-        <header class="with-bg">
-          <h2>Learners Meetup</h2>
-        </header>
-        <img src="assets/learners_meetup.jpg" alt="">
-      </section>
-    </div></div>
-  
-    <div class="slide cover shout" id="upcoming-workshops-title"><div>
-      <section>
-        <header>
-          <h2>Upcoming Workshops</h2>
-        </header>
-      </section>
-    </div></div>
-
-    <div class="slide cover shout" id="upcoming-workshops"><div>
-      <section>
-        <header>
-          <h2>Physical Computing<br>
-            Advanced Git<br>
-            Repairing Hardware<br>
-            Games Development<br>
-            App Summer Camp<br>
-            Making and curating Video<br>
-          </h2>
-        </header>
-      </section>
-    </div></div>
-  
-  	<div class="slide" id="ThankYou"><div>
-  		<section>
-  			<header>
-  				<h2>Thanks</h2>
-  			</header>
-        <p>You can learn more about the OpenTechSchool via
-    			<ul>
-            <li><a href="http://twitter.com/opentechschool">@opentechschool</a></li>
-    				<li><a href="http://gplus.to/opentechschool">+OpenTechSchool</a></li>
-            <li><a href="http://facebook.com/opentechschool">fb.com/opentechschool</a></li>
-    				<li><a href="http://opentechschool.org">opentechschool.org</a></li>
-    				<li><a href="http://blog.opentechschool.org">blog.opentechschool.org</a></li>
-    			</ul>
-        </p>
-  			<p>Fork this presentation on <a href="https://github.com/OpenTechSchool/slides">Github</a>.</p>
-        <p>Thanks to <a href="http://www.flickr.com/photos/crazysphinx/6846247288/sizes/l/">CrazySphinx</a>, <a href="http://commons.wikimedia.org/wiki/File:Sullivan_and_Ride_Show_Sleep_Restraints_-_GPN-2000-001032.jpg">NASA</a>, <a href="http://www.flickr.com/photos/mape_s/333862275/sizes/l/in/photostream/">Marieke IJsendoorn-Kuijpers</a>, <a href="http://www.flickr.com/photos/erix/3563179497/">Erich Ferdinand</a>, <a href="http://www.flickr.com/photos/mikebaird/3149088088/">Mike Baird</a>
-  		</section>
-  	</div></div>
-	
-  	<!--
+
+  <header class="caption">
+    <h1>About the OpenTechSchool</h1>
+    <p>A lightning presentation about the OpenTechSchool and what it does.</p>
+  </header>
+
+  <section class="slides">
+
+    <div class="slide cover shout" id="Cover">
+      <div>
+        <section>
+          <header>
+            <h2>OpenTechSchool</h2>
+            <p class="tagline">opentechschool.org</p>
+          </header>
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout-louder" id="what_is_it">
+      <div>
+        <section>
+          <header>
+            <h2>What is OpenTechSchool?</h2>
+            <p class="tagline">A distributed community initiative organising welcoming and inclusive code learning happenings with real people
+              in the real world.</p>
+          </header>
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="openess">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Openness</h2>
+          </header>
+          <img src="assets/openness.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="empowerment">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Empowerment</h2>
+          </header>
+          <img src="assets/empowerment.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="environment">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Safe learning Environment</h2>
+          </header>
+          <img src="assets/environment.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="experience">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Hands-on learning experience</h2>
+          </header>
+          <img src="assets/learning_experience.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="not-for-profit">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Not for profit</h2>
+          </header>
+          <img src="assets/not-for-profit.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="community">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Community</h2>
+          </header>
+          <img src="assets/community.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout" id="workshops">
+      <div>
+        <section>
+          <header>
+            <h2>Workshops</h2>
+          </header>
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="js-beginners">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>JavaScript For Absolute Beginners</h2>
+          </header>
+          <img src="assets/js_workshop.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="css-classes">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Css Classes</h2>
+          </header>
+          <img src="assets/python_workshop.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="github-workshops">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Social Coding with GitHub</h2>
+          </header>
+          <img src="assets/github_workshop.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="kids-hackathon">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Kids Hackathon</h2>
+          </header>
+          <img src="assets/kids_hackathon.png" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout" id="co-learnings">
+      <div>
+        <section>
+          <header>
+            <h2>Co-Learnings</h2>
+          </header>
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="frontend-colearning">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Web Frontend Co-learning</h2>
+          </header>
+          <img src="assets/android_workshop.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="backend-colearning">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Ruby, Python, Rust, Go</h2>
+          </header>
+          <img src="assets/ardunio.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="data-science-colearning">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Data Science</h2>
+          </header>
+          <img src="assets/data-science.jpeg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout" id="workshops">
+      <div>
+        <section>
+          <header>
+            <h2>Special Events</h2>
+          </header>
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="learners-meetup">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Learners Meetup</h2>
+          </header>
+          <img src="assets/learners_meetup.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="science-hack-day">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Science Hack Day</h2>
+          </header>
+          <img src="assets/science-hack-day.jpeg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="creative-code">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Creative Code</h2>
+          </header>
+          <img src="assets/creative-code.jpeg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide cover shout w" id="city-berlin">
+      <div>
+        <section>
+          <header class="with-bg">
+            <h2>Independent, local Teams</h2>
+            <h5>Berlin, Zurich, Dortmund, Milan, Romagna,
+              <br/> Bristol Brussels and $your_city</h5>
+          </header>
+          <img src="assets/bg_berlin.jpg" alt="">
+        </section>
+      </div>
+    </div>
+
+    <div class="slide" id="ThankYou">
+      <div>
+        <section style="background: url(assets/thanks.jpg) left bottom; background-size: cover;">
+          <div class='thank-you'>
+            <header>
+              <h2>Thanks</h2>
+            </header>
+            <p>You can learn more about the OpenTechSchool via
+              <ul>
+                <li>
+                  <a href="http://opentechschool.org">opentechschool.org</a>
+                </li>
+                <li>
+                  <a href="http://twitter.com/opentechschool">@opentechschool</a>
+                </li>
+                <li>
+                  <a href="http://facebook.com/opentechschool">fb.com/opentechschool</a>
+                </li>
+                <li>
+                  <a href="http://blog.opentechschool.org">blog.opentechschool.org</a>
+                </li>
+              </ul>
+            </p>
+            <p>What to be coach or help organising? Get in contact with us on our forum:
+              <a href="http://discourse.opentechschool.org">discourse.opentechschool.org</a>
+            </p>
+            <div class='credits'>
+              Thanks for the pictures to:
+              <a href="http://www.flickr.com/photos/crazysphinx/6846247288/sizes/l/">CrazySphinx</a>
+              <a href="http://commons.wikimedia.org/wiki/File:Sullivan_and_Ride_Show_Sleep_Restraints_-_GPN-2000-001032.jpg">NASA</a>
+              <a href="http://www.flickr.com/photos/mape_s/333862275/sizes/l/in/photostream/">Marieke IJsendoorn-Kuijpers</a>
+              <a href="http://www.flickr.com/photos/erix/3563179497/">Erich Ferdinand</a>
+              <a href="http://www.flickr.com/photos/mikebaird/3149088088/">Mike Baird</a>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+
+    <!--
   		To hide progress bar from entire presentation
   		just remove “progress” element.
   		-->
-  	<div class="progress"><div></div></div>
+    <div class="progress">
+      <div></div>
+    </div>
 
   </section>
-	
-	<script src="../../lib/shower/scripts/script.js"></script>
+
+  <script src="../../lib/shower/scripts/script.js"></script>
 </body>
+
 </html>
\ No newline at end of file
diff --git a/theme/style.css b/theme/style.css
index 8d1ae3e..ef4565a 100644
--- a/theme/style.css
+++ b/theme/style.css
@@ -323,7 +323,9 @@ h1, h2, h3 {
 
 .slide.shout .tagline,
 .slide.shout-louder .tagline {
+	margin: 0 auto;
 	margin-top: 1.5em;
+	max-width: 80%;
 }
 
 .slide.shout h2,
@@ -604,3 +606,19 @@ h1, h2, h3 {
 .full .progress-off {
 	z-index: 1;
 }
+
+.thank-you {
+	padding-left: 100px;
+}
+
+.thank-you header {
+	margin-bottom: 15px;
+}
+
+.credits {
+ font-size: 11px;
+}
+
+.credits li {
+	display: inline;
+}
\ No newline at end of file
