diff --git a/Igniters/Igniters.pptx b/Igniters/Igniters.pptx
new file mode 100644
index 00000000..7e602b39
Binary files /dev/null and b/Igniters/Igniters.pptx differ
diff --git a/Igniters/Igniters.txt b/Igniters/Igniters.txt
new file mode 100644
index 00000000..5c27678a
--- /dev/null
+++ b/Igniters/Igniters.txt
@@ -0,0 +1,114 @@
+VITAL ESSENCE
+Electronic Medical Record
+─
+Team Igniters
+Anitha S Menon
+Jabira Farhath M A
+Karthika R
+Shimi Shaji Abraham
+
+
+Problem
+Create solution to deal with the major challenge faced by the patients:
+1. Enabling a patient-centered information exchange system.
+2. In Case of hospital transfers,the medical history of the patient is not used. rather all tests and diagnosis are done from the start.This leads to a lot of wastage of medical resources,time and money.
+3. There is huge delay in treatment in case of accidents as no medical information about the patient is available
+4. All medical reports and prescriptions in paper are difficult to store and manage.Retrieval of a particular report from these files is a tedious task.
+Project Summary
+Website stores medical records of users, which helps in case of hospital transfers as the user can easily transfer their medical history to the new hospital.
+Special access to the emergency details folder of the users for hospitals to treat accident cases in order to get their important medical details using a right index biometric.
+(Keeping all privacy issues under consideration)
+Solution
+In Case of hospital transfers, medical reports like scan reports,blood reports,prescriptions etc..can easily be transferred to the new hospital, avoiding the extra expenses and can continue the treatment right from stop.
+Users can add details like test reports and prescriptions to their account through the hospital administration.
+The delay in treatment, caused due to lack of details of the patient in case of accidents can be avoided. Using right index biometric hospitals can access emergency health and contact details of an accident case.
+Medical reports can be accessed by the user anywhere anytime, since they are available online.
+Contents of Projects Directory
+hospital-icons
+ This file contains all images used for the website logo.
+
+
+README.md
+This contains a short description of the website ,its purpose etc.. and a link to access the website.
+
+bio_userid.css
+Stylesheet of bio_userid.html.
+
+
+bio_userid.html
+This file contains the hospital login page where biometric scan and user id login is provided. Login opinion from Index.html page leads you here as of now.
+
+
+emergency.css
+Stylesheet of emergency.html.
+
+
+emergency.html
+Biometric scan from bio_userid.html leads you here. Here the emergency medical and contact details of the patient is provided.
+
+
+emergency_details.css
+Stylesheet of emrgency_details.html
+
+
+emergency_details.html
+The user can add emergency details to his profile using this page.Emergency file option from the new_user.html leads the user here.
+index.css
+Stylesheet of index.html
+
+
+index.html
+This is the index page where the user is directed initially. This page contains the common login for user and hospital and a signup is provided for new users for opening an account .
+new_user.css
+Stylesheet of new_user.html
+
+
+new_user.html
+This file contains the homepage for the newly created user where the user is provided with options to edit emergency details and transfer files.Submit option from the signup.html leads the user here.
+old_user.css
+Stylesheet of old_user.html
+
+
+old_user.html
+This file contains a homepage for a user,where the user can access all his medical details including prescriptions ,scan reports etc.User is directed to this page via user login.It also contains options to transfer files,and an option to edit emergency details.Admin login history can also be viewed using Hospital login option.
+
+
+record.css
+Stylesheet of record.html
+
+
+record.html
+This file contains the page for adding new files to a user’s medical profile. Hospital can add files using user id login provided in bio_userid.html.
+
+
+signup.css
+Stylesheet of signup.html
+
+
+signup.html
+This file contains the signup page where users can start a new account by submitting the details.This page is directed from the Signup option in the index.html.
+
+
+
+
+Under_construction.css
+Stylesheet of under_construction.html
+
+
+under_construction.html
+All pages which are under construction are directed to this page.Hospital login option from new user’s homepage and the notification user will get when the hospital tries to add new files page is directed to under_construction.html.
+
+
+Host Project on Localhost
+To host the project locally,
+* Fork the project repo.
+* To clone the Igniters directory ,
+ In CMD,run the command git clone ‘link provided in the code option’
+Or
+ Download zip from the code option and extract all files to a directory .
+* Go to the directory where you have your files extracted .
+* Now, to install http server ,
+In CMD, run the command npm install http-server -g
+* To start server, run the command http-server
+Now the project is hosted locally on port 8080.
+Go to browser and type localhost:8080 and you can see our website there.
\ No newline at end of file
diff --git a/Igniters/README.md b/Igniters/README.md
new file mode 100644
index 00000000..4bc2675e
--- /dev/null
+++ b/Igniters/README.md
@@ -0,0 +1,14 @@
+VITAL ESSENCE
+Electronic Medical Record
+
+Website stores medical records of users, which helps in case of hospital transfers as the user can easily transfer their medical history to the new hospital.
+Special access to the emergency details folder of the users for hospitals to treat accident cases in order to get their important medical details using a right index biometric.
+(Keeping all privacy issues under consideration)
+
+https://kr-2402.github.io/first/
+Team Igniters
+Anitha S Menon
+Jabira Farhath M A
+Karthika R
+Shimi Shaji Abraham
+
diff --git a/Igniters/bio_userid.css b/Igniters/bio_userid.css
new file mode 100644
index 00000000..17d20e1a
--- /dev/null
+++ b/Igniters/bio_userid.css
@@ -0,0 +1,197 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap'); /*Poppins font from google fonts*/
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+/* Background animation */
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+/* Hospital Icon */
+.imgcontainer .slider
+{
+ margin: 0 auto;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/1.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ padding: 30px;
+ padding-top: 25px;
+ background-color: white;
+ border-radius: 150px;
+ animation: slide 25s ease-in-out infinite;
+}
+
+/* Hospital Icons Animation */
+@keyframes slide
+{
+ 20%
+ {
+ background-image: url(hospital-icons/2.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 40%
+ {
+ background-image: url(hospital-icons/3.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 50%{
+ background-image: url(hospital-icons/4.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 60%
+ {
+ background-image: url(hospital-icons/5.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 70%
+ {
+ background-image: url(hospital-icons/6.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 80%
+ {
+ background-image: url(hospital-icons/7.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 90%
+ {
+ background-image: url(hospital-icons/8.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 100%
+ {
+ background-image: url(hospital-icons/1.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+}
+
+/* Box containing the form */
+.container
+{
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ margin-top: 10px;
+ margin-left: 35%;
+ margin-right: 35%;
+ padding-bottom: 3%;
+}
+
+/* "Vital Essence" heading */
+.main-head
+{
+ padding-top: 10px;
+ text-align: center;
+ color: white;
+ font-size: 1.1em;
+}
+
+/* Login Form */
+#login-form
+{
+ width: 80%;
+ margin: 0 20px;
+ font-size: 17px;
+}
+/* input field features */
+input[type=text], input[type=password]
+{
+ border: 1px solid #ccc;
+ width: 100%;
+ margin: 0 30% 0 4%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 10px;
+ box-sizing: border-box;
+}
+/* Button style */
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+}
+/* Button animation while hovering */
+.btn-grad:hover
+{
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+/* Button text's style */
+.btn-grad a
+{
+ text-decoration: none;
+ color: white;
+ font-family: 'Poppins', sans-serif;
+ text-align: center;
+ font-size: 18px;
+}
+
+/* Styling the line 'Or start a new journey with us' */
+.or
+{
+ color: white;
+ text-align: center;
+ font-weight: 400;
+ margin-top: -10px;
+ margin-bottom: 20px;
+ font-size: large;
+}
+
+/* For mobile screens */
+@media only screen and (max-width:700px)
+{
+ .container
+ {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+ .btn-grad
+ {
+ margin-left: auto;
+ }
+ .or
+ {
+ margin-left: 8px;
+ }
+}
diff --git a/Igniters/bio_userid.html b/Igniters/bio_userid.html
new file mode 100644
index 00000000..bfe1ed67
--- /dev/null
+++ b/Igniters/bio_userid.html
@@ -0,0 +1,40 @@
+
+
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+
+
diff --git a/Igniters/emergency.css b/Igniters/emergency.css
new file mode 100644
index 00000000..735a03b3
--- /dev/null
+++ b/Igniters/emergency.css
@@ -0,0 +1,86 @@
+/* Mobile-first responsive */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
+
+*
+{
+ box-sizing: border-box;
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+.table{
+ background-color:#e9e9e9;
+ background-color: rgba(255,255,255,0.1);
+ box-shadow: 5px 10px 18px rgba(0,0,0,0.5);
+ border-radius: 20px;
+ font-size: 17px;
+}
+
+.btncont{
+ text-decoration: none;
+ padding: 15px 55px;
+ margin-left: 40%;
+ }
+
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+
+ font-size: 18px;
+ color: white;
+ padding: 15px 55px;
+ margin-left: 40%;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+ cursor: pointer;
+ text-decoration: none;
+}
+
+.btn-grad:hover
+{
+
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+
+.danger{
+ color: rgb(224, 1, 1);
+}
+
+@media only screen and (max-width:500px)
+{
+ .btn-grad{
+ margin-left: auto;
+ }
+}
diff --git a/Igniters/emergency.html b/Igniters/emergency.html
new file mode 100644
index 00000000..fecf174c
--- /dev/null
+++ b/Igniters/emergency.html
@@ -0,0 +1,68 @@
+
+
+
+
+
+
+
+
+
+
+
+ Emergency Details
+
+
+
+
+
+
+
+
+ Name :
+ Ashok Mehra
+
+
+ Age :
+ 54
+
+
+ Emergency Contact 1 :
+ Mithra Mehra Spouse +91-7738732921
+
+
+ Emergency Contact 2 :
+ Preethi Mehra Daughter +91-9738749921
+
+
+ Blood Group :
+ B+ve
+
+
+ Health Details :
+ Allergic to Anasthesia Stage II melanoma
+
+
+
+
+
+ Back to Home Page
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Igniters/emergency_details.css b/Igniters/emergency_details.css
new file mode 100644
index 00000000..233486f9
--- /dev/null
+++ b/Igniters/emergency_details.css
@@ -0,0 +1,320 @@
+/* Mobile-first responsive */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
+
+*
+{
+ box-sizing: border-box;
+
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+@keyframes gradient {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 50% {
+ background-position: 100% 50%;
+ }
+ 100% {
+ background-position: 0% 50%;
+ }
+}
+
+.container {
+ padding: 16px;
+}
+
+.container h1{
+ color: white;
+ text-align: center;
+ font-size: 2.5em;
+}
+
+.container hr {
+ border: none;
+ background: linear-gradient(90deg,#1F75FE,skyblue);
+ height: 2px;
+}
+
+.box
+{
+ padding: 15px;
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ font-size: 17px;
+}
+/* Full-width input fields */
+input[type=text], input[type=password] {
+ width: 100%;
+ padding: 15px;
+ margin: 5px 0 22px 0;
+ display: inline-block;
+ border: none;
+ background: #f1f1f1;
+ border-radius: 10px;
+ box-sizing: border-box;
+
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+.container .policy{
+ padding-top: 10px;
+ color: white;
+}
+
+.container .policy a{
+ color:#5e13a3;
+}
+
+@media only screen and (min-width:900px){
+ .container{
+ padding: 0 30%;
+ }
+ .container p{
+ font-size: 18px;
+ }
+ .container .policy a:hover{
+ color: blue;
+}
+}
+/* Button style */
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+}
+/* Button animation while hovering */
+.btn-grad:hover
+{
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+/* Button text's style */
+.btn-grad a
+{
+ text-decoration: none;
+ color: white;
+ font-family: 'Poppins', sans-serif;
+ text-align: center;
+ font-size: 18px;
+}
+
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+.container
+{
+ padding: 16px;
+}
+
+.container h1
+{
+ color: white;
+ text-align: center;
+ font-size: 2.5em;
+}
+
+.container hr
+{
+ border: none;
+ background: linear-gradient(90deg,#1F75FE,skyblue);
+ height: 2px;
+}
+
+.box
+{
+ padding: 15px;
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ font-size: 17px;
+}
+
+/* Full-width input fields */
+input[type=text], input[type=password]
+{
+ width: 100%;
+ padding: 15px;
+ margin: 5px 0 22px 0;
+ display: inline-block;
+ border: none;
+ background: #f1f1f1;
+ border-radius: 10px;
+ box-sizing: border-box;
+}
+
+/* Add a background color when the inputs get focus */
+input[type=text]:focus, input[type=password]:focus
+{
+ background-color: #ddd;
+ outline: none;
+}
+
+.container .policy
+{
+ padding-top: 10px;
+ color: white;
+}
+
+.container .policy a
+{
+ color:white;
+}
+
+@media only screen and (min-width:900px)
+{
+ .container hr
+ {
+ margin-top: -10px;
+ margin-bottom: 15px;
+ }
+ .main-container .icon1
+ {
+ margin-top: 140px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/1.png);
+ }
+ .main-container .icon2
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/2.png);
+ }
+ .main-container .icon3
+ {
+ margin-top: 160px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/3.png);
+ }
+ .main-container .icon4
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/4.png);
+ }
+ .main-container .icon5
+ {
+ margin-top: 180px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/6.png);
+ }
+ .main-container .icon6
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/7.png);
+ }
+ .main-container .icon7
+ {
+ margin-top: 200px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/5.png);
+ }
+ .main-container .icon8
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/8.png);
+ }
+ .container
+ {
+ padding: 0 30%;
+ margin-top: -82%;
+ }
+ .container p
+ {
+ font-size: 18px;
+ }
+ .container .policy a:hover
+ {
+ color: blue;
+ }
+}
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+
+ font-size: 18px;
+ color: white;
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+ cursor: pointer;
+}
+
+
+
+.btn-grad:hover
+{
+
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
diff --git a/Igniters/emergency_details.html b/Igniters/emergency_details.html
new file mode 100644
index 00000000..166e43b9
--- /dev/null
+++ b/Igniters/emergency_details.html
@@ -0,0 +1,58 @@
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+
+
+
+
+
+
+
+
+
Emergency Details
+
Please fill in this form with all important details for use in case of emergencies
+
+
+
Submit
+
+
+
+
+
diff --git a/Igniters/hospital-icons/1.png b/Igniters/hospital-icons/1.png
new file mode 100644
index 00000000..2a19d224
Binary files /dev/null and b/Igniters/hospital-icons/1.png differ
diff --git a/Igniters/hospital-icons/2.png b/Igniters/hospital-icons/2.png
new file mode 100644
index 00000000..4ed9ecb7
Binary files /dev/null and b/Igniters/hospital-icons/2.png differ
diff --git a/Igniters/hospital-icons/3.png b/Igniters/hospital-icons/3.png
new file mode 100644
index 00000000..94a02c65
Binary files /dev/null and b/Igniters/hospital-icons/3.png differ
diff --git a/Igniters/hospital-icons/4.png b/Igniters/hospital-icons/4.png
new file mode 100644
index 00000000..10933c4e
Binary files /dev/null and b/Igniters/hospital-icons/4.png differ
diff --git a/Igniters/hospital-icons/5.png b/Igniters/hospital-icons/5.png
new file mode 100644
index 00000000..ff304165
Binary files /dev/null and b/Igniters/hospital-icons/5.png differ
diff --git a/Igniters/hospital-icons/6.png b/Igniters/hospital-icons/6.png
new file mode 100644
index 00000000..1b1ffcf3
Binary files /dev/null and b/Igniters/hospital-icons/6.png differ
diff --git a/Igniters/hospital-icons/7.png b/Igniters/hospital-icons/7.png
new file mode 100644
index 00000000..ba5846f1
Binary files /dev/null and b/Igniters/hospital-icons/7.png differ
diff --git a/Igniters/hospital-icons/8.png b/Igniters/hospital-icons/8.png
new file mode 100644
index 00000000..49928e70
Binary files /dev/null and b/Igniters/hospital-icons/8.png differ
diff --git a/Igniters/index.css b/Igniters/index.css
new file mode 100644
index 00000000..676f7cc5
--- /dev/null
+++ b/Igniters/index.css
@@ -0,0 +1,198 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap'); /*Poppins font from google fonts*/
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+/* Background animation */
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+/* Hospital Icon */
+.imgcontainer .slider
+{
+ margin: 0 auto;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/1.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ padding: 30px;
+ padding-top: 25px;
+ background-color: white;
+ border-radius: 150px;
+ animation: slide 25s ease-in-out infinite;
+}
+
+/* Hospital Icons Animation */
+@keyframes slide
+{
+ 20%
+ {
+ background-image: url(hospital-icons/2.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 40%
+ {
+ background-image: url(hospital-icons/3.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 50%{
+ background-image: url(hospital-icons/4.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 60%
+ {
+ background-image: url(hospital-icons/5.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 70%
+ {
+ background-image: url(hospital-icons/6.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 80%
+ {
+ background-image: url(hospital-icons/7.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 90%
+ {
+ background-image: url(hospital-icons/8.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+ 100%
+ {
+ background-image: url(hospital-icons/1.png);
+ background-position: center;
+ background-repeat: no-repeat;
+ }
+}
+
+/* Box containing the form */
+.container
+{
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ margin-top: 10px;
+ margin-left: 35%;
+ margin-right: 35%;
+ padding-bottom: 3%;
+}
+
+/* "Vital Essence" heading */
+.main-head
+{
+ padding-top: 10px;
+ text-align: center;
+ color: white;
+ font-size: 1.1em;
+}
+
+/* Login Form */
+#login-form
+{
+ width: 80%;
+ margin: 0 20px;
+ font-size: 17px;
+}
+
+/* input field features */
+input[type=text], input[type=password]
+{
+ border: 1px solid #ccc;
+ width: 100%;
+ margin: 0 30% 0 4%;
+ padding: 12px 20px;
+ margin: 8px 0;
+ display: inline-block;
+ border: 1px solid #ccc;
+ border-radius: 10px;
+ box-sizing: border-box;
+}
+/* Button style */
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+}
+/* Button animation while hovering */
+.btn-grad:hover
+{
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+/* Button text's style */
+.btn-grad a
+{
+ text-decoration: none;
+ color: white;
+ font-family: 'Poppins', sans-serif;
+ text-align: center;
+ font-size: 18px;
+}
+
+/* Styling the line 'Or start a new journey with us' */
+.or
+{
+ color: white;
+ text-align: center;
+ font-weight: 400;
+ margin-top: -10px;
+ margin-bottom: 20px;
+ margin-left: 40px;
+}
+
+/* For mobile screens */
+@media only screen and (max-width:700px)
+{
+ .container
+ {
+ margin-left: 10px;
+ margin-right: 10px;
+ }
+ .btn-grad
+ {
+ margin-left: auto;
+ }
+ .or
+ {
+ margin-left: 8px;
+ }
+}
diff --git a/Igniters/index.html b/Igniters/index.html
new file mode 100644
index 00000000..14a12bbc
--- /dev/null
+++ b/Igniters/index.html
@@ -0,0 +1,46 @@
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Igniters/new_user.css b/Igniters/new_user.css
new file mode 100644
index 00000000..2f529bd1
--- /dev/null
+++ b/Igniters/new_user.css
@@ -0,0 +1,156 @@
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
+
+*
+{
+ box-sizing: border-box;
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 2000% 2000%;
+ animation: gradient 10s ease infinite;
+}
+
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+.menu
+{
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ color: #0e59e2;
+ background-color: rgba(255,255,255,0.5);
+ border-radius: 10px;
+}
+#Welcome
+ {
+ font-size: 18px;
+ cursor: pointer;
+ }
+ .dropbtn
+ {
+ font-size: 18px;
+ cursor: pointer;
+ }
+
+ li a, .dropbtn {
+ display: inline-block;
+ color: black;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+ }
+
+ li a:hover, .dropdown:hover .dropbtn {
+ color: white;
+ border-radius: 10px;
+ }
+
+ li.dropdown {
+ display: inline-block;
+
+
+ }
+
+ .dropdown-content {
+ display: none;
+ position: absolute;
+ background-color: #191970;
+ margin-left: -25vw;
+ width: 135px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ border-radius: 10px;
+ z-index: 1;
+ }
+
+ .dropdown-content a {
+ color: white;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ text-align: left;
+ }
+
+ .dropdown-content a:hover {background-color: #f1f1f1; color: black;}
+
+ .dropdown:hover .dropdown-content {
+ display: block;
+ }
+ @media only screen and (max-width:900px)
+ {
+ #user-logo{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ width: 90%;
+ }
+}
+
+ @media only screen and (min-width:900px)
+ {
+ .card {
+ margin: 20px 25%;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
+ }
+ .card:hover{
+ box-shadow: 5px 10px 18px rgba(0,0,0,0.5);
+ }
+ h2{
+ font-size: 2.5em;
+ }
+ .dropdown-content {
+ width: 15%;
+ margin-left: 65.3vw;
+ }
+ .dropbtn
+ {
+ margin-left: 76.97vw;
+ }
+ /* text animation while hover */
+ .anime{
+ background: linear-gradient(to right, white 50%, black 50%);
+ }
+ .anime{
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-size: 200% 100%;
+ background-position: 100%;
+ }
+ .anime{
+ transition: background-position 500ms ease;
+ }
+ .anime:hover {
+ background-position: 0 100%;
+ }
+ #user-logo{
+ position: absolute;
+ top: 70%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ }
+ }
diff --git a/Igniters/new_user.html b/Igniters/new_user.html
new file mode 100644
index 00000000..0d10edd6
--- /dev/null
+++ b/Igniters/new_user.html
@@ -0,0 +1,93 @@
+
+
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Igniters/old_user.css b/Igniters/old_user.css
new file mode 100644
index 00000000..c8b397fb
--- /dev/null
+++ b/Igniters/old_user.css
@@ -0,0 +1,300 @@
+/* Mobile-first responsive */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
+
+*
+{
+ box-sizing: border-box;
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+ul {
+ list-style-type: none;
+ margin: 0;
+ padding: 0;
+ overflow: hidden;
+}
+.menu
+{
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ color: #0e59e2;
+ background-color: rgba(255,255,255,0.5);
+ border-radius: 10px;
+}
+#Welcome
+ {
+ font-size: 18px;
+ cursor: pointer;
+ }
+ .dropbtn
+ {
+ font-size: 18px;
+ cursor: pointer;
+ }
+ .modal{
+ position: fixed;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%) scale(0);
+ transition: 200ms ease-in-out;
+ border-radius: 10px;
+ z-index: 10;
+ font-family: 'Poppins', sans-serif;
+ color: white;
+ background-color: #1F75FE;
+ min-width: 90%;
+ padding: 10px;
+ background-color: #1F75FE;
+ animation: bg 20s ease infinite;
+}
+@keyframes bg{
+ 20%{
+ background-color:#6050DC;
+ }
+ 40%{
+ background-color: #004687;
+ }
+ 60%{
+ background-color:#1877F2;
+ }
+ 80%{
+ background-color:#0000CD;
+ }
+ 100%{
+ background-color: #1F75FE;
+ }
+}
+
+ .modal.active{
+ transform: translate(-50%, -50%) scale(1);
+ }
+
+ .modal-header{
+ padding: 10px 15px;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+ border-bottom: 1px solid white;
+ }
+ .modal-header .title{
+ font-size: 1.25rem;
+ font-weight: 400;
+ }
+ .modal-header .close{
+ cursor: pointer;
+ border: none;
+ outline: none;
+ background: none;
+ color: white;
+ font-size: 1.5rem;
+ font-weight: bold;
+ }
+ .modal-body{
+ padding: 10px 15px;
+ }
+ #overlay{
+ position: fixed;
+ opacity: 0;
+ transition: 200ms ease-in-out;
+ top: 0;
+ left: 0;
+ right: 0;
+ bottom: 0;
+ background-color: rgba(0,0,0,0.9);
+ pointer-events: none;
+ }
+ #overlay.active{
+ opacity: 1;
+ pointer-events: all;
+ }
+ @media only screen and (min-width:900px)
+{
+ .modal{
+ min-width: 30%;
+ width: 700px;
+ height: 600px;
+ }
+ .modal:hover{
+ box-shadow: 0 0 5px #6F00FF, 0 0 25px #6F00FF, 0 0 50px #6F00FF, 0 0 100px #6F00FF;
+ }
+ .modal-header .title{
+ font-size: 2rem;
+ font-weight: 400;
+ }
+ .modal-body{
+ padding: 10px 15px;
+ font-size: 1.15rem;
+ }
+ #overlay{
+ background-color: rgba(0,0,0,0.95);
+ }
+}
+
+ #mySearch {
+ width: 100%;
+ font-size: 20px;
+ padding: 11px;
+ border: 1px solid #ddd;
+ border-radius: 20px;
+ margin-top: 10px;
+ }
+
+
+li a, .dropbtn {
+ display: inline-block;
+ color: black;
+ text-align: center;
+ padding: 14px 16px;
+ text-decoration: none;
+}
+
+li a:hover, .dropdown:hover .dropbtn {
+ color: white;
+ border-radius: 10px;
+}
+
+li.dropdown {
+ display: inline-block;
+
+
+}
+
+.dropdown-content {
+ display: none;
+ position: absolute;
+ background-color: #191970;
+ margin-left: -25vw;
+ width: 135px;
+ box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
+ border-radius: 10px;
+ z-index: 1;
+}
+
+.dropdown-content a {
+ color: white;
+ padding: 12px 16px;
+ text-decoration: none;
+ display: block;
+ text-align: left;
+}
+
+.dropdown-content a:hover {background-color: #f1f1f1; color: black;}
+
+.dropdown:hover .dropdown-content {
+ display: block;
+}
+
+ .card {
+ margin: 50px;
+ background-color:#e9e9e9;
+ margin: 20px 5%;
+ padding: 15px;
+ background-color: rgba(255,255,255,0.1);
+ box-shadow: 5px 10px 18px rgba(0,0,0,0.5);
+ border-radius: 20px;
+ font-size: 17px;
+}
+h2{
+ color: white;
+ text-align: center;
+ font-size: 1.5em;
+}
+
+.btn-grad
+{
+ background-image: linear-gradient(to right, #0c0e9c 0%, #09b3b0 51%, lime 100%)
+}
+.btn-grad
+{
+
+ font-size: 20px;
+ color: white;
+ margin: 10px;
+ padding: 35px 35px;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ border-radius: 10px;
+ cursor: grab;
+}
+
+.btn-grad:hover
+{
+
+ background-position: right center; /* change the direction of the change here */
+ text-decoration: none;
+}
+
+.blood-test:hover{
+ color: red;
+}
+.scan:hover{
+ color: rgb(88, 6, 136);
+}
+.med:hover{
+ color: rgb(219, 7, 113);
+}
+
+@media only screen and (min-width:900px)
+{
+ .card {
+ margin: 20px 25%;
+ background-color: rgba(255, 255, 255, 0.2);
+ box-shadow: 5px 10px 10px rgba(0,0,0,0.5);
+ }
+ .card:hover{
+ box-shadow: 5px 10px 18px rgba(0,0,0,0.5);
+ }
+ h2{
+ font-size: 2.5em;
+ }
+ .dropdown-content {
+ width: 15%;
+ margin-left: 65.3vw;
+}
+.dropbtn
+ {
+ margin-left: 76.97vw;
+ }
+ /* text animation while hover */
+ .anime{
+ background: linear-gradient(to right, white 50%, black 50%);
+ }
+ .anime{
+ background-clip: text;
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-size: 200% 100%;
+ background-position: 100%;
+ }
+ .anime{
+ transition: background-position 500ms ease;
+ }
+ .anime:hover {
+ background-position: 0 100%;
+ }
+}
diff --git a/Igniters/old_user.html b/Igniters/old_user.html
new file mode 100644
index 00000000..ef4d4bb8
--- /dev/null
+++ b/Igniters/old_user.html
@@ -0,0 +1,165 @@
+
+
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+ MEDICAL SUMMARY
+
+
+
+
+
+
Dec 21, 2020 2:30pm
+
Hospital Name: Amritha Hospital
+
+ Doctor: Dr.Gangadharan S
+
+ Speciality: Oncology
+
+ Diagnosis/Test:
+
+
Biopsy Report
+
MRI Scan Report
+
+ Prescription:
+
+
Medicines
+
+
+
+
+
Dec 1, 2020 11:15am
+
Hospital Name: Amritha Hospital
+
+ Doctor: Dr.Gangadharan S
+
+ Speciality: Oncology
+
+ Diagnosis/Test:
+
+
Blood Test Report
+
+ Prescription:
+
+
Medicines
+
+
+
+
+
Nov 23, 2020 1:30pm
+
Hospital Name: Renai Medicare Hospital
+
+ Doctor: Dr.Reena Philip
+
+ Speciality: General Physician
+
+ Diagnosis/Test:
+
+
Blood Test Report
+
Urine Test Report
+
+ Prescription:
+
+
Medicines
+
+
+
+
+
Sept 14, 2020 10:35am
+
Hospital Name: Renai Medicare Hospital
+
+ Doctor: Dr.Reena Philip
+
+ Speciality: General Physician
+
+ Diagnosis/Test:
+
+
Blood Test Report
+
Chest X-ray Report
+
+ Prescription:
+
+
Medicines
+
+
+
+
+
+
+
+
+
diff --git a/Igniters/record.css b/Igniters/record.css
new file mode 100644
index 00000000..3877264b
--- /dev/null
+++ b/Igniters/record.css
@@ -0,0 +1,193 @@
+/* Mobile-first responsive */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Acme&display=swap');
+
+*
+{
+ box-sizing: border-box;
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+.container
+{
+ padding: 16px;
+}
+
+.container h1
+{
+ color: white;
+ text-align: center;
+ font-size: 2em;
+}
+
+.container hr
+{
+ border: none;
+ background: linear-gradient(90deg,#1F75FE,skyblue);
+ height: 2px;
+}
+
+.box
+{
+ padding: 15px;
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ font-size: 17px;
+}
+
+/* Full-width input fields */
+input[type=text]
+{
+ width: 100%;
+ padding: 15px;
+ margin: 5px 0 22px 0;
+ display: inline-block;
+ border: none;
+ background: #f1f1f1;
+ border-radius: 10px;
+ box-sizing: border-box;
+}
+.head-browse
+{
+ font-size: 20px;
+}
+
+/* Add a background color when the inputs get focus */
+input[type=text]:focus
+{
+ background-color: #ddd;
+ outline: none;
+}
+
+input[type=file]
+{
+ display: none;
+}
+
+input#myFile + label
+{
+ font-family: 'Poppins', sans-serif;
+ font-size: 17px;
+ color: #0e59e2;
+ background-color: rgba(255,255,255,0.5);
+ padding-top: -15px;
+ padding: 10px;
+ border-radius: 9px;
+ outline: none;
+}
+
+input#myFile + label:hover
+{
+ background-color: #5bb3d6;
+ color: rgba(0,0,0,0.9);
+}
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+ font-size: 18px;
+ color: white;
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+ cursor: pointer;
+}
+.btn-grad:hover
+{
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+
+@media only screen and (max-width:900px)
+{
+ .gif
+ {
+ display: none;
+ }
+}
+@media only screen and (min-width:900px)
+{
+ .container
+ {
+ margin-bottom: 16px;
+ }
+ .form-container
+ {
+ margin-top: -35%;
+ }
+ .gif video
+ {
+ position: relative;
+ margin-top: 10%;
+ left: 63%;
+ border-radius: 20px;
+ }
+ .container h1
+ {
+ text-align: left;
+ }
+ .container hr
+ {
+ background: linear-gradient(90deg,#1F75FE,skyblue);
+ margin-right: 40%;
+ margin-top: -10px;
+ margin-bottom: 15px;
+ }
+ .btn-grad
+ {
+ font-size: 22px;
+ padding: 2% 5%;
+ margin-top: 2%;
+ margin-left: 25%;
+ }
+ .box
+ {
+ padding: 15px;
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ font-size: 17px;
+ margin-right: 40%;
+ }
+ input#myFile + label
+ {
+ border-radius: 10px;
+ }
+ .btn-grad
+ {
+ margin-left: auto;
+ font-family: 'Acme', sans-serif;
+ font-size: 25px;
+ }
+}
diff --git a/Igniters/record.html b/Igniters/record.html
new file mode 100644
index 00000000..9f859832
--- /dev/null
+++ b/Igniters/record.html
@@ -0,0 +1,56 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Igniters/signup.css b/Igniters/signup.css
new file mode 100644
index 00000000..74c85c98
--- /dev/null
+++ b/Igniters/signup.css
@@ -0,0 +1,307 @@
+/* Mobile-first responsive */
+@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400&display=swap');
+
+*
+{
+ box-sizing: border-box;
+
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+@keyframes gradient {
+ 0% {
+ background-position: 0% 50%;
+ }
+ 50% {
+ background-position: 100% 50%;
+ }
+ 100% {
+ background-position: 0% 50%;
+ }
+}
+
+.container {
+ padding: 16px;
+}
+
+.container h1{
+ color: white;
+ text-align: center;
+ font-size: 2.5em;
+}
+
+.container hr {
+ border: none;
+ background: linear-gradient(90deg,#1F75FE,skyblue);
+ height: 2px;
+}
+
+.box
+{
+ padding: 15px;
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ font-size: 17px;
+}
+/* Full-width input fields */
+input[type=text], input[type=password] {
+ width: 100%;
+ padding: 15px;
+ margin: 5px 0 22px 0;
+ display: inline-block;
+ border: none;
+ background: #f1f1f1;
+ border-radius: 10px;
+ box-sizing: border-box;
+
+}
+
+body
+{
+ font-family: 'Poppins', sans-serif;
+ font-weight: 300;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+.container .policy{
+ padding-top: 10px;
+ color: white;
+}
+
+.container .policy a{
+ color:#5e13a3;
+}
+
+@media only screen and (min-width:900px){
+ .container{
+ padding: 0 30%;
+ }
+ .container p{
+ font-size: 18px;
+ }
+ .container .policy a:hover{
+ color: blue;
+}
+}
+.btn{
+ text-decoration: none;
+}
+/* Button style */
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+}
+/* Button animation while hovering */
+.btn-grad:hover
+{
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+/* Button text's style */
+.btn-grad a
+{
+ text-decoration: none;
+ color: white;
+ font-family: 'Poppins', sans-serif;
+ text-align: center;
+ font-size: 18px;
+}
+
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+.container
+{
+ padding: 16px;
+}
+
+.container h1
+{
+ color: white;
+ text-align: center;
+ font-size: 2.5em;
+}
+
+.container hr
+{
+ border: none;
+ background: linear-gradient(90deg,#1F75FE,skyblue);
+ height: 2px;
+}
+
+.box
+{
+ padding: 15px;
+ background-color: rgba(255,255,255,0.2);
+ border-radius: 20px;
+ font-size: 17px;
+}
+
+/* Full-width input fields */
+input[type=text], input[type=password]
+{
+ width: 100%;
+ padding: 15px;
+ margin: 5px 0 22px 0;
+ display: inline-block;
+ border: none;
+ background: #f1f1f1;
+ border-radius: 10px;
+ box-sizing: border-box;
+}
+
+/* Add a background color when the inputs get focus */
+input[type=text]:focus, input[type=password]:focus
+{
+ background-color: #ddd;
+ outline: none;
+}
+
+.container .policy
+{
+ padding-top: 10px;
+ color: white;
+}
+
+.container .policy a
+{
+ color:white;
+}
+
+@media only screen and (min-width:900px)
+{
+ .container hr
+ {
+ margin-top: -10px;
+ margin-bottom: 15px;
+ }
+ .main-container .icon1
+ {
+ margin-top: 140px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/1.png);
+ }
+ .main-container .icon2
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/2.png);
+ }
+ .main-container .icon3
+ {
+ margin-top: 160px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/3.png);
+ }
+ .main-container .icon4
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/4.png);
+ }
+ .main-container .icon5
+ {
+ margin-top: 180px;
+ margin-left: 140px;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/6.png);
+ }
+ .main-container .icon6
+ {
+ margin-top: -110px;
+ position: relative;
+ left: 80%;
+ width: 128px;
+ height: 128px;
+ background-image: url(hospital-icons/7.png);
+ }
+ .container
+ {
+ padding: 0 30%;
+ margin-top: -60%;
+ }
+ .container p
+ {
+ font-size: 18px;
+ }
+ .container .policy a:hover
+ {
+ color: blue;
+ }
+}
+.btn-grad
+{
+ background-image: linear-gradient(to right, #5e13a3 0%, #26D0CE 51%, #1A2980 100%)
+}
+.btn-grad
+{
+
+ font-size: 18px;
+ color: white;
+ margin: 10px auto;
+ padding: 15px 55px;
+ text-transform: uppercase;
+ transition: 0.7s;
+ background-size: 200% auto;
+ border-style: none;
+ display: block;
+ border-radius: 40px;
+ cursor: pointer;
+}
+
+
+
+.btn-grad:hover
+{
+
+ background-position: right center; /* change the direction of the change here */
+ color: #fff;
+ text-decoration: none;
+}
+
diff --git a/Igniters/signup.html b/Igniters/signup.html
new file mode 100644
index 00000000..c8b9251d
--- /dev/null
+++ b/Igniters/signup.html
@@ -0,0 +1,60 @@
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+
+
+
diff --git a/Igniters/under_construction.css b/Igniters/under_construction.css
new file mode 100644
index 00000000..4603955b
--- /dev/null
+++ b/Igniters/under_construction.css
@@ -0,0 +1,169 @@
+*{
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+body
+{
+ width: 100%;
+ height: 100vh;
+ background: linear-gradient(-45deg, #1F75FE,#6A5ACD, #3457D5, #23a6d5,#4D4DFF, #23d5ab,#191970);
+ background-size: 400% 400%;
+ animation: gradient 10s ease infinite;
+}
+
+/* Background animation */
+@keyframes gradient
+{
+ 0%
+ {
+ background-position: 0% 50%;
+ }
+ 50%
+ {
+ background-position: 100% 50%;
+ }
+ 100%
+ {
+ background-position: 0% 50%;
+ }
+}
+
+#logo{
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%,-50%);
+ width: 60%;
+}
+
+#logo path:nth-child(2){
+ stroke-dasharray: 562.71;
+ stroke-dashoffset: 562.71;
+ animation: anime 2s ease forwards;
+}
+#logo path:nth-child(3){
+ stroke-dasharray: 770.08;
+ stroke-dashoffset: 770.08;
+ animation: anime 2s ease forwards 0.1s;
+}
+#logo path:nth-child(4){
+ stroke-dasharray: 572.51;
+ stroke-dashoffset: 572.51;
+ animation: anime 2s ease forwards 0.2s;
+}
+#logo path:nth-child(5){
+ stroke-dasharray: 537.51;
+ stroke-dashoffset: 537.51;
+ animation: anime 2s ease forwards 0.3s;
+}
+#logo path:nth-child(6){
+ stroke-dasharray: 623.77;
+ stroke-dashoffset: 623.77;
+ animation: anime 2s ease forwards;
+}
+#logo path:nth-child(7){
+ stroke-dasharray: 623.77;
+ stroke-dashoffset: 623.77;
+ animation: anime 2s ease forwards 0.1s;
+}
+#logo path:nth-child(8){
+ stroke-dasharray: 572.51;
+ stroke-dashoffset: 572.51;
+ animation: anime 2s ease forwards 0.2s;
+}
+#logo path:nth-child(9){
+ stroke-dasharray: 572.51;
+ stroke-dashoffset: 572.51;
+ animation: anime 2s ease forwards 0.3s;
+}
+#logo path:nth-child(10){
+ stroke-dasharray: 273.36;
+ stroke-dashoffset: 273.36;
+ animation: anime 2s ease forwards 0.4s;
+}
+#logo path:nth-child(11){
+ stroke-dasharray: 565;
+ stroke-dashoffset: 565;
+ animation: anime 2s ease forwards;
+}
+#logo path:nth-child(12){
+ stroke-dasharray: 481;
+ stroke-dashoffset: 481;
+ animation: anime 2s ease forwards 0.1s;
+}
+#logo path:nth-child(13){
+ stroke-dasharray: 469;
+ stroke-dashoffset: 469;
+ animation: anime 2s ease forwards 0.2s;
+}
+#logo path:nth-child(14){
+ stroke-dasharray: 465;
+ stroke-dashoffset: 465;
+ animation: anime 2s ease forwards 0.3s;
+}
+#logo path:nth-child(15){
+ stroke-dasharray: 349;
+ stroke-dashoffset: 349;
+ animation: anime 2s ease forwards 0.4s;
+}
+#logo path:nth-child(16){
+ stroke-dasharray: 273;
+ stroke-dashoffset: 273;
+ animation: anime 2s ease forwards 0.5s;
+}
+#logo path:nth-child(17){
+ stroke-dasharray: 469;
+ stroke-dashoffset: 469;
+ animation: anime 2s ease forwards 0.6s;
+}
+#logo path:nth-child(18){
+ stroke-dasharray: 443;
+ stroke-dashoffset: 443;
+ animation: anime 2s ease forwards 0.7s;
+}
+#logo path:nth-child(19){
+ stroke-dasharray: 349;
+ stroke-dashoffset: 349;
+ animation: anime 2s ease forwards 0.8s;
+}
+#logo path:nth-child(20){
+ stroke-dasharray: 266.5;
+ stroke-dashoffset: 266.5;
+ animation: anime 2s ease forwards 0.9s;
+}
+#logo path:nth-child(21){
+ stroke-dasharray: 482;
+ stroke-dashoffset: 482;
+ animation: anime 2s ease forwards 1s;
+}
+#logo path:nth-child(22){
+ stroke-dasharray: 469;
+ stroke-dashoffset: 469;
+ animation: anime 2s ease forwards 1s;
+}
+
+@keyframes anime{
+ to{stroke-dashoffset: 0;}
+}
+
+@media only screen and (max-width:500px){
+ #logo{
+ width: 90%;
+ z-index: 10;
+ top: 30%;
+ }
+ #thanku{
+ width: 100%;
+ position: absolute;
+ top: 20%;
+
+ }
+
+}
+
+@media only screen and (min-width:900px){
+ #thanku{
+ display: none;
+ }
+}
diff --git a/Igniters/under_construction.html b/Igniters/under_construction.html
new file mode 100644
index 00000000..22aba82e
--- /dev/null
+++ b/Igniters/under_construction.html
@@ -0,0 +1,170 @@
+
+
+
+
+
+ Vital Essence
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+