diff --git a/source/components/main/breadcrubs.ts b/source/components/main/breadcrubs.ts
index 48ce53d9a707254721d4382b6795f695bb001f37..1b0a5debb1164593eac927d90e1b69e12470c8a3 100644
--- a/source/components/main/breadcrubs.ts
+++ b/source/components/main/breadcrubs.ts
@@ -6,18 +6,26 @@ import { Router } from '@angular/router';
 
 @Component({
     selector: 'breadcrubs',
-    template: ` <div class="col-sm-12"><p class="crumb" [hidden]="currentUrl != '/epal-class-select'">Αρχική σελίδα!!!!!!!!</p></div>
-    			<div class="col-sm-12"><p class="crumb" [hidden]="currentUrl != '/sector-fields-select'">Αρχική σελίδα</p></div>
+    template: ` <div [hidden]="currentUrl !== '/epal-class-select'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Επιλογή Τάξης </p></div>
+    			<div [hidden]="currentUrl !== '/sector-fields-select'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Επιλογή Τoμέα</p></div>
+    			<div [hidden]="currentUrl !== '/region-schools-select'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Επιλογή Σχολείου ανα Περιφερειακή Διεύθυνση</p></div>
+    			<div [hidden]="currentUrl !== '/sectorcourses-fields-select'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Επιλογή Ειδικότητας ανα τoμέα</p></div>
+    			<div [hidden]="currentUrl !== '/schools-order-select'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Σειρά Προτίμησης Επιλεχθέντων Σχολείων</p></div>
+    			<div [hidden]="currentUrl !== '/student-application-form-main'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Προσωπικά Στοιχεία</p></div>
+	 			<div [hidden]="currentUrl !== '/application-submit'" class="col-sm-12"><p class="crumb" >Νέα Αίτηση -> Προεπισκόπη αίτησης</p></div>
+	 			<div [hidden]="currentUrl !== '/submited-preview'" class="col-sm-12"><p class="crumb" > Υποβληθείσες αιτήσεις</p></div>
       
   `
 })
 
 @Injectable() export default class Breadcrubs implements OnInit {
+public currentUrl: string;
+
 constructor(private _router:Router) {}
    ngOnInit() {
 
-   			let currentUrl = this._router.url;
-   			console.log(currentUrl,"lala");
+   			this.currentUrl = this._router.url;
+   			
  			}
- 
+
 }
diff --git a/source/components/student-application-form/application.form.main.html b/source/components/student-application-form/application.form.main.html
index 6664deb9a71be80e410e57486ef3c6a15a2ce258..90664f5a370d98626a2c97b3c7a85800222663b1 100644
--- a/source/components/student-application-form/application.form.main.html
+++ b/source/components/student-application-form/application.form.main.html
@@ -1,3 +1,6 @@
+<div class="row">
+             <breadcrubs></breadcrubs>
+</div>
 <div class = "loading" *ngIf="(criteria$ | async).size === 0"></div>
 
   <form novalidate  [formGroup]="studentDataGroup" #form>
diff --git a/source/components/student-application-form/application.submit.ts b/source/components/student-application-form/application.submit.ts
index 6adc0fe5028d44142e8d80fef32a5b5085f8d33f..2fdc67a13c340db5ed81cbb4e692faed8598dee6 100644
--- a/source/components/student-application-form/application.submit.ts
+++ b/source/components/student-application-form/application.submit.ts
@@ -25,6 +25,9 @@ import {AppSettings} from '../../app.settings';
 @Component({
     selector: 'application-submit',
     template: `
+        <div class="row">
+             <breadcrubs></breadcrubs>
+        </div>
         <div class = "loading" *ngIf="(studentDataFields$ | async).size === 0 || (criteria$ | async).size === 0 || (regions$ | async).size === 0 || (epalclasses$ | async).size === 0 || (loginInfo$ | async).size === 0"></div>
         <application-preview-select></application-preview-select>
         <button type="button button-lg pull-right" *ngIf="(studentDataFields$ | async).size > 0 && (criteria$ | async).size > 0 && (regions$ | async).size > 0 && (epalclasses$ | async).size > 0 && (loginInfo$ | async).size > 0" class="btn-primary btn-lg pull-center" (click)="submitNow()">Υποβολή</button>
diff --git a/source/components/student-application-form/course.fields.select.ts b/source/components/student-application-form/course.fields.select.ts
index 2aaf415514a26522b41f5474881dbdc9d194881a..1f0c8147dff15fcdc92ee81319512c1d7a7e8b65 100644
--- a/source/components/student-application-form/course.fields.select.ts
+++ b/source/components/student-application-form/course.fields.select.ts
@@ -18,6 +18,9 @@ import {AppSettings} from '../../app.settings';
 @Component({
     selector: 'course-fields-select',
     template: `
+    <div class="row">
+             <breadcrubs></breadcrubs>
+    </div>
      <form [formGroup]="formGroup">
         <div formArrayName="formArray">
             <div *ngFor="let courseField$ of courseFields$ | async; let i=index">
diff --git a/source/components/student-application-form/region.schools.select.ts b/source/components/student-application-form/region.schools.select.ts
index 6aa75c64e832413ea9cf3970b246b1518d568b8e..23257c2c0f0f8463487d3fcbe7ae63fc25f2b2bb 100644
--- a/source/components/student-application-form/region.schools.select.ts
+++ b/source/components/student-application-form/region.schools.select.ts
@@ -28,6 +28,10 @@ import {AppSettings} from '../../app.settings';
 @Component({
     selector: 'region-schools-select',
     template: `
+    <div class="row">
+             <breadcrubs></breadcrubs>
+    </div>
+
     <div class = "loading" *ngIf="(regions$ | async).size === 0">
     </div>
 <!--     <div class="row equal">
diff --git a/source/components/student-application-form/schools-order-select.ts b/source/components/student-application-form/schools-order-select.ts
index 2e5c6647de2f1f74185846d0cbddd390acf6ed61..383c6455716b00137c6fda3f24b18c1d1b4d00f8 100644
--- a/source/components/student-application-form/schools-order-select.ts
+++ b/source/components/student-application-form/schools-order-select.ts
@@ -12,6 +12,9 @@ import {AppSettings} from '../../app.settings';
 @Component({
     selector: 'schools-order-select',
     template: `
+    <div class="row">
+             <breadcrubs></breadcrubs>
+    </div>
     <div class = "loading" *ngIf="(selectedSchools$ | async).length === 0 || (regions$ | async).size === 0">
     </div>
     <p style="margin-top: 20px; line-height: 2em;" *ngIf = "(selectedSchools$ | async).length === 1" >Έχετε επιλέξει το παρακάτω σχολείο. Εάν συμφωνείτε με την επιλογή σας
diff --git a/source/components/student-application-form/sector.courses.select.ts b/source/components/student-application-form/sector.courses.select.ts
index a56836faf792b2eb40566bfa0a5f0c52dc23e310..3c2dd3c3db6fa5946c4f6d170babb896a1444155 100644
--- a/source/components/student-application-form/sector.courses.select.ts
+++ b/source/components/student-application-form/sector.courses.select.ts
@@ -22,6 +22,9 @@ import {AppSettings} from '../../app.settings';
 @Component({
     selector: 'sectorcourses-fields-select',
     template: `
+    <div class="row">
+             <breadcrubs></breadcrubs>
+    </div>
     <div class = "loading" *ngIf="(sectors$ | async).size === 0">
    </div>
       <form [formGroup]="formGroup">
diff --git a/source/components/student-application-form/submited.aplication.preview.ts b/source/components/student-application-form/submited.aplication.preview.ts
index 1924604905eb07679ee7b19cc4d1086a0a7b680e..d6ea322694b9009f25351f92b4ae8b104b6a7ff2 100644
--- a/source/components/student-application-form/submited.aplication.preview.ts
+++ b/source/components/student-application-form/submited.aplication.preview.ts
@@ -17,6 +17,9 @@ import { BehaviorSubject, Subscription } from 'rxjs/Rx';
 @Component({
     selector: 'submited-preview',
     template: `
+         <div class="row">
+             <breadcrubs></breadcrubs>
+        </div>
             Έχει υποβληθεί αίτηση για εγγραφή στην Επαγγελματική Εκπαίδευση των παρακάτω ατόμων:
             <table class = "submited">
               <tr>