diff --git a/backend/generator.js b/backend/generator.js
index 3bbe26f3..2b43d054 100644
--- a/backend/generator.js
+++ b/backend/generator.js
@@ -16,6 +16,10 @@ exports.executeScript = function (socket, formData) {
   var debug = formData.debug;
   var uniqueId = uuidV4();
   var webUI = "true";
+  var subProject = ""
+  if (formData.subProject != undefined) {
+    subProject = formData.subProject.join(",")
+  }
 
   var donePercent = 0;
 
@@ -25,7 +29,8 @@ exports.executeScript = function (socket, formData) {
     "-m", email,
     "-d", debug,
     "-u", uniqueId,
-    "-w", webUI
+    "-w", webUI,
+    "-s", subProject
   ];
 
   var process = spawn("./generate.sh", args);
diff --git a/multiple_generate.sh b/multiple_generate.sh
index cb604e77..bb8dbbe1 100755
--- a/multiple_generate.sh
+++ b/multiple_generate.sh
@@ -84,6 +84,7 @@ if [ "${WEBUI:-false}" == "true" ]; then
   cd ..
   mv ${UNIQUEID} ${UNIQUEID}_preview
   zip -r -q ${UNIQUEID}.zip ${UNIQUEID}_preview
+  exit 0
 else
   source <(curl -s https://raw.githubusercontent.com/fossasia/yaydoc/master/publish_docs.sh)
 fi
diff --git a/public/scripts/form.js b/public/scripts/form.js
index 5492a8d5..db34278a 100644
--- a/public/scripts/form.js
+++ b/public/scripts/form.js
@@ -10,6 +10,7 @@ $(function () {
     if (validation.isValid(formData)) {
       socket.emit('execute', formData);
       $(this).attr("disabled", "none");
+      $("#subProject").attr("disabled", "none");
     } else {
       $('.notification').append($('<li>')).text(validation.getMessages());
       $('#notification-container').css("visibility", "visible");
@@ -25,7 +26,12 @@ $(function () {
 
   socket.on('logs', function (data) {
     $('#messages').append($('<li class="info">').text(data.data));
-    $("#progress").css("width", data.donePercent + "%");
+    if (data.donePercent >= 100) {
+      $("#progress").css("width", "90%");
+    } else {
+      $("#progress").css("width", data.donePercent + "%");
+    }
+
   });
 
   socket.on('err-logs', function (msg) {
@@ -33,6 +39,7 @@ $(function () {
   });
 
   socket.on('success', function (data) {
+    $("#progress").css("width", "100%");
     $('#btnDownload').css("display", "inline");
     $('#btnDownload').attr("href", "/download/" + data.email +"/" + data.uniqueId);
     $('#btnPreview').css("display", "inline");
@@ -72,7 +79,18 @@ function getData() {
     if (field.name === "git_url") { data.gitUrl = field.value.trim(); }
     if (field.name === "doc_theme") { data.docTheme = field.value.trim(); }
     if (field.name === "debug" ) { data.debug = field.value; }
+    if (field.name === "subproject_url[]") {
+      if (data.subProject == undefined) {
+        data.subProject = [field.value];
+      } else {
+        data.subProject.push(field.value);
+      }
+    }
   });
 
   return data;
 }
+
+function addSubProject() {
+  $("#subproject").append(`<input id="subProject_url" placeholder="Enter URL for Sub Project" name="subproject_url[]" class="form-control" type="text">`)
+}
diff --git a/public/scripts/validation.js b/public/scripts/validation.js
index 98aaffe1..c2c83411 100644
--- a/public/scripts/validation.js
+++ b/public/scripts/validation.js
@@ -26,6 +26,15 @@
         }
       }
 
+      if (formData.subProject != undefined) {
+        for (var i = 0; i < formData.subProject.length; i++) {
+          regex = /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+          if(!regex.test(formData.subProject[i])) {
+            messages.push("Invalid URL");
+            valid = false;
+          }
+        }
+      }
       return valid;
     },
 
diff --git a/public/stylesheets/style.css b/public/stylesheets/style.css
index b93593d4..72d269cf 100644
--- a/public/stylesheets/style.css
+++ b/public/stylesheets/style.css
@@ -22,6 +22,10 @@ a {
   text-align: left;
 }
 
+#subProject_url{
+  margin-bottom: 8px;
+}
+
 #messages li {
   margin-bottom: 5px;
 }
@@ -38,6 +42,11 @@ a {
   margin-bottom: 20px;
 }
 
+#subProject {
+  margin-bottom: 20px;
+  margin-left: 10px;
+}
+
 #btnDownload {
   display: none;
   width: -moz-fit-content;
diff --git a/views/index.jade b/views/index.jade
index 6b3f9e42..93011051 100644
--- a/views/index.jade
+++ b/views/index.jade
@@ -16,6 +16,7 @@ block content
         .form-group
           label.control-label(for='git_url') GITURL:
           select#git_url.form-control(type='text', placeholder='Enter URL of Github Repository', name='git_url')
+        .div#subproject
         .form-group
           label.control-label(for='doc_theme') Doc Theme:
           select#doc_theme.form-control(name='doc_theme')
@@ -42,6 +43,7 @@ block content
             input#debug(type='checkbox', value='true', name='debug', checked=false)
         .form-group#buttons
             button.btn.btn-default(type='button' id='btnGenerate') Generate Docs
+            button.btn.btn-default(type='button' id='subProject' onclick="addSubProject()") Add Sub Project
             .row
               a.btn.btn-default(id='btnDownload') Download
               a.btn.btn-default(id='btnPreview' target='_blank') Preview