initial push

.angular-cli.json

+{
+  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
+  "project": {
+    "name": "asklawyer"
+  },
+  "apps": [
+    {
+      "root": "src",
+      "outDir": "dist",
+      "assets": [
+        "assets",
+        "favicon.ico"
+      ],
+      "index": "index.html",
+      "main": "main.ts",
+      "polyfills": "polyfills.ts",
+      "test": "test.ts",
+      "tsconfig": "tsconfig.app.json",
+      "testTsconfig": "tsconfig.spec.json",
+      "prefix": "app",
+      "styles": [
+        "styles.css",
+        "assets/css/custom.scss",
+        "assets/css/responsive.scss",
+        "assets/css/language_translation.scss",
+        "assets/css/styles.scss",
+         "../node_modules/bootstrap/dist/css/bootstrap.css"
+      ],
+      "scripts": [
+        "../node_modules/jquery/dist/jquery.js",
+        "../node_modules/bootstrap/dist/js/bootstrap.js",
+        "../node_modules/bootstrap/dist/js/npm.js"
+      ],
+      "environmentSource": "environments/environment.ts",
+      "environments": {
+        "dev": "environments/environment.ts",
+        "prod": "environments/environment.prod.ts"
+      }
+    }
+  ],
+  "e2e": {
+    "protractor": {
+      "config": "./protractor.conf.js"
+    }
+  },
+  "lint": [
+    {
+      "project": "src/tsconfig.app.json",
+      "exclude": "**/node_modules/**"
+    },
+    {
+      "project": "src/tsconfig.spec.json",
+      "exclude": "**/node_modules/**"
+    },
+    {
+      "project": "e2e/tsconfig.e2e.json",
+      "exclude": "**/node_modules/**"
+    }
+  ],
+  "test": {
+    "karma": {
+      "config": "./karma.conf.js"
+    }
+  },
+  "defaults": {
+    "styleExt": "css",
+    "component": {}
+  }
+}

.editorconfig

+# Editor configuration, see http://editorconfig.org
+root = true
+
+[*]
+charset = utf-8
+indent_style = space
+indent_size = 2
+insert_final_newline = true
+trim_trailing_whitespace = true
+
+[*.md]
+max_line_length = off
+trim_trailing_whitespace = false

.gitignore

+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/dist-server
+/tmp
+/out-tsc
+
+# dependencies
+/node_modules
+
+# IDEs and editors
+/.idea
+.project
+.classpath
+.c9/
+*.launch
+.settings/
+*.sublime-workspace
+
+# IDE - VSCode
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+
+# misc
+/.sass-cache
+/connect.lock
+/coverage
+/libpeerconnection.log
+npm-debug.log
+testem.log
+/typings
+
+# e2e
+/e2e/*.js
+/e2e/*.map
+
+# System Files
+.DS_Store
+Thumbs.db

README.md

+# Asklawyer
+
+This project was generated with [Angular CLI](https://github.com/angular/angular-cli) version 1.6.8.
+
+## Development server
+
+Run `ng serve` for a dev server. Navigate to `http://localhost:4200/`. The app will automatically reload if you change any of the source files.
+
+## Code scaffolding
+
+Run `ng generate component component-name` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module`.
+
+## Build
+
+Run `ng build` to build the project. The build artifacts will be stored in the `dist/` directory. Use the `-prod` flag for a production build.
+
+## Running unit tests
+
+Run `ng test` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Running end-to-end tests
+
+Run `ng e2e` to execute the end-to-end tests via [Protractor](http://www.protractortest.org/).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI README](https://github.com/angular/angular-cli/blob/master/README.md).

e2e/app.e2e-spec.ts

+import { AppPage } from './app.po';
+
+describe('asklawyer App', () => {
+  let page: AppPage;
+
+  beforeEach(() => {
+    page = new AppPage();
+  });
+
+  it('should display welcome message', () => {
+    page.navigateTo();
+    expect(page.getParagraphText()).toEqual('Welcome to app!');
+  });
+});

e2e/app.po.ts

+import { browser, by, element } from 'protractor';
+
+export class AppPage {
+  navigateTo() {
+    return browser.get('/');
+  }
+
+  getParagraphText() {
+    return element(by.css('app-root h1')).getText();
+  }
+}

e2e/tsconfig.e2e.json

+{
+  "extends": "../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../out-tsc/e2e",
+    "baseUrl": "./",
+    "module": "commonjs",
+    "target": "es5",
+    "types": [
+      "jasmine",
+      "jasminewd2",
+      "node"
+    ]
+  }
+}

karma.conf.js

+// Karma configuration file, see link for more information
+// https://karma-runner.github.io/1.0/config/configuration-file.html
+
+module.exports = function (config) {
+  config.set({
+    basePath: '',
+    frameworks: ['jasmine', '@angular/cli'],
+    plugins: [
+      require('karma-jasmine'),
+      require('karma-chrome-launcher'),
+      require('karma-jasmine-html-reporter'),
+      require('karma-coverage-istanbul-reporter'),
+      require('@angular/cli/plugins/karma')
+    ],
+    client:{
+      clearContext: false // leave Jasmine Spec Runner output visible in browser
+    },
+    coverageIstanbulReporter: {
+      reports: [ 'html', 'lcovonly' ],
+      fixWebpackSourcePaths: true
+    },
+    angularCli: {
+      environment: 'dev'
+    },
+    reporters: ['progress', 'kjhtml'],
+    port: 9876,
+    colors: true,
+    logLevel: config.LOG_INFO,
+    autoWatch: true,
+    browsers: ['Chrome'],
+    singleRun: false
+  });
+};

package.json

+{
+  "name": "asklawyer",
+  "version": "0.0.0",
+  "license": "MIT",
+  "scripts": {
+    "ng": "ng",
+    "start": "ng serve",
+    "build": "ng build --prod",
+    "test": "ng test",
+    "lint": "ng lint",
+    "e2e": "ng e2e"
+  },
+  "private": true,
+  "dependencies": {
+    "@angular/animations": "^5.2.0",
+    "@angular/common": "^5.2.0",
+    "@angular/compiler": "^5.2.0",
+    "@angular/core": "^5.2.0",
+    "@angular/forms": "^5.2.0",
+    "@angular/http": "^5.2.0",
+    "@angular/platform-browser": "^5.2.0",
+    "@angular/platform-browser-dynamic": "^5.2.0",
+    "@angular/router": "^5.2.0",
+    "angular-io-datepicker": "^1.3.1",
+    "bootstrap": "^3.3.7",
+    "core-js": "^2.4.1",
+    "ng2-datepicker": "^2.2.5",
+    "ng2-fullpage": "^2.1.0",
+    "ngx-bootstrap": "^2.0.2",
+    "ngx-fullpage": "^4.0.6",
+    "rxjs": "^5.5.6",
+    "zone.js": "^0.8.19"
+  },
+  "devDependencies": {
+    "@angular/cli": "1.6.8",
+    "@angular/compiler-cli": "^5.2.0",
+    "@angular/language-service": "^5.2.0",
+    "@types/jasmine": "~2.8.3",
+    "@types/jasminewd2": "~2.0.2",
+    "@types/jquery": "^3.3.0",
+    "@types/node": "~6.0.60",
+    "codelyzer": "^4.0.1",
+    "jasmine-core": "~2.8.0",
+    "jasmine-spec-reporter": "~4.2.1",
+    "karma": "~2.0.0",
+    "karma-chrome-launcher": "~2.2.0",
+    "karma-coverage-istanbul-reporter": "^1.2.1",
+    "karma-jasmine": "~1.1.0",
+    "karma-jasmine-html-reporter": "^0.2.2",
+    "protractor": "~5.1.2",
+    "ts-node": "~4.1.0",
+    "tslint": "~5.9.1",
+    "typescript": "~2.5.3"
+  }
+}

protractor.conf.js

+// Protractor configuration file, see link for more information
+// https://github.com/angular/protractor/blob/master/lib/config.ts
+
+const { SpecReporter } = require('jasmine-spec-reporter');
+
+exports.config = {
+  allScriptsTimeout: 11000,
+  specs: [
+    './e2e/**/*.e2e-spec.ts'
+  ],
+  capabilities: {
+    'browserName': 'chrome'
+  },
+  directConnect: true,
+  baseUrl: 'http://localhost:4200/',
+  framework: 'jasmine',
+  jasmineNodeOpts: {
+    showColors: true,
+    defaultTimeoutInterval: 30000,
+    print: function() {}
+  },
+  onPrepare() {
+    require('ts-node').register({
+      project: 'e2e/tsconfig.e2e.json'
+    });
+    jasmine.getEnv().addReporter(new SpecReporter({ spec: { displayStacktrace: true } }));
+  }
+};

