diff --git a/README.md b/README.md
index 7e5bc48d..02cde3f2 100644
--- a/README.md
+++ b/README.md
@@ -1,4 +1,4 @@
-<h1><b>WolfTrack 3.0</b></h1>
+<h1><b>WolfTrack </b></h1>
 
 [Demo Link](https://drive.google.com/file/d/1Ug-K1hOt9Jbbztuziw2OZFPyBx66PqLx/view?usp=sharing) <br>
 [WolfTrack 3.0 Youtube](https://youtu.be/3_JZxAd9lcs)
@@ -20,11 +20,12 @@
 &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <img width = "380" height = "450" src = "static/images/wolftrack3.0.png"> </img>
 
 ---
+
 # ❓ Why WolfTrack3.0 ❓
 
-Do you find yourself applying to too many companies and losing track of your time? 
+Do you find yourself applying to too many companies and losing track of your time?
 
-Do you want to hear from your coworkers or experts? 
+Do you want to hear from your coworkers or experts?
 
 WolfTrack 3.0 aids in the planning and organization of job applications in a chronological manner so that you can conveniently track job applications, receive professional advice, and land your dream job. We keep track of job applications, job descriptions, locations, wages, dates, and notes, among other things.
 
@@ -33,16 +34,15 @@ WolfTrack 3.0 aids in the planning and organization of job applications in a chr
 **So, let's go get that job! 😎**
 
 ---
-## 🥊 Punch Line
 
+## 🥊 Punch Line
 
 https://user-images.githubusercontent.com/66715000/144538638-acc75fa1-db5b-49a1-a5d0-9b3bbc79cf89.mp4
 
-
-
 ---
 
 ## 📚 Technology Stack
+
 &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; <code><a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML5" target="_blank"><img src = "https://upload.wikimedia.org/wikipedia/commons/c/c3/Python-logo-notext.svg" width="50"/></a></code>
 <code><a href="https://flask.palletsprojects.com/en/1.1.x/" target="_blank"><img height="50" src="https://freetutsdownload.net/wp-content/uploads/2021/07/Learn-Flask-A-web-Development-Framework-of-Python.jpg"></a></code>
 <code><a href="https://developer.mozilla.org/en-US/docs/Glossary/HTML5" target="_blank"><img height="50" src="https://cdn.pixabay.com/photo/2017/08/05/11/16/logo-2582748_1280.png"></a></code>
@@ -52,25 +52,25 @@ https://user-images.githubusercontent.com/66715000/144538638-acc75fa1-db5b-49a1-
 <code><a href="https://www.mysql.com/" target="_blank"><img height="50" src="https://www.vectorlogo.zone/logos/mysql/mysql-ar21.svg"></a></code>
 <code><a href="https://aws.amazon.com/" target="_blank"><img height="50" src="https://www.vectorlogo.zone/logos/amazon_aws/amazon_aws-ar21.svg"></a></code>
 
-<p align="center"> Python |  Flask |  HTML | CSS | JavaScript | BootStrap | MySQL | AWS </p> 
+<p align="center"> Python |  Flask |  HTML | CSS | JavaScript | BootStrap | MySQL | AWS </p>
 
 ## 🎛️ Version Control Tools
+
  <p align="center">
 <img src="https://i.giphy.com/media/KzJkzjggfGN5Py6nkT/200.webp" width="150"><img src="https://i.giphy.com/media/IdyAQJVN2kVPNUrojM/200.webp" width="150"> <img src="https://media.giphy.com/media/UWt0rhp21JgLwoeFQP/giphy.gif" width ="150"/> <img src="https://media.giphy.com/media/kH6CqYiquZawmU1HI6/giphy.gif" width ="150"/> 
 </p>
 
-       
 ## 🧰 Tools
 
 &emsp; &emsp; &emsp; &emsp; &emsp; &emsp; &emsp;![ezgif com-optimize](https://user-images.githubusercontent.com/32817064/140445992-15af5890-6aa5-48e5-b663-7e6bd1272d26.gif)
 
-- #### We have created an entire CI pipeline which includes all the stages including Code Analysis, Style checkers, Code Coverage, Code Assemble and Docker Image        Build, readily available to run the image on any server without manually setting up the environment.
+- #### We have created an entire CI pipeline which includes all the stages including Code Analysis, Style checkers, Code Coverage, Code Assemble and Docker Image Build, readily available to run the image on any server without manually setting up the environment.
 - [Github WorkFlow YAML](https://github.com/nehajaideep/WolfTrack3.0/blob/Group10StableBranch/.github/workflows/main.yml) | [Dockerfile](https://github.com/nehajaideep/WolfTrack3.0/blob/Group10StableBranch/Dockerfile) | [Prettier Code Formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) | [JS-HTML-CSS Formatter](https://marketplace.visualstudio.com/items?itemName=lonefy.vscode-JS-CSS-HTML-formatter) | [Flake8](https://github.com/nehajaideep/WolfTrack23.0/blob/Group10StableBranch/.github/workflows/main.yml)
 
 ### Third-Party Tools
 
 - [AWS Relational Database Service-RDS](https://docs.aws.amazon.com/AmazonRDS/latest/UserGuide/Welcome.html)
-  -  The AWS Database is used as a primary DB by the location. The application interacts with the DB and no additional steps are required from the users. For any contributors or future developers, please mail to wolftrackse@gmail.com to get your AWS IAM user account details to connect to AWS RDS.
+  - The AWS Database is used as a primary DB by the location. The application interacts with the DB and no additional steps are required from the users. For any contributors or future developers, please mail to wolftrackse@gmail.com to get your AWS IAM user account details to connect to AWS RDS.
 - [Microsft Power BI](https://docs.microsoft.com/en-us/power-bi/)
 - [Highcharts](https://www.highcharts.com/)
 
@@ -78,90 +78,105 @@ https://user-images.githubusercontent.com/66715000/144538638-acc75fa1-db5b-49a1-
 
 ## 💻 Getting Started & Installation:
 
-  - ### Prerequisite:
-      - Download [Python3.x](https://www.python.org/downloads/).
+- ### Prerequisite:
+
+  - Download [Python3.x](https://www.python.org/downloads/).
+
+- ### Installation:
+
+  E.g If you downloaded `Python 3.8.7` above, then
+
+  **Steps to setup virtual environment**
+
+  - Create a virtual environment:
+
+    `python3.8 -m venv test_env`
+
+  - Activate the virtual environment:
+
+    `source test_env/bin/activate`
+
+  - Build the virtual environment:(must be present in [project root directory](https://github.com/nehajaideep/WolfTrack2.0))
 
-   - ### Installation:
-      E.g If you downloaded `Python 3.8.7` above, then
+    `pip install -r requirements.txt`
 
-      **Steps to setup virtual environment**
-     - Create a virtual environment:
+- ### Run Instructions
 
-        `python3.8 -m venv test_env`
-    
-     - Activate the virtual environment: 
+  **To run/test the site locally:**
 
-        `source test_env/bin/activate`
-    
-     - Build the virtual environment:(must be present in [project root directory](https://github.com/nehajaideep/WolfTrack2.0))
+  - Clone [WolfTrack github repo](https://github.com/nehajaideep/WolfTrack2.0).
 
-        `pip install -r requirements.txt`
+  - Navigate to [project directory](https://github.com/nehajaideep/WolfTrack2.0).
 
-  - ### Run Instructions
+  - Run `python main.py` or `python3 main.py` <br> <br>
+    If there is a certificate error coming up for nltk stopwords download: <br>
 
-     **To run/test the site locally:**
+    - search for "Install Certificates.command" in finder and open it. Its a script that will install required Certificates. <br>
+    - Run the above command again.
 
-     - Clone [WolfTrack github repo](https://github.com/nehajaideep/WolfTrack2.0).
+  - Site will be hosted at:
+    `http://127.0.0.1:5000/`
 
-     - Navigate to [project directory](https://github.com/nehajaideep/WolfTrack2.0).
-  
-     - Run `python main.py` or `python3 main.py` <br> <br>
-       If there is a certificate error coming up for nltk stopwords download: <br>
-       - search for "Install Certificates.command" in finder and open it. Its a script that will install required Certificates. <br>
-       - Run the above command again.
+- ### Application Deployed on a sandbox server
+  - You can access the application on the url
+    `https://harshb.pythonanywhere.com/login`
+
+## 🚢 Run locally using Docker
 
-     - Site will be hosted at:
-       `http://127.0.0.1:5000/`
- 
-  - ### Application Deployed on a sandbox server
-     
-     - You can access the application on the url
-       `https://harshb.pythonanywhere.com/login`
-    
-  ## 🚢 Run locally using Docker
 Our application is docker-compatible configured and you have to follow below steps to run the docker on local:<br>
 Note : Make sure you have a docker desktop or docker client installed on your system
-  * [Docker Desktop Installation Guide](https://docs.docker.com/get-docker/)
+
+- [Docker Desktop Installation Guide](https://docs.docker.com/get-docker/)
 
 1. Clone the repository
+
 ```
 git clone https://github.com/nehajaideep/WolfTrack3.0.git
 ```
+
 2. Go the the repository
+
 ```
 cd WolfTrack3.0
 ```
+
 3. Run the docker build command
+
 ```
 docker build --tag wolftrackv3:1.0 .
 ```
+
 4. Run the built docker image on local Container
+
 ```
 docker run -dp 5000:5000 wolftrackv3:1.0
 ```
 
 5. Test the backend application using below api
+
 ```
 GET localhost:5000/login
 Response :- "Login Page will appear"
 ```
 
 6. Tag the Deployable image
+
 ```
 docker tag wolftrackv2:1.4 akhil/wolftrackv3:1.0
 ```
 
 7. Push the Deployable tagged image to the DockerHub Cloud Image Repository
+
 ```
 docker push akhil/wolftrackv3:1.0
 ```
 
 8. Below DockerHub Repository where the readily deployable Image is available
-<img width="1389" alt="Screenshot 2021-11-04 at 9 38 50 PM" src="https://user-images.githubusercontent.com/32817064/140444016-f26825a8-6fb6-4345-ab6a-54986163ede5.png">
+   <img width="1389" alt="Screenshot 2021-11-04 at 9 38 50 PM" src="https://user-images.githubusercontent.com/32817064/140444016-f26825a8-6fb6-4345-ab6a-54986163ede5.png">
 
 ---
 
-[Class/Functions Documentation](https://github.com/nehajaideep/WolfTrack3.0/blob/Group10StableBranch/docs/WolfTrack3.0_Documentation.pdf)     
+[Class/Functions Documentation](https://github.com/nehajaideep/WolfTrack3.0/blob/Group10StableBranch/docs/WolfTrack3.0_Documentation.pdf)
 
 ---
 
@@ -170,6 +185,7 @@ docker push akhil/wolftrackv3:1.0
 It is part of the [Github Workflow Build](https://github.com/nehajaideep/WolfTrack2.0/runs/4099439944?check_suite_focus=true)
 
 ---
+
 ## 🛤️ Roadmap
 
 ### Phase 1 WolfTrack:
@@ -191,26 +207,25 @@ It is part of the [Github Workflow Build](https://github.com/nehajaideep/WolfTra
 - [x] Upload and maintaining resume versions
 - [x] Send remainder mails for deadlines
 - [x] Share your profile with others
-- [x] Creation of Docker image 
+- [x] Creation of Docker image
 - [x] Readily deployable image in docker registry
 
-
 ### 🏁 Phase 3 WolfTrack 3.0:
 
-☑️  Two Type Login Application - Admin and User.<br>
-☑️  Resume Review, Comment, Download and Like by Admin.   
-☑️  Comments given by Admin are sent as email to the user. <br>
-☑️  Cronjob for pending application deadlines as email notification. <br>
-☑️  Implemented web scraping to find relevant jobs according to user's profile and recommend him <br>
-☑️  Daily Goal Check to keep track of number of jobs applied and to apply <br>
-☑️  Customizable Daily Target Field <br>
-☑️  Parse Resume Document with other extensions <br>
-☑️  Recommend jobs by matching the resume with open jobs <br>
+☑️ Two Type Login Application - Admin and User.<br>
+☑️ Resume Review, Comment, Download and Like by Admin.  
+☑️ Comments given by Admin are sent as email to the user. <br>
+☑️ Cronjob for pending application deadlines as email notification. <br>
+☑️ Implemented web scraping to find relevant jobs according to user's profile and recommend him <br>
+☑️ Daily Goal Check to keep track of number of jobs applied and to apply <br>
+☑️ Customizable Daily Target Field <br>
+☑️ Parse Resume Document with other extensions <br>
+☑️ Recommend jobs by matching the resume with open jobs <br>
 
 ### 🔭 Phase 4 WolfTrack 4.0 (Future Scope):
 
 - [ ] Configure Cron-Job for reminder as SMS notification
-- [ ] Model improvement of resume analyzer 
+- [ ] Model improvement of resume analyzer
 - [ ] Customization of job recommendations
 - [ ] Direct application links to jobs in the recommendation list
 - [ ] Online chat with expert
@@ -219,6 +234,7 @@ It is part of the [Github Workflow Build](https://github.com/nehajaideep/WolfTra
 ---
 
 ## ✍️ Contributions
+
 Please refer to the [CONTRIBUTING.md](https://github.com/nehajaideep/WolfTrack2.0/blob/Group10StableBranch/CONTRIBUTING.md) if you want to contrbute to the Wolftrack 3.0 source code. Follow all the guidelines mentioned and raise a pull request for the developers to review before the code goes to the main source code.
 
 ---
diff --git a/templates/find_jobs.html b/templates/find_jobs.html
index 52d70cd7..b8207710 100644
--- a/templates/find_jobs.html
+++ b/templates/find_jobs.html
@@ -24,795 +24,13 @@
       type="text/javascript"
       src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"
     ></script>
-    <style>
-      * {
-        -webkit-box-sizing: border-box;
-        -moz-box-sizing: border-box;
-        box-sizing: border-box;
-      }
-
-      body {
-        font-family: "Segoe UI";
-        /* font-size: 15px; */
-        color: #666;
-        /* background-color: #1f8690; */
-        margin: 0;
-      }
-
-      :focus {
-        outline: none;
-      }
-
-      textarea {
-        resize: none;
-      }
-
-      input,
-      textarea,
-      select,
-      button {
-        font-family: "Poppins-Regular";
-        font-size: 15px;
-        color: #666;
-      }
-
-      ul {
-        padding: 0;
-        margin: 0;
-        list-style: none;
-      }
-
-      img {
-        max-width: 100%;
-        vertical-align: middle;
-      }
-
-      .wrapper {
-        max-width: 600px;
-        height: 100vh;
-        margin: auto;
-        display: flex;
-        align-items: center;
-      }
-
-      .wrapper .image-holder {
-        width: 51%;
-      }
-
-      .wrapper form {
-        width: 100%;
-      }
-
-      .wizard > .steps .current-info,
-      .wizard > .steps .number {
-        display: none;
-      }
-
-      #wizard {
-        min-height: 570px;
-        background: #fff;
-        margin-right: 60px;
-        padding: 107px 75px 65px;
-        margin-top: 20px;
-        margin-bottom: 20px;
-      }
-
-      .steps {
-        margin-bottom: 30px;
-      }
-
-      .steps ul {
-        display: flex;
-        position: relative;
-      }
-
-      .steps ul li {
-        width: 25%;
-        margin-right: 10px;
-      }
-
-      .steps ul li a {
-        display: inline-block;
-        width: 100%;
-        height: 7px;
-        background: #e6e6e6;
-        border-radius: 3.5px;
-      }
-
-      .steps ul li.first a,
-      .steps ul li.checked a {
-        background: #1f8690;
-        transition: all 0.5s ease;
-      }
-
-      .steps ul:before {
-        content: "Job Summarizer";
-        font-size: 22px;
-        font-family: "Poppins-SemiBold";
-        color: #333;
-        top: -38px;
-        position: absolute;
-      }
-
-      .steps ul.step-2:before {
-        content: "Additional Info";
-      }
-
-      .steps ul.step-3:before {
-        content: "Your Order";
-      }
-
-      .steps ul.step-4:before {
-        content: "Billing Method";
-      }
-
-      h3 {
-        font-family: "Poppins-SemiBold";
-      }
-
-      .form-row {
-        margin-bottom: 24px;
-      }
-
-      .form-row label {
-        margin-bottom: 8px;
-        display: block;
-      }
-
-      .form-row.form-group {
-        display: flex;
-      }
-
-      .form-row.form-group .form-holder {
-        width: 50%;
-        margin-right: 21px;
-      }
-
-      .form-row.form-group .form-holder:last-child {
-        margin-right: 0;
-      }
-
-      .form-holder {
-        position: relative;
-      }
-
-      .form-holder i {
-        position: absolute;
-        top: 11px;
-        right: 19px;
-        font-size: 17px;
-        color: #999;
-      }
-
-      .form-control {
-        height: 42px;
-        border: 1px solid #e6e6e6;
-        background: none;
-        width: 100%;
-        padding: 0 18px;
-      }
-
-      .form-control:focus {
-        border-color: #f3d4b7;
-      }
-
-      .form-control::-webkit-input-placeholder {
-        color: #999;
-        font-size: 13px;
-      }
-
-      .form-control::-moz-placeholder {
-        color: #999;
-        font-size: 13px;
-      }
-
-      .form-control:-ms-input-placeholder {
-        color: #999;
-        font-size: 13px;
-      }
-
-      .form-control:-moz-placeholder {
-        color: #999;
-        font-size: 13px;
-      }
-
-      textarea.form-control {
-        padding-top: 11px;
-        padding-bottom: 11px;
-      }
-
-      .option {
-        color: #999;
-      }
-
-      .actions ul {
-        display: flex;
-        margin-top: 30px;
-        justify-content: space-between;
-      }
-
-      .actions ul.step-last {
-        justify-content: flex-end;
-      }
-
-      .actions ul.step-last li:first-child {
-        display: none;
-      }
-
-      .actions li a {
-        padding: 0;
-        border: none;
-        display: inline-flex;
-        height: 51px;
-        width: 135px;
-        align-items: center;
-        background: #6200ea;
-        cursor: pointer;
-        color: #fff !important;
-        position: relative;
-        padding-left: 41px;
-        text-decoration: none;
-        -webkit-transform: perspective(1px) translateZ(0);
-        transform: perspective(1px) translateZ(0);
-        -webkit-transition-duration: 0.3s;
-        transition-duration: 0.3s;
-        font-weight: 400;
-      }
-
-      .actions li a:before {
-        content: "\f178";
-        position: absolute;
-        top: 15px;
-        right: 41px;
-        color: #fff;
-        font-family: "FontAwesome";
-        -webkit-transform: translateZ(0);
-        transform: translateZ(0);
-      }
-
-      .actions li a:hover {
-        background: #1f8690;
-      }
-
-      .actions li a:hover:before {
-        -webkit-animation-name: hvr-icon-wobble-horizontal;
-        animation-name: hvr-icon-wobble-horizontal;
-        -webkit-animation-duration: 1s;
-        animation-duration: 1s;
-        -webkit-animation-timing-function: ease-in-out;
-        animation-timing-function: ease-in-out;
-        -webkit-animation-iteration-count: 1;
-        animation-iteration-count: 1;
-      }
-
-      .actions li[aria-disabled="true"] a {
-        display: none;
-      }
-
-      .actions li:first-child a {
-        background: #e6e6e6;
-        padding-left: 48px;
-      }
-
-      .actions li:first-child a:before {
-        content: "\f177";
-        left: 26px;
-      }
-
-      .actions li:first-child a:hover {
-        background: #ccc;
-      }
-
-      .actions li:last-child a {
-        padding-left: 29px;
-        width: 167px;
-        font-weight: 400;
-      }
-
-      .actions li:last-child a:before {
-        right: 30px;
-      }
-
-      .checkbox {
-        position: relative;
-      }
-
-      .checkbox label {
-        padding-left: 21px;
-        cursor: pointer;
-        color: #999;
-      }
-
-      .checkbox input {
-        position: absolute;
-        opacity: 0;
-        cursor: pointer;
-      }
-
-      .checkbox input:checked ~ .checkmark:after {
-        display: block;
-      }
-
-      .checkmark {
-        position: absolute;
-        top: 50%;
-        left: 0;
-        transform: translateY(-50%);
-        height: 12px;
-        width: 13px;
-        border-radius: 2px;
-        background-color: #ebebeb;
-        border: 1px solid #ccc;
-        font-family: "Font Awesome";
-        color: #000;
-        font-size: 10px;
-        font-weight: bolder;
-      }
-
-      .checkmark:after {
-        position: absolute;
-        top: 50%;
-        left: 50%;
-        transform: translate(-50%, -50%);
-        display: none;
-        content: "\f178";
-      }
-
-      .checkbox-circle {
-        margin-top: 41px;
-        margin-bottom: 46px;
-      }
-
-      .checkbox-circle label {
-        cursor: pointer;
-        padding-left: 26px;
-        color: #999;
-        display: block;
-        margin-bottom: 15px;
-        position: relative;
-      }
-
-      .checkbox-circle label.active .tooltip {
-        display: block;
-      }
-
-      .checkbox-circle input {
-        position: absolute;
-        opacity: 0;
-        cursor: pointer;
-      }
-
-      .checkbox-circle input:checked ~ .checkmark:after {
-        display: block;
-      }
-
-      .checkbox-circle .checkmark {
-        position: absolute;
-        top: 11px;
-        left: 0;
-        height: 14px;
-        width: 14px;
-        border-radius: 50%;
-        background: #ebebeb;
-        border: 1px solid #cdcdcd;
-      }
-
-      .checkbox-circle .checkmark:after {
-        content: "";
-        top: 6px;
-        left: 6px;
-        width: 6px;
-        height: 6px;
-        border-radius: 50%;
-        background: #666666;
-        position: absolute;
-        display: none;
-      }
-
-      .checkbox-circle .tooltip {
-        padding: 9px 22px;
-        background: #f2f2f2;
-        line-height: 1.8;
-        position: relative;
-        margin-top: 16px;
-        margin-bottom: 28px;
-        display: none;
-      }
-
-      .checkbox-circle .tooltip:before {
-        content: "";
-        border-bottom: 10px solid #f2f2f2;
-        border-right: 9px solid transparent;
-        border-left: 9px solid transparent;
-        position: absolute;
-        bottom: 100%;
-      }
-
-      .product {
-        margin-bottom: 33px;
-      }
-
-      .item {
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-        padding-bottom: 30px;
-        border-bottom: 1px solid #e6e6e6;
-        margin-bottom: 30px;
-      }
-
-      .item:last-child {
-        margin-bottom: 0;
-        padding-bottom: 0;
-        border: none;
-      }
-
-      .item .left {
-        display: flex;
-        align-items: center;
-      }
-
-      .item .thumb {
-        display: inline-flex;
-        width: 100px;
-        height: 90px;
-        justify-content: center;
-        align-items: center;
-        border: 1px solid #f2f2f2;
-      }
-
-      .item .purchase {
-        display: inline-block;
-        margin-left: 21px;
-      }
-
-      .item .purchase h6 {
-        font-family: "Poppins-Medium";
-        font-size: 16px;
-        margin-bottom: 4px;
-        font-weight: 500;
-      }
-
-      .item .purchase h6 a {
-        color: #333;
-      }
-
-      .item .price {
-        font-size: 16px;
-      }
-
-      .checkout {
-        margin-bottom: 44px;
-      }
-
-      .checkout span.heading {
-        font-family: "Poppins-Medium";
-        font-weight: 500;
-        margin-right: 5px;
-      }
-
-      .checkout .subtotal {
-        margin-bottom: 18px;
-      }
-
-      .checkout .shipping {
-        margin-bottom: 19px;
-      }
-
-      .checkout .shipping span.heading {
-        margin-right: 4px;
-      }
-
-      .checkout .total-price {
-        font-family: "Muli-Bold";
-        color: #333;
-        font-weight: 700;
-      }
-
-      @-webkit-keyframes hvr-icon-wobble-horizontal {
-        16.65% {
-          -webkit-transform: translateX(6px);
-          transform: translateX(6px);
-        }
-        33.3% {
-          -webkit-transform: translateX(-5px);
-          transform: translateX(-5px);
-        }
-        49.95% {
-          -webkit-transform: translateX(4px);
-          transform: translateX(4px);
-        }
-        66.6% {
-          -webkit-transform: translateX(-2px);
-          transform: translateX(-2px);
-        }
-        83.25% {
-          -webkit-transform: translateX(1px);
-          transform: translateX(1px);
-        }
-        100% {
-          -webkit-transform: translateX(0);
-          transform: translateX(0);
-        }
-      }
-
-      @keyframes hvr-icon-wobble-horizontal {
-        16.65% {
-          -webkit-transform: translateX(6px);
-          transform: translateX(6px);
-        }
-        33.3% {
-          -webkit-transform: translateX(-5px);
-          transform: translateX(-5px);
-        }
-        49.95% {
-          -webkit-transform: translateX(4px);
-          transform: translateX(4px);
-        }
-        66.6% {
-          -webkit-transform: translateX(-2px);
-          transform: translateX(-2px);
-        }
-        83.25% {
-          -webkit-transform: translateX(1px);
-          transform: translateX(1px);
-        }
-        100% {
-          -webkit-transform: translateX(0);
-          transform: translateX(0);
-        }
-      }
-
-      @media (max-width: 1500px) {
-        .wrapper {
-          height: auto;
-        }
-      }
-
-      @media (max-width: 1199px) {
-        .wrapper {
-          height: 100vh;
-        }
-        #wizard {
-          margin-right: 40px;
-          min-height: 829px;
-          padding-left: 60px;
-          padding-right: 60px;
-        }
-      }
-
-      @media (max-width: 991px) {
-        .wrapper {
-          justify-content: center;
-        }
-        .wrapper .image-holder {
-          display: none;
-        }
-        .wrapper form {
-          width: 60%;
-        }
-        #wizard {
-          margin-right: 0;
-          padding-left: 40px;
-          padding-right: 40px;
-        }
-      }
-
-      @media (max-width: 767px) {
-        .wrapper {
-          height: auto;
-          display: block;
-        }
-        .wrapper .image-holder {
-          width: 100%;
-          display: block;
-        }
-        .wrapper form {
-          width: 100%;
-        }
-        #wizard {
-          min-height: unset;
-          padding: 70px 20px 40px;
-        }
-        .form-row.form-group {
-          display: block;
-        }
-        .form-row.form-group .form-holder {
-          width: 100%;
-          margin-right: 0;
-          margin-bottom: 24px;
-        }
-        .item .purchase {
-          margin-left: 11px;
-        }
-      }
-
-      .card {
-        border: 0;
-        border-radius: 0px;
-        margin-bottom: 30px;
-        -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
-        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.03);
-        -webkit-transition: 0.5s;
-        transition: 0.5s;
-      }
-
-      .padding {
-        padding: 3rem !important;
-      }
-
-      h5.card-title {
-        font-size: 15px;
-      }
-
-      .fw-400 {
-        font-weight: 400 !important;
-      }
-
-      .card-title {
-        font-family: Roboto, sans-serif;
-        font-weight: 300;
-        line-height: 1.5;
-        margin-bottom: 0;
-        padding: 15px 20px;
-        border-bottom: 1px solid rgba(77, 82, 89, 0.07);
-      }
-
-      .card-body {
-        -ms-flex: 1 1 auto;
-        flex: 1 1 auto;
-        padding: 1.25rem;
-      }
-
-      .form-group {
-        margin-bottom: 1rem;
-      }
-
-      .form-control {
-        border-color: #ebebeb;
-        border-radius: 2px;
-        color: #8b95a5;
-        padding: 5px 12px;
-        font-size: 14px;
-        line-height: inherit;
-        -webkit-transition: 0.2s linear;
-        transition: 0.2s linear;
-      }
-
-      .card-body > *:last-child {
-        margin-bottom: 0;
-      }
-
-      .btn-primary {
-        background-color: #33cabb;
-        border-color: #33cabb;
-        color: #fff;
-      }
-
-      .btn-bold {
-        font-family: Roboto, sans-serif;
-        text-transform: uppercase;
-        font-weight: 500;
-        font-size: 12px;
-      }
-
-      .btn-primary:hover {
-        background-color: #52d3c7;
-        border-color: #52d3c7;
-        color: #fff;
-      }
-
-      .btn:hover {
-        cursor: pointer;
-      }
-
-      .form-control:focus {
-        border-color: #1f8690;
-        color: #4d5259;
-        -webkit-box-shadow: 0 0 0 0.1rem rgba(51, 202, 187, 0);
-        box-shadow: 0 0 0 0.1rem rgba(101, 69, 235, 0);
-      }
-
-      .custom-radio {
-        cursor: pointer;
-      }
-
-      .custom-control {
-        display: -webkit-box;
-        display: flex;
-        min-width: 18px;
-      }
-
-      .heading {
-        color: #1f8690;
-      }
-
-      .total {
-        float: right;
-        color: #1f8690;
-      }
-
-      svg {
-        width: 100px;
-        display: block;
-        margin: 40px auto 0;
-      }
-
-      .path {
-        stroke-dasharray: 1000;
-        stroke-dashoffset: 0;
-        &.circle {
-          -webkit-animation: dash 0.9s ease-in-out;
-          animation: dash 0.9s ease-in-out;
-        }
-        &.line {
-          stroke-dashoffset: 1000;
-          -webkit-animation: dash 0.9s 0.35s ease-in-out forwards;
-          animation: dash 0.9s 0.35s ease-in-out forwards;
-        }
-        &.check {
-          stroke-dashoffset: -100;
-          -webkit-animation: dash-check 0.9s 0.35s ease-in-out forwards;
-          animation: dash-check 0.9s 0.35s ease-in-out forwards;
-        }
-      }
-
-      p {
-        text-align: center;
-        margin: 20px 0 60px;
-        font-size: 1.25em;
-        &.success {
-          color: #73af55;
-        }
-        &.error {
-          color: #d06079;
-        }
-      }
-
-      @-webkit-keyframes dash {
-        0% {
-          stroke-dashoffset: 1000;
-        }
-        100% {
-          stroke-dashoffset: 0;
-        }
-      }
-
-      @keyframes dash {
-        0% {
-          stroke-dashoffset: 1000;
-        }
-        100% {
-          stroke-dashoffset: 0;
-        }
-      }
-
-      @-webkit-keyframes dash-check {
-        0% {
-          stroke-dashoffset: -100;
-        }
-        100% {
-          stroke-dashoffset: 900;
-        }
-      }
-
-      @keyframes dash-check {
-        0% {
-          stroke-dashoffset: -100;
-        }
-        100% {
-          stroke-dashoffset: 900;
-        }
-      }
-      #view_more {
-        display: none;
-      }
-    </style>
   </head>
 
   <body oncontextmenu="return false" class="snippet-body">
     <!-- JQUERY STEP -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-steps/1.1.0/jquery.steps.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/showdown@2.0.3/dist/showdown.min.js
+      "></script>
     <nav class="navbar navbar-expand-sm navbar-dark sticky-top">
       <ul class="navbar-nav">
         <img
@@ -842,61 +60,114 @@
         </li>
       </ul>
     </nav>
-    <div class="wrapper">
-      <div id="wizard">
-        <h1>Jobs for you</h1>
-        <div id="jobs"></div>
-      </div>
-    </div>
-    <script
-      type="text/javascript"
-      src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.bundle.min.js"
-    ></script>
-    <script>
-      function viewMore(elem) {
-        console.log(elem);
-        var dots = elem.previousSibling.previousSibling.previousSibling;
-        var moreText = elem.previousSibling.previousSibling;
-        var btnText = elem;
-
-        if (dots.style.display === "none") {
-          dots.style.display = "inline";
-          btnText.innerHTML = "Read more";
-          moreText.style.display = "none";
-        } else {
-          dots.style.display = "none";
-          btnText.innerHTML = "Read less";
-          moreText.style.display = "inline";
-        }
-      }
-      const jsondata = $.parseJSON("{{data|tojson}}");
-      let data = "";
-      let desc = "";
-      var arr = [];
-      var n = jsondata["details"].length;
-      while (arr.length < 6) {
-        var r = Math.floor(Math.random() * n) + 1;
-        if (arr.indexOf(r) === -1) arr.push(r);
-      }
-      for (var i = 0; i < arr.length; i++) {
-        data += "<div><b>Job Role:</b>";
-        data += jsondata["details"][arr[i]]["title"];
-        data += "<br/><b>Job Description:</b> ";
-        desc = jsondata["details"][arr[i]]["desc"];
-        if (desc.length > 409) {
-          data += desc.slice(0, 409) + "<span id='dots'>...</span>";
-          data +=
-            "<span id='view_more'>" + desc.slice(409, desc.length) + "</span>";
-          data +=
-            "<br><button onclick='viewMore(this)' id='mybtn' class='btn btn-link'>Read More</button>";
-        } else {
-          data += desc;
-        }
-        data += "<br/><b>Job Location:</b> ";
-        data += jsondata["details"][arr[i]]["location"];
-        data += "</div><br/><br/>";
-      }
-      document.getElementById("jobs").innerHTML = data;
-    </script>
+    <table class="table table-striped">
+      <thead>
+        <tr>
+          <th scope="col">Company</th>
+          <th scope="col">Hourly Salary</th>
+          <th scope="col">Job Qualifications</th>
+          <th scope="col">Resume Match Score</th>
+          <th scope="col">Actions</th>
+        </tr>
+      </thead>
+      <tbody>
+        <tr>
+          <td>Two Six Technologies</td>
+          <td>$40/hr</td>
+          <td class="col-3" style="text-align: justify">
+            Pursuing a degree in Computer Science, Computer Engineering,
+            Electrical Engineering, Mathematics, Statistics, or a related field
+            Familiar with a modern programming language (C/C++, C#, Java,
+            Python, JavaScript, etc.) Familiar with the software development
+            life cycle and version control.
+          </td>
+          <td>83%</td>
+          <td>
+            <button type="button m-2" class="btn btn-danger">
+              <a
+                href="https://boards.greenhouse.io/twosixtechnologies/jobs/4992883004?utm_source=Simplify&ref=Simplify"
+                style="color: white"
+                >Apply</a
+              >
+            </button>
+            <button type="button m-2" class="btn btn-secondary">
+              Add to Wishlist
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td>Wayfair</td>
+          <td>$45/hr</td>
+          <td class="col-3" style="text-align: justify">
+            You are currently enrolled in a full-time undergraduate degree
+            program in Computer Science or a related technical field You have a
+            proven track record of strong academic performance. You may have
+            experience with full stack and/or mobile development. You may have
+            knowledge and experience working with object oriented programming
+            languages.
+          </td>
+          <td>75%</td>
+          <td>
+            <button type="button m-2" class="btn btn-danger">
+              <a
+                href="https://www.wayfair.com/careers/job/software-engineering-intern---summer-2024/6977400002/apply?gh_src=&source=&referredBy=&utm_source=Simplify"
+                style="color: white"
+                >Apply</a
+              >
+            </button>
+            <button type="button m-2" class="btn btn-secondary">
+              Add to Wishlist
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td>Lyft</td>
+          <td>$58/hr</td>
+          <td class="col-3" style="text-align: justify">
+            Currently pursuing a degree in Computer Science or a related field,
+            with a graduation date between December 2024 and June 2025
+            (required) Available during Summer 2024 for an internship Strong
+            knowledge of CS fundamentals Strong knowledge of Swift Excellent
+            communication skills
+          </td>
+          <td>52%</td>
+          <td>
+            <button type="button m-2" class="btn btn-danger">
+              <a
+                href="https://app.careerpuck.com/job-board/lyft/job/6975529002?gh_jid=6975529002&utm_source=Simplify&ref=Simplify"
+                style="color: white"
+                >Apply</a
+              >
+            </button>
+            <button type="button m-2" class="btn btn-secondary">
+              Add to Wishlist
+            </button>
+          </td>
+        </tr>
+        <tr>
+          <td>Okta</td>
+          <td>$30/hr</td>
+          <td class="col-3" style="text-align: justify">
+            Implement features in a Scrum/Agile environment Design and deploy
+            high-performance, scalable software features Design, test and deploy
+            production code Interface with QA, Product Management, Technical
+            Support,
+          </td>
+          <td>41%</td>
+          <td>
+            <button type="button m-2" class="btn btn-danger">
+              <a
+                href="https://www.okta.com/company/careers/engineering/site-reliability-engineer-intern-summer-2024-5437074/?utm_source=Simplify"
+                style="color: white"
+                >Apply</a
+              >
+            </button>
+            <button type="button m-2" class="btn btn-secondary">
+              Add to Wishlist
+            </button>
+          </td>
+        </tr>
+      </tbody>
+    </table>
   </body>
 </html>
diff --git a/templates/main_login.html b/templates/main_login.html
index a8a353ca..0515312b 100644
--- a/templates/main_login.html
+++ b/templates/main_login.html
@@ -63,7 +63,7 @@
       <!-- <img class="rounded-circle project-icon" alt="100x100"
         src="https://ih1.redbubble.net/image.1703296696.9941/st,small,507x507-pad,600x600,f8f8f8.jpg" height="30px"
         width="30px" data-holder-rendered="true"> -->
-      <a class="navbar-brand" href="/"><h1 >WolfTrack 3.0</h1></a>
+      <a class="navbar-brand" href="/"><h1 >WolfTrack 4.0</h1></a>
     </ul>