diff --git a/scripts/step1.php b/scripts/step1.php
new file mode 100644
index 0000000..1747e9b
--- /dev/null
+++ b/scripts/step1.php
@@ -0,0 +1,80 @@
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Foto importeer app</title>
+	<link rel="shortcut icon" href="favicon.png" />
+	<link rel="stylesheet" href="milligram.min.css">
+  <script src="sweetalert.min.js"></script>
+	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+	  #content {
+	     margin: 0px auto;
+       text-align: center;
+	  }
+	  h2 {
+	     letter-spacing: 3px;
+	  }
+	  img {
+	     display: block;
+	     margin-left: auto;
+	     margin-right: auto;
+	     margin-top: 1%;
+	     margin-bottom: 1%;
+	  }
+    .vl {
+      border-top: 1px solid #9b4dca;
+      padding-top: 10px;
+      padding-bottom: 15px;
+     }
+    .colcontent {
+     display: none;
+     overflow: hidden;
+    }
+    button.collapsible {
+    margin-bottom: 26px;
+    }
+    .collapsible {
+      width: 180px;
+    }
+	</style>
+</head>
+
+<body>
+ <div id="content">
+  <img src="tokyo-taxi.svg" height="51px" alt="Tokyo taxi">
+    <h2>Foto importeer app</h2>
+    <div class="vl"></div>
+    <h3>Stap 1</h3>
+    <div class="vl"></div>
+   <h4>Stop de SD-kaart in de kaartlezer.<br></h4>
+   <h4>Wacht vervolgens 10-15 seconden,<br>druk dan op volgende stap.<br></h4>
+   
+   <form method="post">
+   <button class="button" name="next">Volgende stap</button>
+    </form>
+    <div id="content">
+    <div class="vl"></div>
+   <p><a href="sysinfo.php">System info</a></p> 
+</div>
+
+<?php
+ if (isset($_POST['next']))
+ {
+ $shellout = shell_exec("if [ -e /dev/mmcblk0p1 ] ; then echo 1; else echo 0; fi;");
+ if ($shellout==1) {
+    echo '<script>
+swal("De SD kaart is gevonden", "", "success").then(function() {
+    window.location = "step2.php";
+});
+   </script>';
+
+}
+ if ($shellout==0) {
+    echo '<script>swal("De SD kaart is niet gevonden ", "Controleer of deze goed is verbonden", "error")</script>';
+}
+}
+?>
+
+</body>
+</html>
diff --git a/scripts/step2.php b/scripts/step2.php
new file mode 100644
index 0000000..6ed3539
--- /dev/null
+++ b/scripts/step2.php
@@ -0,0 +1,153 @@
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Foto importeer app</title>
+	<link rel="shortcut icon" href="favicon.png" />
+	<link rel="stylesheet" href="milligram.min.css">
+  <script src="sweetalert.min.js"></script>
+	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+	  #content {
+	     margin: 0px auto;
+       text-align: center;
+	  }
+	  h2 {
+	     letter-spacing: 3px;
+	  }
+	  img {
+	     display: block;
+	     margin-left: auto;
+	     margin-right: auto;
+	     margin-top: 1%;
+	     margin-bottom: 1%;
+	  }
+    .vl {
+      border-top: 1px solid #9b4dca;
+      padding-top: 10px;
+      padding-bottom: 15px;
+     }
+    .colcontent {
+     display: none;
+     overflow: hidden;
+    }
+    button.collapsible {
+    margin-bottom: 26px;
+    }
+    .collapsible {
+      width: 180px;
+    }
+	</style>
+</head>
+
+<body>
+ <div id="content">
+  <img src="tokyo-taxi.svg" height="51px" alt="Tokyo taxi">
+    <h2>Foto importeer app</h2>
+    <div class="vl"></div>
+    <h3>Stap 2</h3>
+    <div class="vl"></div>
+    <p>
+   <h4>Vul hieronder de album informatie in</h4>
+   <p>Het album word aangemaakt als: &#60;Datum&#62; &#60;Albumnaam&#62; </p>    
+   <p>
+		 <form method="post">
+      <label for="backupdatefield">Datum:</label>
+      <input type="date" name="backupdatefield" required><br />
+      <label for="backupnamefield">Album naam:</label>
+      <input type="text" name="backupnamefield" required><br />
+      <button name="cardbackupWnameadate">Volgende stap</button>
+	   </form>
+    </p>
+
+<div class="vl"></div>
+     <button class="collapsible">Meer opties</button>
+      <div class="colcontent">
+       <div class="vl"></div>
+       <p>Het album word aangemaakt met datum van vandaag</p>   
+       <form method="post">
+        <button name="cardbackup">Volgende stap</button>
+		    </form>
+       </p>
+       <div class="vl"></div>
+       <p>Het album word aangemaakt als: &#60;Album naam&#62; </p>      
+       <p>
+		    <form method="post">
+         <label for="backupnamefield">Album naam:</label>
+         <input type="text" name="backupnamefield" required><br />
+         <button name="cardbackupWname">Volgende stap</button>
+        </form>
+       </p>
+    <div class="vl"></div>
+    <p>Het album word aangemaakt als: &#60;Datum&#62; </p> 
+    <p>
+		 <form method="post">
+      <label for="backupdatefield">Datum:</label>
+      <input type="date" name="backupdatefield" required><br />
+      <button name="cardbackupWdate">Volgende stap</button>
+	   </form>
+    </p>
+   </div>
+    
+    <div class="vl"></div>    
+   <p><a href="sysinfo.php">System info</a></p>
+	    
+</div>
+
+<script>
+var coll = document.getElementsByClassName("collapsible");
+var i;
+
+for (i = 0; i < coll.length; i++) {
+  coll[i].addEventListener("click", function() {
+    this.classList.toggle("active");
+    var colcontent = this.nextElementSibling;
+    if (colcontent.style.display === "block") {
+      colcontent.style.display = "none";
+    } else {
+      colcontent.style.display = "block";
+    }
+  });
+}
+</script>
+
+<?php
+ if (isset($_POST['cardbackup']))
+  {
+   $rawdata = date("Y-m-d");
+   $editeddata = str_replace(' ', '_', $rawdata);
+   shell_exec("echo rawdata='".$editeddata."' > session-name");
+   header('Location: step3.php');
+  }
+
+ if (isset($_POST['cardbackupWnameadate']))
+  {
+   $rawdate = $_REQUEST['backupdatefield'];
+   $rawname = $_REQUEST['backupnamefield'];
+   $rawdata = $rawdate .' '. $rawname;
+   $editeddata = str_replace(' ', '_', $rawdata);
+   shell_exec("echo rawdata='".$editeddata."' > session-name");
+   header('Location: step3.php');
+  }
+
+ if (isset($_POST['cardbackupWname']))
+  {
+   $rawdata = $_REQUEST['backupnamefield'];
+   $editeddata = str_replace(' ', '_', $rawdata);
+   shell_exec("echo rawdata=''".$editeddata."'' > session-name");
+   header('Location: step3.php');
+  }
+  
+ if (isset($_POST['cardbackupWdate']))
+  {
+   $rawdata = $_REQUEST['backupdatefield'];
+   $editeddata = str_replace(' ', '_', $rawdata);
+   shell_exec("echo rawdata='".$editeddata."' > session-name");
+   header('Location: step3.php');
+   
+  }
+ 
+?>
+
+</body>
+</html>
diff --git a/scripts/step3.php b/scripts/step3.php
new file mode 100644
index 0000000..5f980a9
--- /dev/null
+++ b/scripts/step3.php
@@ -0,0 +1,115 @@
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Foto importeer app</title>
+	<link rel="shortcut icon" href="favicon.png" />
+	<link rel="stylesheet" href="milligram.min.css">
+  <script src="sweetalert.min.js"></script>
+	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+	  #content {
+	     margin: 0px auto;
+       text-align: center;
+	  }
+	  h2 {
+	     letter-spacing: 3px;
+	  }
+	  img {
+	     display: block;
+	     margin-left: auto;
+	     margin-right: auto;
+	     margin-top: 1%;
+	     margin-bottom: 1%;
+	  }
+    .vl {
+      border-top: 1px solid #9b4dca;
+      padding-top: 10px;
+      padding-bottom: 15px;
+     }
+    .colcontent {
+     display: none;
+     overflow: hidden;
+    }
+    button.collapsible {
+    margin-bottom: 26px;
+    }
+    .collapsible {
+      width: 180px;
+    }
+    th.space {
+    padding-left: 10%;
+    }
+    form {
+     margin-bottom: 0px !important;
+    }
+	</style>
+</head>
+
+<body>
+ <div id="content">
+  <img src="tokyo-taxi.svg" height="51px" alt="Tokyo taxi">
+    <h2>Foto importeer app</h2>
+    <div class="vl"></div>
+    <h3>Stap 3</h3>
+    <div class="vl"></div>
+    <h4>Controleer de naam voor het album zo correct is</h4>
+    <div class="vl"></div>
+    
+    
+    <?php
+     $output = shell_exec("bash -c 'source session-name; echo \$rawdata'");
+     echo "<h4>De gekoze naam is:<br>$output</h4>";
+    ?>
+    
+    
+    
+    <table>
+     <tr>
+      <th class=space></th>
+      <th class=prev>
+       <form method="post">
+         <button class="button button-outline" name="prev">Nee, vorige Stap</button>
+	     </form>  
+      </th>
+      <th class=next> 
+       <form method="post">
+        <button name="next">Ja, volgende Stap</button>
+	     </form>
+       </th>
+       <th class=space></th>
+      </tr>
+    </table>
+    <div class="vl"></div>
+    <p><a href="sysinfo.php">System info</a></p>
+    
+<script>
+var coll = document.getElementsByClassName("collapsible");
+var i;
+
+for (i = 0; i < coll.length; i++) {
+  coll[i].addEventListener("click", function() {
+    this.classList.toggle("active");
+    var colcontent = this.nextElementSibling;
+    if (colcontent.style.display === "block") {
+      colcontent.style.display = "none";
+    } else {
+      colcontent.style.display = "block";
+    }
+  });
+}
+</script>
+<?php
+ if (isset($_POST['prev']))
+  {
+   header('Location: step2.php');
+  }
+
+ if (isset($_POST['next']))
+  {
+   header('Location: step4.php');
+  }
+?>
+</body>
+</html>
+
diff --git a/scripts/step4.php b/scripts/step4.php
new file mode 100644
index 0000000..957361a
--- /dev/null
+++ b/scripts/step4.php
@@ -0,0 +1,139 @@
+<html lang="en">
+<head>
+	<meta charset="utf-8">
+	<title>Foto importeer app</title>
+	<link rel="shortcut icon" href="favicon.png" />
+	<link rel="stylesheet" href="milligram.min.css">
+  <script src="sweetalert.min.js"></script>
+	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+	  #content {
+	     margin: 0px auto;
+       text-align: center;
+	  }
+	  h2 {
+	     letter-spacing: 3px;
+	  }
+	  img {
+	     display: block;
+	     margin-left: auto;
+	     margin-right: auto;
+	     margin-top: 1%;
+	     margin-bottom: 1%;
+	  }
+    .vl {
+      border-top: 1px solid #9b4dca;
+      padding-top: 10px;
+      padding-bottom: 15px;
+     }
+    .colcontent {
+     display: none;
+     overflow: hidden;
+    }
+    button.collapsible {
+    margin-bottom: 26px;
+    }
+    .collapsible {
+      width: 180px;
+    }
+	</style>
+</head>
+
+<body>
+ <div id="content">
+  <img src="tokyo-taxi.svg" height="51px" alt="Tokyo taxi">
+    <h2>Foto importeer app</h2>
+    <div class="vl"></div>
+    <h3>Stap 4</h3>
+    <div class="vl"></div>
+    <h4>Importeer foto&#39;s en verwijder van de SD kaart</h4> 
+    <form method="post">
+        <button name="movebackup">Start import</button>
+		    </form> 
+    <div class="vl"></div>
+     <button class="collapsible">Meer opties</button>
+      <div class="colcontent">
+       <div class="vl"></div>
+       <h4>Importeer foto&#39;s en laat deze op de SD kaart staan</h4>    
+       <form method="post">
+        <button name="copybackup">Start import</button>
+		    </form>
+       <div class="vl"></div>
+       <h4>Kopieer alle data vanaf de SD kaart</h4>    
+       <form method="post">
+        <button name="dumpcopybackup">Start import</button>
+		    </form>
+      <div class="vl"></div>
+       <h4>Verplaats alle data vanaf de SD kaart</h4>    
+       <form method="post">
+        <button name="dumpmovebackup">Start import</button>
+		    </form>   
+      </div>
+    <div class="vl"></div>
+    <p><a href="sysinfo.php">System info</a></p>
+    
+<script>
+var coll = document.getElementsByClassName("collapsible");
+var i;
+
+for (i = 0; i < coll.length; i++) {
+  coll[i].addEventListener("click", function() {
+    this.classList.toggle("active");
+    var colcontent = this.nextElementSibling;
+    if (colcontent.style.display === "block") {
+      colcontent.style.display = "none";
+    } else {
+      colcontent.style.display = "block";
+    }
+  });
+}
+</script>
+
+<?php
+ if (isset($_POST['movebackup']))
+  {
+echo '<script>swal({title:"Weet u zeker het zeker?",text:"De data word verplaast en blijft dus NET op de SD kaart",icon:"warning",buttons:["Annuleren",!0],dangerMode:!0}).then(e=>{e?window.location.href="step4.php?movebackupok":swal("Geannuleerd","Er is niks uitgevoerd","info")});</script>';
+  }
+
+ if (isset($_GET['movebackupok']))
+  {
+   shell_exec("echo \backupmode=move > session-mode");
+   header('Location: start-import.php');
+  }
+
+ if (isset($_POST['copybackup']))
+  {
+   echo '<script>swal({title:"Weet u zeker het zeker?",text:"De data word gekopieerd en blijft dus ook op de SD kaart",icon:"warning",buttons:["Annuleren",!0],dangerMode:!0}).then(e=>{e?window.location.href="step4.php?copyackupok":swal("Geannuleerd","Er is niks uitgevoerd","info")})</script>';
+  }
+
+ if (isset($_GET['copyackupok']))
+  {
+   shell_exec("echo \backupmode=copy > session-mode");
+   header('Location: start-import.php');
+  }
+  
+   if (isset($_POST['dumpmovebackup']))
+  {
+echo '<script>swal({title:"Weet u zeker het zeker?",text:"De data word verplaast en blijft dus NET op de SD kaart",icon:"warning",buttons:["Annuleren",!0],dangerMode:!0}).then(e=>{e?window.location.href="step4.php?dumpmovebackupok":swal("Geannuleerd","Er is niks uitgevoerd","info")});</script>';
+  }
+
+ if (isset($_GET['dumpmovebackupok']))
+  {
+   shell_exec("echo \backupmode=dumpmove > session-mode");
+   header('Location: start-import.php');
+  }
+
+ if (isset($_POST['dumpcopybackup']))
+  {
+   echo '<script>swal({title:"Weet u zeker het zeker?",text:"De data word gekopieerd en blijft dus ook op de SD kaart",icon:"warning",buttons:["Annuleren",!0],dangerMode:!0}).then(e=>{e?window.location.href="step4.php?dumpcopyackupok":swal("Geannuleerd","Er is niks uitgevoerd","info")})</script>';
+  }
+
+ if (isset($_GET['dumpcopyackupok']))
+  {
+   shell_exec("echo \backupmode=dumpcopy > session-mode");
+   header('Location: start-import.php');
+  }
+?>
+</body>
+</html>
\ No newline at end of file
diff --git a/scripts/success-backup.php b/scripts/success-backup.php
new file mode 100644
index 0000000..3f16af5
--- /dev/null
+++ b/scripts/success-backup.php
@@ -0,0 +1,62 @@
+<html lang="en">
+ <head>
+	<meta charset="utf-8">
+	<title>Foto importeer tool</title>
+	<link rel="shortcut icon" href="favicon.png" />
+	<link rel="stylesheet" href="milligram.min.css">
+  <script src="sweetalert.min.js"></script>
+	<link rel="stylesheet" href="//fonts.googleapis.com/css?family=Roboto:300,300italic,700,700italic">
+	<meta name="viewport" content="width=device-width, initial-scale=1">
+	<style>
+	 #content {
+	     margin: 0px auto;
+             text-align: center;
+	 }
+	 img {
+	     display: block;
+	     margin-left: auto;
+	     margin-right: auto;
+	     margin-top: 1%;
+	     margin-bottom: 1%;
+	 }
+   .vl {
+      border-top: 1px solid #9b4dca;
+      padding-top: 10px;
+      padding-bottom: 15px;
+   }
+       h4.h4txt {
+     padding-bottom: 26px;
+     margin: 0px;
+    }
+	</style>
+ </head>
+    <body>
+    <script>
+   swal("De backup is geslaagd", "", "success")
+   </script> 
+	<div id="content">
+	    <img src="tokyo-taxi.svg" height="51px" alt="Tokyo taxi">
+            <h1>Apliance Backup</h1>
+            <div class="vl"></div>
+            <h3>De backup is geslaagd</h3>
+            <div class="vl"></div>
+     <h4 class="h4txt">Druk op zet Beeindig.<br>Sluit de app.<br>Verwijder vervolgens de externe schijf.</h4>
+     <div class="vl"></div>
+         <p class="left">Sessie beeindigen</p>
+    <p>
+   	 <form method="post">
+      <button class="button button-outline" name="shutdown">Beeindig</button>
+     </form>
+    </p>
+   <p><a href="sysinfo.php">System info</a></p> 
+ </div>
+  <?php
+   if (isset($_POST['shutdown']))
+  {
+   shell_exec('echo \curstate=0 > session-state');
+   
+   echo '<script>swal("U kunt nu de app sluiten",{title:"Sessie beeindigd",icon: "info",button: false,});</script>';
+  }
+?>   
+ </body>
+</html>    
\ No newline at end of file