src/app/app.component.html

+<router-outlet>
+</router-outlet>
+

src/app/app.component.spec.ts

+import { TestBed, async } from '@angular/core/testing';
+import { AppComponent } from './app.component';
+describe('AppComponent', () => {
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [
+        AppComponent
+      ],
+    }).compileComponents();
+  }));
+  it('should create the app', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app).toBeTruthy();
+  }));
+  it(`should have as title 'app'`, async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    const app = fixture.debugElement.componentInstance;
+    expect(app.title).toEqual('app');
+  }));
+  it('should render title in a h1 tag', async(() => {
+    const fixture = TestBed.createComponent(AppComponent);
+    fixture.detectChanges();
+    const compiled = fixture.debugElement.nativeElement;
+    expect(compiled.querySelector('h1').textContent).toContain('Welcome to app!');
+  }));
+});

src/app/app.component.ts

+import { Component } from '@angular/core';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  title = 'app';
+}

src/app/app.module.ts

+
+// COMMON-ANGULAR-MODULES
+
+import { BrowserModule } from '@angular/platform-browser';
+import { NgModule } from '@angular/core';
+
+
+// COMMON-ANGULAR-COMPONENTS
+
+import { AppComponent } from './app.component';
+
+// ROUTING
+
+import {AppRoutingModule} from './app.routing';
+
+//IMPORTED-PAGE-MODULES
+
+import { UserModule} from './user/user.module';
+import { CommonnavbarModule} from './commonnavbar/commonnavbar.module';
+import { CommonfooterModule} from './commonfooter/commonfooter.module';
+import { LawyerModule} from './lawyer/lawyer.module';
+import { ErrorModule} from './error/error.module';
+
+
+
+
+@NgModule({
+  declarations: [
+    AppComponent
+  ],
+  imports: [
+    BrowserModule,
+    AppRoutingModule,
+    CommonnavbarModule,
+    CommonfooterModule,
+    UserModule,
+    LawyerModule,
+    ErrorModule
+  ],
+  providers: [],
+  bootstrap: [AppComponent]
+})
+export class AppModule { }

src/app/app.routing.ts

+
+// COMMON-ANGULAR-MODULES
+
+import { NgModule } from '@angular/core';
+
+
+// COMMON-ANGULAR-COMPONENTS
+
+import {AppComponent} from './app.component';
+
+// ROUTING
+
+import { Routes, RouterModule } from '@angular/router';
+
+
+
+
+const appRoutes: Routes = [
+	 { 
+		path: '', 
+		redirectTo: 'user/home', 
+		pathMatch: 'full'
+	 }
+ 
+
+ ];
+@NgModule({
+  imports: [ RouterModule.forRoot(appRoutes,{useHash: true})],
+  
+  exports: [RouterModule]
+})
+export class AppRoutingModule { }

src/app/commonfooter/commonfooter.component.html

+<footer class="al_main_footer">
+	<div class="container">
+		<div class="row">
+			<div class="col-md-2 col-xs-12 flip">
+				<h4>Know us</h4>
+				<p>About us</p>
+				<p>Terms of use</p>
+				<p>Privacy policy</p>
+			</div>
+			<div class="col-md-2 col-xs-12 flip">
+				<h4>Talk to us</h4>
+				<p>Contact us</p>
+				<p>Lawyer signup</p>
+				<p>Ask Free Questions</p>
+			</div>
+			<div class="col-md-2 col-xs-12 flip">
+				<h4>Legal Services</h4>
+				<p>Mutual Divorce</p>
+				<p>Marriage Registration</p>
+				<p>Court Marriage</p>
+			</div>
+			<div class="col-md-2 col-xs-12 flip">
+				<h4>Others</h4>
+				<p>Mutual Divorce</p>
+				<p>Marriage Registration</p>
+				<p>More</p>
+			</div>
+			<div class="col-md-4 col-xs-12 flip">
+				<div class="al_footer_border">
+					<h4>Social</h4>
+					<span><img src="assets/img/al_footer_fb.png"></span>
+					<span><img src="assets/img/al_footer_twitter.png"></span>
+					<br><br>
+					<p>Copyright 2018 All Rights Reserved</p>
+				</div>
+			</div>
+		</div>
+	</div>
+</footer>

src/app/commonfooter/commonfooter.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CommonfooterComponent } from './commonfooter.component';
+
+describe('CommonfooterComponent', () => {
+  let component: CommonfooterComponent;
+  let fixture: ComponentFixture<CommonfooterComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CommonfooterComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CommonfooterComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/commonfooter/commonfooter.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'commonfooter',
+  templateUrl: './commonfooter.component.html',
+  styleUrls: ['./commonfooter.component.css']
+})
+export class CommonfooterComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/commonfooter/commonfooter.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { CommonfooterComponent } from './commonfooter.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [CommonfooterComponent],
+  exports: [CommonfooterComponent]
+})
+export class CommonfooterModule { }

src/app/commonnavbar/commonnavbar.component.css

