PRODUCTION URL

added production url, new flowchat and fixed broken links
todo optimization and chatbot

3 files changed, 74 insertions, 60 deletions

diff --git a/static/workshop_app/css/faq.css b/static/workshop_app/css/faq.css
new file mode 100644
index 0000000..98b4f5c
--- /dev/null
+++ b/static/workshop_app/css/faq.css
@@ -0,0 +1,5 @@
+.num {
+	list-style-type: square;
+	font-family: 'Antic Slab';
+	font-size: 22px;
+}
diff --git a/static/workshop_app/css/index.css b/static/workshop_app/css/index.css
index a54f9b1..1087d24 100644
--- a/static/workshop_app/css/index.css
+++ b/static/workshop_app/css/index.css
@@ -1,63 +1,54 @@
+
 body {
-  background-color: #C8C5B6;
+  background-color: grey;
 }
 
 .fossee-label {
-  padding-top: 90px;
-  margin-left: 200px;
+  padding-top: 20%;
+  margin-left: 9%;
   color: #6D5847;
-  font-size: 70px;
+  font-size: 400%;
 }
 
-
 .logo {
-    width: 600px;
-    height: 70px;
-    background: white;
     float: left;
-    margin-top: 40px;
-    margin-left: 85px;
+    margin-top: 9%;
+    margin-left: 15%;
 }
 
 .label-bar {
   color: #6D5847;
   float: right;
-  margin-top: 36px;
-  font-size: 18px;
-  margin-right: 30px;
+  margin-top: 9%;
+  font-size: 120%;
+  margin-right: 3%;
 }
 
 
 .login {
-    margin-left: 330px;
-    width: 420px;
-    height: 470px;
+    margin-left: auto;
+    margin-right: 1%;
+    width: 40%;
+    height: 90%;
     background: white;
 }
 
 #rectbox {
-    border-radius: 25px;
+    border-radius: 9%;
     background: #6D5847;
-    padding: 20px; 
-    margin-left: 20px;
-    margin-top: 10px;
-    width: 350px;
-    height: 120px;    
+    padding: 3%; 
+    margin-left: 10%;
+    margin-top: 3%;
+    width: 75%;
+    height: 60%;    
 }
 
 
-.caption-img {
-  width:70px;
-  height:75px;
-  margin-top: -9px;
-}
-
 
 /* Icons with their respective Images */
 .icons {
     background: white;
-    height: 110px;
-    margin-top: 15px;
+    margin-top: 3%;
 }
 
 figure.item {
@@ -69,56 +60,40 @@ figure.item {
     /* The width of the container also implies margin around the images. */
 }
 
-.caption-img {
-	width:70px;
-	height:75px;
-	margin-top: 5px;
-}
 
 
-.caption {
-    /* Make the caption a block so it occupies its own line. */
-    display: block;
-    color: #5A3700;
-    padding-bottom: 10px;
-}
 
-/* Contact Us, Related Links and Organization Logo */
 
-.contact {
-	width: 100%;
-  margin: auto;
-}
+/* Contact Us, Related Links and Organization Logo css*/
 
 
 .org-logo {
-	margin-top: 30px;
-  margin-left: 60px;
-  float: left;
+	margin-top: 1%;
 
+  float: left;
   color: #5A3700;
   
 }
 
 .related-links {
-  font-size: 20px;
+  font-size: 120%;
 	color: #5A3700;
-  margin-top: 12px;
-  margin-left: 90px
+  text-align: center;
+  margin-top: 1%;
 }
 
 .contact-us {
-	font-size: 20px;
+	font-size: 140%;
   color: #5A3700;
-  margin-top: 12px;
-  margin-right: 10px;
+  margin-top: 1%;
+
   float: right;
 
 }
 
 /* Footer */
 .footer {
-  position: absolute;
+  position: relative;
   right: 0;
   bottom: 0;
   left: 0;
diff --git a/static/workshop_app/css/sticky-footer.css b/static/workshop_app/css/sticky-footer.css
index 42471ee..cb21144 100644
--- a/static/workshop_app/css/sticky-footer.css
+++ b/static/workshop_app/css/sticky-footer.css
@@ -1,8 +1,42 @@
+/* Navbar */
+.navbar-custom {
+	background-color:#6D5847;
+    color:black;
+  	border-radius:0;
+}
+
+/* Text color */
+.navbar-custom .navbar-nav > li > a {
+  	color:#fff;
+}
+
+/* OnActive Tab */
+.navbar-custom .navbar-nav > .active > a {
+    color: black;
+    background: white;	
+}
+
+.navbar-custom .navbar-nav > li > a:hover,
+.navbar-custom .navbar-nav > li > a:focus,
+.navbar-custom .navbar-nav > .active > a:hover,
+.navbar-custom .navbar-nav > .active > a:focus,
+.navbar-custom .navbar-nav > .open >a {
+    text-decoration: none;
+    background-color: #fff;
+}
+
+/* Brand-CompanyName */
+.navbar-custom .navbar-brand {
+	color:#efefef;
+  background-color: black;
+}
+
+/* Footer CSS */
 .footer {
-	position: absolute;
-  	bottom: 0;
-  	padding-left: 75px;
-  	
+	position: relative;
+  bottom: 0;
+  right: 0;
+  left: 0;  	
 }
 
 .hiddenRow {