diff --git a/newVersion/assets/screenshotBooking.jpg b/newVersion/assets/screenshotBooking.jpg
new file mode 100644
index 0000000..274f52d
Binary files /dev/null and b/newVersion/assets/screenshotBooking.jpg differ
diff --git a/newVersion/assets/screenshotPage3.jpg b/newVersion/assets/screenshotImpress.jpg
similarity index 100%
rename from newVersion/assets/screenshotPage3.jpg
rename to newVersion/assets/screenshotImpress.jpg
diff --git a/newVersion/assets/screenshotPage3a.jpg b/newVersion/assets/screenshotImpressA.jpg
similarity index 100%
rename from newVersion/assets/screenshotPage3a.jpg
rename to newVersion/assets/screenshotImpressA.jpg
diff --git a/newVersion/assets/screenshotPage1.jpg b/newVersion/assets/screenshotJapan.jpg
similarity index 100%
rename from newVersion/assets/screenshotPage1.jpg
rename to newVersion/assets/screenshotJapan.jpg
diff --git a/newVersion/assets/screenshotPage1a.jpg b/newVersion/assets/screenshotJapanA.jpg
similarity index 100%
rename from newVersion/assets/screenshotPage1a.jpg
rename to newVersion/assets/screenshotJapanA.jpg
diff --git a/newVersion/assets/screenshotLibreevent.jpg b/newVersion/assets/screenshotLibreevent.jpg
new file mode 100644
index 0000000..820f107
Binary files /dev/null and b/newVersion/assets/screenshotLibreevent.jpg differ
diff --git a/newVersion/assets/screenshotLibreeventA.jpg b/newVersion/assets/screenshotLibreeventA.jpg
new file mode 100644
index 0000000..8b0e1c7
Binary files /dev/null and b/newVersion/assets/screenshotLibreeventA.jpg differ
diff --git a/newVersion/assets/screenshotLogin.jpg b/newVersion/assets/screenshotLogin.jpg
new file mode 100644
index 0000000..8e0e368
Binary files /dev/null and b/newVersion/assets/screenshotLogin.jpg differ
diff --git a/newVersion/assets/screenshotMainPage.jpg b/newVersion/assets/screenshotMainPage.jpg
new file mode 100644
index 0000000..97d878f
Binary files /dev/null and b/newVersion/assets/screenshotMainPage.jpg differ
diff --git a/newVersion/assets/screenshotMainPageA.jpg b/newVersion/assets/screenshotMainPageA.jpg
new file mode 100644
index 0000000..abb791e
Binary files /dev/null and b/newVersion/assets/screenshotMainPageA.jpg differ
diff --git a/newVersion/assets/screenshotPage1a.png b/newVersion/assets/screenshotPage1a.png
deleted file mode 100644
index c79541c..0000000
Binary files a/newVersion/assets/screenshotPage1a.png and /dev/null differ
diff --git a/newVersion/assets/screenshotPage2.png b/newVersion/assets/screenshotPage2.png
deleted file mode 100644
index f7adef9..0000000
Binary files a/newVersion/assets/screenshotPage2.png and /dev/null differ
diff --git a/newVersion/assets/screenshotPage2a.jpg b/newVersion/assets/screenshotPage2a.jpg
deleted file mode 100644
index 45508e8..0000000
Binary files a/newVersion/assets/screenshotPage2a.jpg and /dev/null differ
diff --git a/newVersion/assets/screenshotPage3.png b/newVersion/assets/screenshotPage3.png
deleted file mode 100644
index db4c00c..0000000
Binary files a/newVersion/assets/screenshotPage3.png and /dev/null differ
diff --git a/newVersion/assets/screenshotPage4.jpg b/newVersion/assets/screenshotPage4.jpg
deleted file mode 100644
index d29e019..0000000
Binary files a/newVersion/assets/screenshotPage4.jpg and /dev/null differ
diff --git a/newVersion/assets/screenshotPage4a.jpg b/newVersion/assets/screenshotPage4a.jpg
deleted file mode 100644
index f6fe325..0000000
Binary files a/newVersion/assets/screenshotPage4a.jpg and /dev/null differ
diff --git a/newVersion/assets/screenshotPage5.png b/newVersion/assets/screenshotPage5.png
deleted file mode 100644
index 484bfe0..0000000
Binary files a/newVersion/assets/screenshotPage5.png and /dev/null differ
diff --git a/newVersion/assets/screenshotPage6.png b/newVersion/assets/screenshotPage6.png
deleted file mode 100644
index 145c7db..0000000
Binary files a/newVersion/assets/screenshotPage6.png and /dev/null differ
diff --git a/newVersion/assets/screenshotPage6a.png b/newVersion/assets/screenshotPage6a.png
deleted file mode 100644
index 7e80469..0000000
Binary files a/newVersion/assets/screenshotPage6a.png and /dev/null differ
diff --git a/newVersion/css/examplesStyle.css b/newVersion/css/examplesStyle.css
index 369c3bf..aeb3dcd 100644
--- a/newVersion/css/examplesStyle.css
+++ b/newVersion/css/examplesStyle.css
@@ -14,42 +14,42 @@ body {
 
 #step-2 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage6a.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-3 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2a.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPage.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-4 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3a.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotBooking.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-5 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage5.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotImpressA.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-6 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4a.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLogin.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-7 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1a.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotJapanA.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
diff --git a/newVersion/css/homeStyle.css b/newVersion/css/homeStyle.css
index 5abbcc6..b4b0ef4 100644
--- a/newVersion/css/homeStyle.css
+++ b/newVersion/css/homeStyle.css
@@ -13,28 +13,28 @@ body {
 
 #step-2 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotJapan.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-3 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-4 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-5 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotBooking.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
diff --git a/newVersion/css/infoStyle.css b/newVersion/css/infoStyle.css
index ac5beea..bf35dd2 100644
--- a/newVersion/css/infoStyle.css
+++ b/newVersion/css/infoStyle.css
@@ -14,42 +14,42 @@ body {
 
 #step-2 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage6.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotBooking.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-3 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-4 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-5 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage5.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLogin.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-6 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage4.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotImpress.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-7 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage1.jpg');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotJapan.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
diff --git a/newVersion/css/orderStyle.css b/newVersion/css/orderStyle.css
index cc42939..7596ad7 100644
--- a/newVersion/css/orderStyle.css
+++ b/newVersion/css/orderStyle.css
@@ -8,14 +8,14 @@ body {
 
 #step-1 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage2.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotLibreevent.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
 
 #step-2 {
     position: fixed;
-    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotPage3.png');
+    background: linear-gradient(to right, rgba( 0, 0, 0, 255 ) 30%, rgba( 0, 0, 0, 0 )), url( '/assets/screenshotMainPageA.jpg');
     background-repeat: no-repeat;
     background-size: cover;
 }
diff --git a/newVersion/examples/index.html b/newVersion/examples/index.html
index 56e4cab..ff9c06b 100644
--- a/newVersion/examples/index.html
+++ b/newVersion/examples/index.html
@@ -18,7 +18,7 @@
         <meta name="description" content="Your new website can be exactly like the ones shown here or be of any other style you want. They are always custom built from scratch specifically for your business's use case.">
         <meta name="keywords" content="custom website design, custom web development, custom website solutions, personalised websites, custom websites, websites built from scratch, affordable custom websites">
 
-        <title>Order :: Development - janishutz.com</title>
+        <title>Examples :: Development - janishutz.com</title>
     </head>
     <body>
         <div id="nav"></div>
@@ -63,25 +63,25 @@
                 <p class="white half-width">My own website, where I show off my projects</p>
             </div>
         </div>
-        
+
         <div class="step reveal" id="step-4">
+            <div class="step-content">
+                <h1 class="gradient biggest small-margin"><a href="https://booking.languageschoolhossegor.com" class="link-invisible" target="_blank">Boo&shy;king</a></h1>
+                <p class="white half-width">A fully featured booking system for Language School Hossegor</p>
+            </div>
+        </div>
+        
+        <div class="step reveal" id="step-5">
             <div class="step-content">
                 <h1 class="gradient biggest small-margin"><a href="https://impress-testing.janishutz.com" class="link-invisible" target="_blank">im&shy;press.js - website</a></h1>
                 <p class="white half-width">A website for a JavaScript presentation framework I contribute code to</p>
             </div>
         </div>
 
-        <div class="step reveal" id="step-5">
-            <div class="step-content">
-                <h1 class="gradient biggest small-margin"><a href="https://impress-testing.janishutz.com/docs" class="link-invisible" target="_blank">im&shy;press.js - docs</a></h1>
-                <p class="white half-width">The documentation page for impress.js, a JavaScript presentation framework</p>
-            </div>
-        </div>
-        
         <div class="step reveal" id="step-6">
             <div class="step-content">
-                <h1 class="gradient biggest small-margin"><a href="https://testing.janishutz.com" class="link-invisible" target="_blank">Boo&shy;king</a></h1>
-                <p class="white half-width">A fully featured booking system for Language School Hossegor</p>
+                <h1 class="gradient biggest small-margin"><a href="https://id.janishutz.com" class="link-invisible" target="_blank">Login System</a></h1>
+                <p class="white half-width">A full login system that provides oauth-like login to other websites</p>
             </div>
         </div>
         
diff --git a/newVersion/index.html b/newVersion/index.html
index 6bb38e3..beba7e5 100644
--- a/newVersion/index.html
+++ b/newVersion/index.html
@@ -44,12 +44,12 @@
         </div>
         
         <div class="background-images" id="images">
-            <img src="/assets/screenshotPage1.jpg" id="img1" style="z-index: -6; opacity: 1;">
-            <img src="/assets/screenshotPage2.png" id="img2" class="hidables" style="z-index: -5;">
-            <img src="/assets/screenshotPage3.jpg" id="img3" class="hidables" style="z-index: -4;">
-            <img src="/assets/screenshotPage4.jpg" id="img4" class="hidables" style="z-index: -3;">
-            <img src="/assets/screenshotPage5.png" id="img5" class="hidables" style="z-index: -2;">
-            <img src="/assets/screenshotPage6.png" id="img6" class="hidables" style="z-index: -1;">
+            <img src="/assets/screenshotJapan.jpg" id="img1" style="z-index: -6; opacity: 1;">
+            <img src="/assets/screenshotBooking.jpg" id="img2" class="hidables" style="z-index: -5;">
+            <img src="/assets/screenshotLibreevent.jpg" id="img3" class="hidables" style="z-index: -4;">
+            <img src="/assets/screenshotLogin.jpg" id="img4" class="hidables" style="z-index: -3;">
+            <img src="/assets/screenshotMainPage.jpg" id="img5" class="hidables" style="z-index: -2;">
+            <img src="/assets/screenshotImpress.jpg" id="img6" class="hidables" style="z-index: -1;">
         </div>
 
         <div class="step" id="step-1">