+.al_inside_navbar{
+
+}
+
+.al_nav_menu ul li a {
+    padding: 8px;
+    padding-left: 0px;
+    position: relative;
+    cursor: pointer;
+    padding-right: 0px;
+    text-transform: capitalize;
+    color: #e0e0e0;
+    font-size: 15px;
+}
+
+.al_nav_login_btn {
+    color: #ffffff;
+}
+.al_nav_signup_btn {
+    background: #ffffff;
+    color: #28282c !important;
+}
\ No newline at end of file

src/app/commonnavbar/commonnavbar.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { CommonnavbarComponent } from './commonnavbar.component';
+
+describe('LoadingSpinnerComponent', () => {
+  let component: CommonnavbarComponent;
+  let fixture: ComponentFixture<CommonnavbarComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ CommonnavbarComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(CommonnavbarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/commonnavbar/commonnavbar.component.ts

+import { Component, OnInit } from '@angular/core';
+import { Router } from '@angular/router';
+
+@Component({
+  selector: 'commonnavbar',
+  templateUrl: './commonnavbar.component.html',
+  styleUrls: ['./commonnavbar.component.css'],
+  host: {
+        '(window:scroll)': 'onScroll($event)'
+    }
+})
+export class CommonnavbarComponent implements OnInit {
+
+	isScrolled = false;
+  currPos: Number = 0;
+  startPos: Number = 0;
+  changePos: Number = 100;
+
+  constructor(private router: Router) { }
+
+    isCollapsed = true;
+
+  ngOnInit() {
+  }
+
+  onScroll(evt) {//window object can be wrapper in a service but for now we directly use it
+      this.currPos = (window.pageYOffset || evt.target.scrollTop) - (evt.target.clientTop || 0);
+      if(this.currPos >= this.changePos ) {
+          this.isScrolled = true;
+      } else {
+          this.isScrolled = false;
+      }
+  }
+
+    scrollTop()
+  {
+    document.body.scrollTop = document.documentElement.scrollTop = 0;
+  }
+
+
+
+  goToPage(path){
+     this.router.navigateByUrl(path);
+     document.body.scrollTop = document.documentElement.scrollTop = 0;
+  }
+}

src/app/commonnavbar/commonnavbar.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { BrowserModule } from '@angular/platform-browser';
+import { CommonnavbarComponent } from'./commonnavbar.component';
+import { CollapseModule } from 'ngx-bootstrap';
+import { ModalModule } from 'ngx-bootstrap';
+
+
+@NgModule({
+    imports: [
+    BrowserModule,
+    CommonModule,
+    CollapseModule.forRoot(),
+    ModalModule.forRoot()
+    ],
+    declarations: [CommonnavbarComponent],
+    exports: [CommonnavbarComponent]
+})
+export class CommonnavbarModule {
+	
+}

src/app/error/error.component.html

+<div class="al_error_page">
+	<div class="container">
+		<div class="al_error_inner">
+			<div class="row">
+				<div class="col-md-5 textRight">
+					<div class="al_error_detail_left">
+						<img src="assets/img/al_error.png">
+					</div>
+				</div>
+				<div class="col-md-7">
+					<div class="al_error_detail">
+						<h4>Oops !</h4>
+						<p>We could not find the page you requested</p>
+						<div class="lw_btn_cab2">
+							<button class="lw_btn1" type="button">
+								Home Page
+							</button>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

src/app/error/error.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ErrorComponent } from './error.component';
+
+describe('ErrorComponent', () => {
+  let component: ErrorComponent;
+  let fixture: ComponentFixture<ErrorComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ErrorComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ErrorComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/error/error.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'page-not-found',
+  templateUrl: './error.component.html',
+  styleUrls: ['./error.component.css']
+})
+export class ErrorComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/error/error.module.ts

+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { ErrorComponent } from './error.component';
+
+@NgModule({
+  imports: [
+    CommonModule
+  ],
+  declarations: [ErrorComponent],
+   exports: [ErrorComponent]
+})
+export class ErrorModule { }

src/app/lawyer/about-us/about-us.component.html

+<div class="lawyer_pages">
+	<div class="lw_abouts lw_set_head">
+		<div class="lw_about_head"></div>
+		<h3>About Us</h3>
+		<hr>
+	</div>
+	<div class="container">
+		<div class="lw_about_us">
+			<div class="col-lg-6 col-md-6">
+				<div class="lw_about_pic">
+					<img src="assets/img/ask_about_pic.png">
+				</div>
+			</div>
+			<div class="col-lg-6 col-md-6">
+				<div class="lw_about_descript">
+					<h5>
+						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s 
+					</h5>
+					<p>
+						Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem IpsumLorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsumtronic typesetting, remaining essentially unchanged.
+					</p>
+				</div>
+			</div>
+			<div class="clear"></div>
+		</div>
+	</div>
+</div>
+

src/app/lawyer/about-us/about-us.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AboutUsComponent } from './about-us.component';
+
+describe('AboutUsComponent', () => {
+  let component: AboutUsComponent;
+  let fixture: ComponentFixture<AboutUsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AboutUsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AboutUsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/about-us/about-us.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-about-us',
+  templateUrl: './about-us.component.html',
+  styleUrls: ['./about-us.component.css']
+})
+export class AboutUsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/appointment-details/appointment-details.component.html

+<div class="lw_appoint_page">
+	<div class="container">
+		<div class="col-lg-12">
+			<div class="col-lg-7 col-md-9 p0">
+				<div class="lw_appoint_dt">
+					<div class="lw_appoint_details">
+						<h3>Appointment Details</h3>
+						<div class="lw_appoint_search">
+							<input type="text" placeholder="Search customer name">
+							<button type="button"></button>
+						</div>
+					</div>
+					<div class="lw_appointment_cab">
+						<h5 class="lw_appoint_subhed">Choose booking date & time</h5>
+						<div class="lw_appoint_list_row">
+							<div class="lw_appoint_list floatLeft">
+								<div class="lw_appoint_date">
+									<h3>Mon</h3>
+									<p>Jan 20</p>
+								</div>
+								<ul>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+								</ul>
+							</div>
+							<div class="lw_appoint_list floatLeft">
+								<div class="lw_appoint_date">
+									<h3>Tues</h3>
+									<p>Jan 21</p>
+								</div>
+								<ul>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+								</ul>
+							</div>
+							<div class="lw_appoint_list floatLeft">
+								<div class="lw_appoint_date">
+									<h3>Wed</h3>
+									<p>Jan 22</p>
+								</div>
+								<ul>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+								</ul>
+							</div>
+							<div class="lw_appoint_list floatLeft">
+								<div class="lw_appoint_date">
+									<h3>Thu</h3>
+									<p>Jan 23</p>
+								</div>
+								<ul>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+								</ul>
+							</div>
+							<div class="lw_appoint_list floatLeft">
+								<div class="lw_appoint_date">
+									<h3>Fri</h3>
+									<p>Jan 24</p>
+								</div>
+								<ul>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+								</ul>
+							</div>
+							<div class="lw_appoint_list floatLeft">
+								<div class="lw_appoint_date">
+									<h3>Sat</h3>
+									<p>Jan 25</p>
+								</div>
+								<ul>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+									<li>08.00 am</li>
+								</ul>
+							</div>
+						</div>
+						<div class="clear"></div>
+						<div class="lw_appoint_arrows">
+							<button  type="button" class="lw_appoint_left"></button>
+							<button  type="button" class="lw_appoint_right"></button>
+						</div>
+					</div>
+				</div>
+
+				<div class="lw_appoint_pay lw_appoint_no">
+					<h3>Payment Details</h3>
+					<div class="lw_appoint_pay_det">
+						<p class="floatLeft textLeft">
+							Consultation Fee :
+						</p>
+						<input type="text" placeholder="Consultation Fee" value="$ 2000">
+						<div class="clear"></div>
+					</div>
+				</div>
+				<div class="lw_detail_btn">
+					<div class="lw_btn_cab2 floatLeft">
+						<button type="button" class="lw_btn1">
+							Submit
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

src/app/lawyer/appointment-details/appointment-details.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { AppointmentDetailsComponent } from './appointment-details.component';
+
+describe('AppointmentDetailsComponent', () => {
+  let component: AppointmentDetailsComponent;
+  let fixture: ComponentFixture<AppointmentDetailsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ AppointmentDetailsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(AppointmentDetailsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/appointment-details/appointment-details.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-appointment-details',
+  templateUrl: './appointment-details.component.html',
+  styleUrls: ['./appointment-details.component.css']
+})
+export class AppointmentDetailsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/chat/chat.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ChatComponent } from './chat.component';
+
+describe('ChatComponent', () => {
+  let component: ChatComponent;
+  let fixture: ComponentFixture<ChatComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ChatComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ChatComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/chat/chat.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-chat',
+  templateUrl: './chat.component.html',
+  styleUrls: ['./chat.component.css']
+})
+export class ChatComponent implements OnInit {
+	tab: any;
+    con_tab: any;
+  constructor() { }
+
+  ngOnInit() {
+  		this.tab = "1";
+      this.con_tab = "1";
+  }
+
+    tab_swap(type) {
+		this.tab = type;
+	}
+
+   con_tab_swap(type) {
+    this.con_tab = type;
+  }
+}

src/app/lawyer/contact-us/contact-us.component.html

+<div class="lawyer_pages">
+	<div class="lw_contacts lw_set_head">
+		<div class="lw_co_head"></div>
+		<h3>Contacts</h3>
+		<hr>
+	</div>
+	<div class="container">
+		<div class="lw_contact_cabin">
+			<div class="lw_contact_us">
+				<div class="col-lg-6 col-md-6 col-sm-6">
+					<h4>Please fill this form to contact with us</h4>
+					<div class="col-lg-6 col-md-6 pr5">
+						<div class="lw_contact_row">
+							<input type="text" placeholder="Name">
+						</div>
+					</div>
+					<div class="col-lg-6 col-md-6 pr5">
+						<div class="lw_contact_row">
+							<input type="text" placeholder="Phone">
+						</div>
+					</div>
+					<div class="col-lg-6 col-md-6 pr5">
+						<div class="lw_contact_row">
+							<input type="text" placeholder="Email ID">
+						</div>
+					</div>
+					<div class="col-lg-6 col-md-6 pr5">
+						<div class="lw_contact_row">
+							<input class="lw_set_loc" type="text" placeholder="Address Line">
+						</div>
+					</div>
+					<div class="col-lg-12 col-md-12 pr5">
+						<div class="lw_contact_row">
+							<textarea placeholder="Message"></textarea>
+						</div>	
+					</div>
+					<div class="clear"></div>
+					<div class="col-lg-12 pr5">
+						<div class="lw_contact_row">
+							<div class="lw_btn_cab2">
+								<button type="button" class="lw_btn1">
+									Post Message
+								</button>
+							</div>
+						</div>
+					</div>
+					<div class="clear"></div>
+				</div>
+				<div class="col-lg-6 col-md-6 col-sm-6">
+					<div class="lw_contact_descript">
+						<h4>Contact Information</h4>
+						<p>
+							Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Non equidem invideo miror magis.
+						</p>
+						<hr>
+					</div>
+					<div class="lw_contact_address">
+						<ul>
+							<li class="lw_address_loc">
+								4700 Millenia Blvd #175, Orlando,FL 32839, USA.
+							</li>
+							<li class="lw_address_phone">
+								001 (407) 901-6400
+							</li>
+							<li class="lw_address_mail">
+								[email protected]
+							</li>
+						</ul>
+					</div>
+				</div>
+				<div class="clear"></div>
+			</div>
+			<div class="col-lg-12">
+				<div class="lw_set_map">
+					<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15716.415491818052!2d76.354862420135!3d10.008278235526713!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080b62a7688a1d%3A0xea20f6a86d090450!2sInfopark+Campus%2C+Kochi%2C+Kerala+682030!5e0!3m2!1sen!2sin!4v1518606808687" allowfullscreen></iframe>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file

src/app/lawyer/contact-us/contact-us.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { ContactUsComponent } from './contact-us.component';
+
+describe('ContactUsComponent', () => {
+  let component: ContactUsComponent;
+  let fixture: ComponentFixture<ContactUsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ ContactUsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(ContactUsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/contact-us/contact-us.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-contact-us',
+  templateUrl: './contact-us.component.html',
+  styleUrls: ['./contact-us.component.css']
+})
+export class ContactUsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/home-content/home-content.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { HomeContentComponent } from './home-content.component';
+
+describe('HomeContentComponent', () => {
+  let component: HomeContentComponent;
+  let fixture: ComponentFixture<HomeContentComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ HomeContentComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(HomeContentComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/home-content/home-content.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-home-content',
+  templateUrl: './home-content.component.html',
+  styleUrls: ['./home-content.component.css']
+})
+export class HomeContentComponent implements OnInit {
+	tab:any;
+  minDate: Date;
+  maxDate: Date;
+ 
+  constructor() {
+    this.minDate = new Date();
+    this.maxDate = new Date();
+    this.minDate.setDate(this.minDate.getDate() - 1);
+    this.maxDate.setDate(this.maxDate.getDate() + 7);
+  }
+
+  ngOnInit() {
+  	this.tab = "home_tab1";
+  }
+
+  tab_swap(type:string) {
+	this.tab = type;
+  }
+
+}

src/app/lawyer/issuedpromo/issuedpromo.component.html

+<div class="al_issued_code_div">
+	<div class="container">
+		<div class="al_issued_code_header">
+			<div class="row">
+				<div class="col-md-6">
+					<h4>ISSUED PROMOCODES</h4>
+					<hr>
+				</div>
+				<div class="col-md-6">
+					<select class="al_promo_select noneappearance">
+						<option>Online Consult</option>
+					</select>
+				</div>
+			</div>
+		</div>
+		<div class="al_issued_code_list">
+			<ul>
+				<li>
+					<div class="al_issue_code_list_head">
+						Online Consult
+						<div class="al_issue_code_list_head_more"></div>
+					</div>
+					<div class="al_issue_code_content">
+						<p>20% Off</p>
+						<h6>Validity</h6>
+						<h4>22/05/2017 - 28/05/2018</h4>
+						<h5>Status:<strong>Valid</strong></h5>
+					</div>
+				</li>
+				<li>
+					<div class="al_issue_code_list_head">
+						Online Consult
+						<div class="al_issue_code_list_head_more"></div>
+					</div>
+					<div class="al_issue_code_content">
+						<p>20% Off</p>
+						<h6>Validity</h6>
+						<h4>22/05/2017 - 28/05/2018</h4>
+						<h5>Status:<strong>Valid</strong></h5>
+					</div>
+				</li>
+				<li>
+					<div class="al_issue_code_list_head">
+						Online Consult
+						<div class="al_issue_code_list_head_more"></div>
+					</div>
+					<div class="al_issue_code_content">
+						<p>20% Off</p>
+						<h6>Validity</h6>
+						<h4>22/05/2017 - 28/05/2018</h4>
+						<h5>Status:<strong>Valid</strong></h5>
+					</div>
+				</li>
+				<li>
+					<div class="al_issue_code_list_head">
+						Online Consult
+						<div class="al_issue_code_list_head_more"></div>
+					</div>
+					<div class="al_issue_code_content">
+						<p>20% Off</p>
+						<h6>Validity</h6>
+						<h4>22/05/2017 - 28/05/2018</h4>
+						<h5>Status:<strong>Valid</strong></h5>
+					</div>
+				</li>
+				<li>
+					<div class="al_issue_code_list_head">
+						Online Consult
+						<div class="al_issue_code_list_head_more"></div>
+					</div>
+					<div class="al_issue_code_content">
+						<p>20% Off</p>
+						<h6>Validity</h6>
+						<h4>22/05/2017 - 28/05/2018</h4>
+						<h5>Status:<strong>Valid</strong></h5>
+					</div>
+				</li>
+				<li>
+					<div class="al_issue_code_list_head">
+						Online Consult
+						<div class="al_issue_code_list_head_more"></div>
+					</div>
+					<div class="al_issue_code_content">
+						<p>20% Off</p>
+						<h6>Validity</h6>
+						<h4>22/05/2017 - 28/05/2018</h4>
+						<h5>Status:<strong>Valid</strong></h5>
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
+</div>

src/app/lawyer/issuedpromo/issuedpromo.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { IssuedpromoComponent } from './issuedpromo.component';
+
+describe('IssuedpromoComponent', () => {
+  let component: IssuedpromoComponent;
+  let fixture: ComponentFixture<IssuedpromoComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ IssuedpromoComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(IssuedpromoComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/issuedpromo/issuedpromo.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-issuedpromo',
+  templateUrl: './issuedpromo.component.html',
+  styleUrls: ['./issuedpromo.component.css']
+})
+export class IssuedpromoComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/lawyer-index/lawyer-index.component.html

+<!-- INCLUDE LAWYER HEADER -->
+<lawyernavbar></lawyernavbar>
+<!-- INCLUDE LAWYER HEADER -->
+
+<div class="al_nav_adjust_margin window_min_height">
+
+
+<router-outlet></router-outlet>
+
+<!-- <app-home-content></app-home-content> -->
+<!-- <app-lawyer-setup1></app-lawyer-setup1> -->
+
+</div>
+
+
+<!-- INCLUDE FOOTER -->
+<commonfooter></commonfooter>
+<!-- ENDS INCLUDE FOOTER -->
\ No newline at end of file

src/app/lawyer/lawyer-index/lawyer-index.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LawyerIndexComponent } from './lawyer-index.component';
+
+describe('LawyerIndexComponent', () => {
+  let component: LawyerIndexComponent;
+  let fixture: ComponentFixture<LawyerIndexComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LawyerIndexComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LawyerIndexComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/lawyer-index/lawyer-index.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-lawyer-index',
+  templateUrl: './lawyer-index.component.html',
+  styleUrls: ['./lawyer-index.component.css']
+})
+export class LawyerIndexComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/lawyer-setup1/lawyer-setup1.component.html

+<!-- STARTS-SET-UP-BANNER-->
+
+<setupbanner>
+</setupbanner>
+
+<!-- ENDS-SET-UP-BANNER-->
+
+<div class="lawyer_pages">
+	<div class="container">
+		<div class="col-lg-12">
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+			<div class="col-lg-6 col-md-6 col-sm-8">
+				<div class="lw_page_setup">
+					<div class="lw_set_head">
+						<h3>LAWYER SETUP 1</h3>
+						<hr>
+					</div>
+					<div class="lw_set_inputs">
+						<div class="lw_set_row relative">
+							<label>Primary area</label>
+							<select>
+								<option>Select primary area</option>
+							</select>
+							<button class="lw_add_input absolute">+</button>
+						</div>
+						<div class="lw_set_row">
+							<label>Other area</label>
+							<select>
+								<option>Select primary area</option>
+							</select>
+						</div>
+					</div>
+					<div class="lw_btn_cab2 mauto">
+						<button type="button" class="lw_btn1"
+						routerLink="../lawyer-setup2" (click)="scrollTop()">
+							Submit
+						</button>
+					</div>
+				</div>
+			</div>
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+		</div>
+	</div>
+</div>
\ No newline at end of file

src/app/lawyer/lawyer-setup1/lawyer-setup1.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LawyerSetup1Component } from './lawyer-setup1.component';
+
+describe('LawyerSetup1Component', () => {
+  let component: LawyerSetup1Component;
+  let fixture: ComponentFixture<LawyerSetup1Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LawyerSetup1Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LawyerSetup1Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/lawyer-setup1/lawyer-setup1.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-lawyer-setup1',
+  templateUrl: './lawyer-setup1.component.html',
+  styleUrls: ['./lawyer-setup1.component.css']
+})
+export class LawyerSetup1Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+  scrollTop()
+  {
+    document.body.scrollTop = document.documentElement.scrollTop = 0;
+  }
+  
+}

src/app/lawyer/lawyer-setup2/lawyer-setup2.component.html

+<!-- STARTS-SET-UP-BANNER-->
+
+<setupbanner>
+</setupbanner>
+
+<!-- ENDS-SET-UP-BANNER-->
+<div class="lawyer_pages">
+	<div class="container">
+		<div class="col-lg-12">
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+			<div class="col-lg-6 col-md-6 col-sm-8">
+				<div class="lw_page_setup">
+					<div class="lw_set_head">
+						<h3>LAWYER SETUP 2</h3>
+						<hr>
+					</div>
+					<div class="lw_set_subhead">
+						<h4>Address Details</h4>
+					</div>
+					<div class="lw_set_inputs">
+						<div class="lw_set_row">
+							<label>Country</label>
+							<select>
+								<option>Select country</option>
+							</select>
+						</div>
+						<div class="lw_set_row">
+							<label>Primary city for operation</label>
+							<select>
+								<option>Select city</option>
+							</select>
+						</div>
+						<div class="lw_set_row">
+							<label>Office address</label>
+							<input type="text" placeholder="Office address">
+						</div>
+						<div class="lw_set_row">
+							<label>Zip code</label>
+							<input type="text" placeholder="Zip code">
+						</div>
+						<div class="lw_set_row lw_set_map">
+							<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15716.415491818052!2d76.354862420135!3d10.008278235526713!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3b080b62a7688a1d%3A0xea20f6a86d090450!2sInfopark+Campus%2C+Kochi%2C+Kerala+682030!5e0!3m2!1sen!2sin!4v1518606808687" allowfullscreen></iframe>
+						</div>
+						<div class="lw_set_row">
+							<label>Select Courts</label>
+							<select>
+								<option>Select Courts</option>
+							</select>
+						</div>
+					</div>
+					<div class="lw_btn_cab2 mauto">
+						<button type="button" class="lw_btn1"
+						routerLink="../lawyer-setup3" (click)="scrollTop()">
+							Submit
+						</button>
+					</div>
+				</div>
+			</div>
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+		</div>
+	</div>
+</div>
\ No newline at end of file

src/app/lawyer/lawyer-setup2/lawyer-setup2.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LawyerSetup2Component } from './lawyer-setup2.component';
+
+describe('LawyerSetup2Component', () => {
+  let component: LawyerSetup2Component;
+  let fixture: ComponentFixture<LawyerSetup2Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LawyerSetup2Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LawyerSetup2Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/lawyer-setup2/lawyer-setup2.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-lawyer-setup2',
+  templateUrl: './lawyer-setup2.component.html',
+  styleUrls: ['./lawyer-setup2.component.css']
+})
+export class LawyerSetup2Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+    scrollTop()
+  {
+    document.body.scrollTop = document.documentElement.scrollTop = 0;
+  }
+
+}

