diff --git a/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.html b/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.html
index 0ad1c978..0bdf3160 100644
--- a/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.html
+++ b/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.html
@@ -152,6 +152,17 @@
                 <button id="sidebarToggleTop" class="btn btn-link d-md-none rounded-circle mr-3">
                         <i class="fa fa-bars"></i>
                     </button>
+                    <div class="container" id="VideoShow">
+                        <p-overlayPanel #panel>
+                            <div style=" margin-right: 3px;width: 70rem;">
+                                <label><b>Video For Prescriptive Analysis</b></label>
+                                <video width="1100" height="550" controls *ngIf="Video">
+                                    <source src="dist/DPM/assets/Prescriptive1.mp4" type="video/mp4">
+                                  </video>
+                            </div>
+                        </p-overlayPanel>
+                        <a (click)="panel.show($event)" (click)="video()" style="color: black;"><i class="fas fa-video"></i></a> 
+                      </div>
                 <ul class="navbar-nav ml-auto">
                     <li class="nav-item dropdown no-arrow mx-1">
                         <a class="nav-link dropdown-toggle" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
@@ -204,7 +215,6 @@ <h6 class="dropdown-header">
                             </a>
                         </div>
                     </li>
-
                 </ul>
 
             </nav>
diff --git a/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.ts b/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.ts
index 222dabf3..28410496 100644
--- a/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.ts
+++ b/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/app/home/home.component.ts
@@ -25,6 +25,7 @@ export class HomeComponent implements OnInit {
   public prescriptive: boolean = false;
   public staticEquitment: boolean = false;
   public recycleBin: boolean = false;
+  public Video: boolean = false;
   public prescriptiveConfiguration: boolean = false;
   constructor(public builder: FormBuilder,
     public http: HttpClient,
@@ -51,6 +52,11 @@ export class HomeComponent implements OnInit {
     this.UserData()
   }
 
+  video(){
+   this.Video= true  
+  //  const element = document.querySelector("#VideoShow")
+  //  if (element) element.scrollIntoView({ behavior: 'smooth', block: 'end' })
+  }
   UserData() {
     if (localStorage.getItem('userObject') != null) {
       this.user = JSON.parse(localStorage.getItem('userObject'))
diff --git a/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/assets/Prescriptive1.mp4 b/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/assets/Prescriptive1.mp4
new file mode 100644
index 00000000..4eb8b4df
Binary files /dev/null and b/DPMMVCCore/DPM_Testing/wwwroot/DPM/src/assets/Prescriptive1.mp4 differ