src/app/lawyer/lawyer-setup3/lawyer-setup3.component.html

+<!-- STARTS-SET-UP-BANNER-->
+
+<setupbanner>
+</setupbanner>
+
+<!-- ENDS-SET-UP-BANNER-->
+
+<div class="lawyer_pages">
+	<div class="container">
+		<div class="col-lg-12">
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+			<div class="col-lg-6 col-md-6 col-sm-8">
+				<div class="lw_page_setup">
+					<div class="lw_set_head">
+						<h3>LAWYER SETUP 3</h3>
+						<hr>
+					</div>
+					<div class="lw_set_subhead">
+						<h4>Address Details</h4>
+					</div>
+					<div class="lw_set_inputs">
+						<div class="lw_set_row">
+							<label>Year of passing the law</label>
+							<input class="lw_set_year" type="text" placeholder="Select Year">
+						</div>
+						<div class="lw_set_row">
+							<label>Enrollment number</label>
+							<input type="text" placeholder="Enrollment number">
+						</div>
+						<div class="lw_set_row">
+							<label>Languages Known</label>
+							<select>
+								<option>Languages Known</option>
+							</select>
+						</div>
+					</div>
+					<div class="lw_btn_cab2 mauto">
+						<button type="button" class="lw_btn1"
+						routerLink="../lawyer-setup4" (click)="scrollTop()">
+							Submit
+						</button>
+					</div>
+				</div>
+			</div>
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+		</div>
+	</div>
+</div>

src/app/lawyer/lawyer-setup3/lawyer-setup3.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LawyerSetup3Component } from './lawyer-setup3.component';
+
+describe('LawyerSetup3Component', () => {
+  let component: LawyerSetup3Component;
+  let fixture: ComponentFixture<LawyerSetup3Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LawyerSetup3Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LawyerSetup3Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/lawyer-setup3/lawyer-setup3.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-lawyer-setup3',
+  templateUrl: './lawyer-setup3.component.html',
+  styleUrls: ['./lawyer-setup3.component.css']
+})
+export class LawyerSetup3Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+    scrollTop()
+  {
+    document.body.scrollTop = document.documentElement.scrollTop = 0;
+  }
+
+}

src/app/lawyer/lawyer-setup4/lawyer-setup4.component.html

+<!-- STARTS-SET-UP-BANNER-->
+
+<setupbanner>
+</setupbanner>
+
+<!-- ENDS-SET-UP-BANNER-->
+<div class="lw_upload_page">
+	<div class="lw_upload_page_overlay">
+		<div class="container">
+			<div class="col-lg-12 textCenter">
+				<div class="lw_page_setup">
+					<div class="lw_set_head">
+						<h3>LAWYER SETUP 4</h3>
+						<hr>
+					</div>
+					<div class="lw_set_inputs">
+						<div class="lw_upload_pic"></div>
+						<div class="lw_upload_btn">
+							<input type="file">
+							<button type="button">Upload Image</button>
+						</div>
+					</div>
+					<div class="lw_btn_cab2 mauto">
+						<button type="button" class="lw_btn1"
+						routerLink="../home" (click)="scrollTop()">
+							Submit
+						</button>
+					</div>
+				</div>
+			</div>
+		</div>
+	</div>
+</div>

src/app/lawyer/lawyer-setup4/lawyer-setup4.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LawyerSetup4Component } from './lawyer-setup4.component';
+
+describe('LawyerSetup4Component', () => {
+  let component: LawyerSetup4Component;
+  let fixture: ComponentFixture<LawyerSetup4Component>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LawyerSetup4Component ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LawyerSetup4Component);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/lawyer-setup4/lawyer-setup4.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-lawyer-setup4',
+  templateUrl: './lawyer-setup4.component.html',
+  styleUrls: ['./lawyer-setup4.component.css']
+})
+export class LawyerSetup4Component implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+     scrollTop()
+  {
+    document.body.scrollTop = document.documentElement.scrollTop = 0;
+  }
+
+
+}

src/app/lawyer/lawyer.module.ts

+
+// COMMON-ANGULAR-MODULES
+
+import { NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+// ROUTING
+
+import {moduleRouting} from './lawyer.routing';
+
+//IMPORTED-PAGE-MODULES
+
+import { CommonfooterModule } from '../commonfooter/commonfooter.module';
+import { LawyernavbarModule } from '../lawyernavbar/lawyernavbar.module';
+import { ErrorModule } from '../error/error.module';
+
+//IMPORTED-PAGE-MODULES
+
+import { LawyerIndexComponent } from './lawyer-index/lawyer-index.component';
+import { HomeContentComponent } from './home-content/home-content.component';
+import { LawyerSetup1Component } from './lawyer-setup1/lawyer-setup1.component';
+import { LawyerSetup2Component } from './lawyer-setup2/lawyer-setup2.component';
+import { LawyerSetup3Component } from './lawyer-setup3/lawyer-setup3.component';
+import { LawyerSetup4Component } from './lawyer-setup4/lawyer-setup4.component';
+import { ContactUsComponent } from './contact-us/contact-us.component';
+import { AboutUsComponent } from './about-us/about-us.component';
+import { AppointmentDetailsComponent } from './appointment-details/appointment-details.component';
+import { LegalServiceDetailsComponent } from './legal-service-details/legal-service-details.component';
+import { LegalServiceComponent } from './legal-service/legal-service.component';
+import { MyAppointmentsComponent } from './my-appointments/my-appointments.component';
+import { ChatComponent } from './chat/chat.component';
+import { QuestionComponent } from './question/question.component';
+import { SetupbannerComponent } from './setupbanner/setupbanner.component';
+
+//IMPORTED-BOOTSTRAP-MODULES
+
+import { CollapseModule } from 'ngx-bootstrap';
+import { ModalModule } from 'ngx-bootstrap';
+import { BsDropdownModule } from 'ngx-bootstrap';
+import { BsDatepickerModule } from 'ngx-bootstrap';
+import { IssuedpromoComponent } from './issuedpromo/issuedpromo.component';
+
+@NgModule({
+  imports: [
+    CommonModule,
+    moduleRouting,
+    CommonfooterModule,
+    LawyernavbarModule,
+    ErrorModule,
+    CollapseModule.forRoot(),
+    ModalModule.forRoot(),
+    BsDropdownModule.forRoot(),
+    BsDatepickerModule.forRoot()
+  ],
+  declarations: [LawyerIndexComponent, HomeContentComponent, LawyerSetup1Component, LawyerSetup2Component, LawyerSetup3Component, LawyerSetup4Component, ContactUsComponent, AboutUsComponent, AppointmentDetailsComponent, LegalServiceDetailsComponent, LegalServiceComponent, MyAppointmentsComponent, ChatComponent, QuestionComponent, SetupbannerComponent, IssuedpromoComponent]
+})
+export class LawyerModule { }

src/app/lawyer/lawyer.routing.ts

+// COMMON-ANGULAR-MODULES
+
+import { ModuleWithProviders } from '@angular/core'
+
+// ROUTING
+
+import { Routes, RouterModule } from '@angular/router';
+
+//IMPORTED-PAGE-COMPONENTS
+
+import { LawyerIndexComponent } from './lawyer-index/lawyer-index.component';
+import { HomeContentComponent } from './home-content/home-content.component';
+import { LawyerSetup1Component } from './lawyer-setup1/lawyer-setup1.component';
+import { LawyerSetup2Component } from './lawyer-setup2/lawyer-setup2.component';
+import { LawyerSetup3Component } from './lawyer-setup3/lawyer-setup3.component';
+import { LawyerSetup4Component } from './lawyer-setup4/lawyer-setup4.component';
+import { ContactUsComponent } from './contact-us/contact-us.component';
+import { AboutUsComponent } from './about-us/about-us.component';
+import { AppointmentDetailsComponent } from './appointment-details/appointment-details.component';
+import { LegalServiceDetailsComponent } from './legal-service-details/legal-service-details.component';
+import { LegalServiceComponent } from './legal-service/legal-service.component';
+import { MyAppointmentsComponent } from './my-appointments/my-appointments.component';
+import { ChatComponent } from './chat/chat.component';
+import { QuestionComponent } from './question/question.component';
+import { IssuedpromoComponent } from './issuedpromo/issuedpromo.component';
+
+
+
+const ModuleRoutes: Routes = [
+
+	{
+		path: 'lawyer',
+		component: LawyerIndexComponent,
+
+		children:[
+
+			{
+				path: "home",
+				component: HomeContentComponent
+			},
+			{
+				path: "lawyer-setup1",
+				component: LawyerSetup1Component
+			},
+			{
+				path: "lawyer-setup2",
+				component: LawyerSetup2Component
+			},
+			{
+				path: "lawyer-setup3",
+				component: LawyerSetup3Component
+			},
+			{
+				path: "lawyer-setup4",
+				component: LawyerSetup4Component
+			},
+			{
+				path: "contact-us",
+				component: ContactUsComponent
+			},
+			{
+				path: "about-us",
+				component: AboutUsComponent
+			},
+			{
+				path: "my-appointments",
+				component: MyAppointmentsComponent
+			},
+			{
+				path: "appointment-details",
+				component: AppointmentDetailsComponent
+			},
+			{
+				path: "legal-service",
+				component: LegalServiceComponent
+			},
+			{
+				path: "legal-service-details",
+				component: LegalServiceDetailsComponent
+			},
+			{
+				path: "chat",
+				component: ChatComponent
+			},
+			{
+				path: "question",
+				component: QuestionComponent
+			},
+			{
+				path: "issuedpromo",
+				component: IssuedpromoComponent
+			}
+	
+		]
+
+	}
+];
+
+export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
+

src/app/lawyer/legal-service-details/legal-service-details.component.html

+<div class="lawyer_pages">
+	<div class="lw_contact_head lw_set_head textLeft">
+		<div class="container">
+			<div class="col-lg-6 col-md-6 col-sm-8">
+				<h3>Legal Service Details</h3>
+				<hr class="m0">
+			</div>
+			<div class="col-lg-3 col-md-3 col-sm-2"></div>
+		</div>
+	</div>
+	<div class="container">
+		<div class="col-lg-12 p0">
+			<div class="col-lg-6 col-md-6 col-sm-8">
+				<div class="lw_legal_profile">
+					<div class="lw_adv_pic">
+						<img src="assets/img/ask_lawyer_pic1.png">
+					</div>
+					<h3>Adv. Jessica Alba</h3>
+
+					<div class="lw_legal_det">
+						<p class="floatLeft">
+							Legal Service
+						</p>
+						<h4 class="floatLeft">
+							<span>:</span> Criminal
+						</h4>
+						<div class="clear"></div>
+					</div>
+				</div>
+
+				<div class="lw_legal_address">
+					<h5>
+						DESCRIPTION 
+					</h5>
+					<p>
+						it aut fugit, sed quia consequuntui tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem.r magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modr magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius mod
+					</p>
+				</div>
+				<div class="lw_legal_pay">
+					<h3>Payment Details</h3>
+					<div class="lw_legal_det">
+						<p class="floatLeft textLeft">
+							Number of days
+						</p>
+						<input type="text" placeholder="Number of days" value="2 days">
+						<div class="clear"></div>
+					</div>
+					<div class="lw_legal_det">
+						<p class="floatLeft textLeft">
+							Work free
+						</p>
+						<input type="text" placeholder="Consultation Fee" value="$ 2000">
+						<div class="clear"></div>
+					</div>
+				</div>
+				<div class="lw_btn_cab3">
+					<button type="button" class="lw_btn2">
+						Send Quote
+					</button>
+				</div>
+			</div>
+			<div class="col-lg-6 col-md-6 col-sm-4"></div>
+		</div>
+	</div>
+</div>
\ No newline at end of file

src/app/lawyer/legal-service-details/legal-service-details.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LegalServiceDetailsComponent } from './legal-service-details.component';
+
+describe('LegalServiceDetailsComponent', () => {
+  let component: LegalServiceDetailsComponent;
+  let fixture: ComponentFixture<LegalServiceDetailsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LegalServiceDetailsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LegalServiceDetailsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/legal-service-details/legal-service-details.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-legal-service-details',
+  templateUrl: './legal-service-details.component.html',
+  styleUrls: ['./legal-service-details.component.css']
+})
+export class LegalServiceDetailsComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/legal-service/legal-service.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LegalServiceComponent } from './legal-service.component';
+
+describe('LegalServiceComponent', () => {
+  let component: LegalServiceComponent;
+  let fixture: ComponentFixture<LegalServiceComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LegalServiceComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LegalServiceComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/legal-service/legal-service.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-legal-service',
+  templateUrl: './legal-service.component.html',
+  styleUrls: ['./legal-service.component.css']
+})
+export class LegalServiceComponent implements OnInit {
+  tab: any;
+  constructor() { }
+
+  ngOnInit() {
+  	this.tab = "service_request";
+  }
+  
+  tab_swap(type) {
+    console.log(type)
+    this.tab = type;
+  }
+
+}

src/app/lawyer/my-appointments/my-appointments.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { MyAppointmentsComponent } from './my-appointments.component';
+
+describe('MyAppointmentsComponent', () => {
+  let component: MyAppointmentsComponent;
+  let fixture: ComponentFixture<MyAppointmentsComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ MyAppointmentsComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(MyAppointmentsComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/my-appointments/my-appointments.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-my-appointments',
+  templateUrl: './my-appointments.component.html',
+  styleUrls: ['./my-appointments.component.css']
+})
+export class MyAppointmentsComponent implements OnInit {
+	tab:any;
+	child_tab:any;
+  shownGroup = null;
+
+  constructor() { }
+
+  ngOnInit() {
+  	this.tab = "upcoming_appointments";
+  	this.child_tab = "chat_consultation";
+  }
+
+  tab_swap(type) {
+    console.log(type)
+    this.tab = type;
+  }
+
+  child_tab_swap(type) {
+    console.log(type)
+    this.child_tab = type;
+  }
+
+  toggleGroup(group) {
+    if (this.isGroupShown(group)) {
+        this.shownGroup = null;
+    } else {
+        this.shownGroup = group;
+    }
+  };
+
+  isGroupShown(group) {
+    return this.shownGroup === group;
+  };
+
+
+}

src/app/lawyer/question/question.component.html

+<!-- STARTS-QUESTION-VIEW-PAGE -->
+
+<div class="window_min_height al_nav_adjust_margin">
+<div class="lawyer_pages">
+	<div class="al_abouts lw_set_head">
+		<div class="al_about_head"></div>
+		<h3>QUESTION & ANSWER</h3>
+		<hr>
+	</div>
+	<div class="container">
+		<div class="al_ques_list">
+			<ul>
+				<li>
+					<div class="row">
+						<div class="col-md-11">
+							<p>What is the procedure for filing mutual divorce</p>
+						</div>
+						<div class="col-md-1 p0">
+							<button class="al_ques_answer_btn">Answer Now</button>
+						</div>
+					</div>
+				</li>
+				<div class="row">
+					<div class="col-md-12 pr0">
+						<textarea class="al_ques_textarea" rows="4" placeholder="Type answer here"></textarea>
+					</div>
+				</div>
+				<br>
+					<div class="lw_btn_cab2 floatLeft">
+						<button type="button" class="lw_btn1">
+							Submit
+						</button>
+					</div>
+					<div class="clear"></div>
+					<br>
+				<li>
+					<div class="row">
+						<div class="col-md-11">
+							<p>What is the procedure for filing mutual divorce</p>
+						</div>
+						<div class="col-md-1 p0">
+							<button class="al_ques_answer_btn">Answer Now</button>
+						</div>
+					</div>
+				</li>
+				<li>
+					<div class="row">
+						<div class="col-md-11">
+							<p>Mutual divorce filing under 13B. How soon can it be filed?</p>
+						</div>
+						<div class="col-md-1 p0">
+							<button class="al_ques_answer_btn">Answer Now</button>
+						</div>
+					</div>
+				</li>
+			</ul>
+		</div>
+	</div>
+</div>
+
+</div>
+
+<!-- ENDS-QUESTION-VIEW-PAGE -->

src/app/lawyer/question/question.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { QuestionComponent } from './question.component';
+
+describe('QuestionComponent', () => {
+  let component: QuestionComponent;
+  let fixture: ComponentFixture<QuestionComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ QuestionComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(QuestionComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/question/question.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'app-question',
+  templateUrl: './question.component.html',
+  styleUrls: ['./question.component.css']
+})
+export class QuestionComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyer/setupbanner/setupbanner.component.html

+<!-- STARTS-PARALAX-TOP -->
+
+<section class="module parallax parallax-2 heightFull">
+	<div class="al_parallax_top" style="padding-top: 20px;">
+		<h3>Join our Legal Network </h3>
+		<p>& Become a Preferred Lawyer today!</p>
+	</div>
+</section>
+
+<!-- ENDS-PARALAX-TOP -->

src/app/lawyer/setupbanner/setupbanner.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { SetupbannerComponent } from './setupbanner.component';
+
+describe('SetupbannerComponent', () => {
+  let component: SetupbannerComponent;
+  let fixture: ComponentFixture<SetupbannerComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ SetupbannerComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(SetupbannerComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

src/app/lawyer/setupbanner/setupbanner.component.ts

+import { Component, OnInit } from '@angular/core';
+
+@Component({
+  selector: 'setupbanner',
+  templateUrl: './setupbanner.component.html',
+  styleUrls: ['./setupbanner.component.css']
+})
+export class SetupbannerComponent implements OnInit {
+
+  constructor() { }
+
+  ngOnInit() {
+  }
+
+}

src/app/lawyernavbar/lawyernavbar.component.css

+.al_inside_navbar{
+
+}
+
+.al_nav_menu ul li a {
+    padding: 8px;
+    padding-left: 0px;
+    position: relative;
+    cursor: pointer;
+    padding-right: 0px;
+    text-transform: capitalize;
+    color: #e0e0e0;
+    font-size: 15px;
+}
+
+.al_nav_login_btn {
+    color: #ffffff;
+}
+.al_nav_signup_btn {
+    background: #ffffff;
+    color: #28282c !important;
+}
\ No newline at end of file

src/app/lawyernavbar/lawyernavbar.component.spec.ts

+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+
+import { LawyernavbarComponent } from './lawyernavbar.component';
+
+describe('LawyernavbarComponent', () => {
+  let component: LawyernavbarComponent;
+  let fixture: ComponentFixture<LawyernavbarComponent>;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      declarations: [ LawyernavbarComponent ]
+    })
+    .compileComponents();
+  }));
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(LawyernavbarComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});