Commit 9cac564f by amal

initial push

parents
{
"$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": {}
}
}
# 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
# 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
# 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).
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!');
});
});
import { browser, by, element } from 'protractor';
export class AppPage {
navigateTo() {
return browser.get('/');
}
getParagraphText() {
return element(by.css('app-root h1')).getText();
}
}
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/e2e",
"baseUrl": "./",
"module": "commonjs",
"target": "es5",
"types": [
"jasmine",
"jasminewd2",
"node"
]
}
}
// 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
});
};
{
"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 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 } }));
}
};
<router-outlet>
</router-outlet>
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!');
}));
});
import { Component } from '@angular/core';
@Component({
selector: 'app-root',
templateUrl: './app.component.html',
styleUrls: ['./app.component.css']
})
export class AppComponent {
title = 'app';
}
// 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 { }
// 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 { }
<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>
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();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'commonfooter',
templateUrl: './commonfooter.component.html',
styleUrls: ['./commonfooter.component.css']
})
export class CommonfooterComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
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 { }
.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
<style>
.al_login_modal_wrapper {max-width: 100% !important;margin:0px !important;height: 100vh !important;}
</style>
<!-- MAIN-NAV-BAR-START -->
<nav class="al_navbar al_inside_navbar" [ngClass]= "{'al_shrink_navbar': isScrolled}">
<div class="container">
<div class="">
<!-- NAV-TOGGLE-BUTTON -->
<button type="button" class="navbar-toggle collapsed" (click)="isCollapsed = !isCollapsed" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- ENDS-NAV-TOGGLE-BUTTON -->
<!-- NAV-LOGO -->
<div class="al_nav_logo floatLeft" (click)="goToPage('user/home')">
<img src="assets/img/al_logo_inner.png">
</div>
<!-- ENDS-NAV-LOGO -->
<!-- MENU-COLLAPSE -->
<div class="collapse navbar-collapse" [collapse]=isCollapsed>
<!-- LOGIN-MENU -->
<!-- <div class="al_nav_menu_log_bay floatRight">
<ul>
<li><a class="al_nav_login_btn" (click)="signin.show()">Login</a></li>
<li><a class="al_nav_signup_btn" (click)="signup.show()">Signup</a></li>
</ul>
</div> -->
<div class="al_nav_menu_log_bay al_nav_account_bay floatRight">
<ul>
<li>
<div class="al_nav_account">
<div class="al_nav_account_name floatLeft">
Jenifer Lopez
</div>
<div class="al_nav_account_pic floatLeft">
<img src="assets/img/al_avatar_girl1.png">
</div>
<div class="dropdown floatLeft">
<div class="al_nav_account_more dropdown-toggle" data-toggle="dropdown">
</div>
<ul class="dropdown-menu">
<li>
<div class="lw_drp_check" (click)="goToPage('user/my-profile')">
My Profile
</div>
</li>
<!-- <li>
<div class="lw_drp_check">
My Bookings
</div>
</li> -->
<li>
<div class="lw_drp_check" (click)="goToPage('user/editprofile')">
Edit Profile
</div>
</li>
<li>
<div class="lw_drp_check" (click)="goToPage('user/wallet')">
My Wallet
</div>
</li>
<li data-dismiss="modal" data-toggle="modal" data-target="#changePassword">
<div class="lw_drp_check">
Change Password
</div>
</li>
<li>
<div class="lw_drp_check" (click)="goToPage('user/home')">
Logout
</div>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
<!-- ENDS-LOGIN-MENU -->
<!-- NAV-MENU -->
<div class="al_nav_menu floatRight">
<ul>
<!-- <li class="al_nav_drop"><a (click)="goToPage('user/home')" >Find Lawyer</a></li> -->
<li class=""><a (click)="goToPage('user/home')" >Find Lawyer</a></li>
<li class=""><a (click)="goToPage('user/legal-advice')" >Legal Advices</a></li>
<li class="" ><a (click)="goToPage('user/legal-service')">Legal Services</a></li>
<li><a (click)="goToPage('user/contact-us')">Contact us</a></li>
<li><a (click)="goToPage('user/about-us')">About us</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- ENDS-NAV-MENU -->
</div>
<!-- ENDS-MENU-COLLPSE -->
</div>
</div>
</nav>
<!-- END-MAIN-NAV-BAR -->
<!-- LOGIN-MODAL -->
<div class="modal fade" bsModal #signin="bs-modal" [config]="{backdrop: 'static'}"
tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="al_login_modal_wrapper modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close pull-right" aria-label="Close" (click)="signin.hide()">
<span aria-hidden="true">&times;</span>
</button>
<div class="container ">
<div class="al_login_modal_inner" style="margin:13% auto !important;">
<div class="row">
<div class="col-md-6">
<div class="al_login_modal_section borderNone al_login_modal_left">
<img src="assets/img/al_logo_login.png">
<h1>Join our Legal Network</h1>
<h4>& Feel free to contact your lawyer !</h4>
<p>New User ?<strong (click)="signup.show();signin.hide()">Create Account Here</strong></p>
</div>
</div>
<div class="col-md-6">
<div class="al_login_modal_section">
<div class="al_login_modal_form_body">
<h3>LOGIN</h3>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Username">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Password">
</div>
<div class="al_modal_btn_container">
<button class="al_modal_btn">
LOGIN
</button>
</div>
<p class="textCenter">Forgot Password?</p>
<div class="al_social_bay">
<ul>
<li>
<img src="assets/img/al_twitter.png">
</li>
<li>
<img src="assets/img/al_google.png">
</li>
<li>
<img src="assets/img/al_fb.png">
</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-LOGIN-MODAL -->
<!-- SIGNUP-MODAL -->
<div class="modal fade" bsModal #signup="bs-modal" [config]="{backdrop: 'static'}"
tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="al_login_modal_wrapper modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close pull-right" aria-label="Close" (click)="signup.hide()">
<span aria-hidden="true">&times;</span>
</button>
<div class="container ">
<div class="al_login_modal_inner">
<div class="row">
<div class="col-md-6">
<div class="al_login_modal_section borderNone al_login_modal_left">
<img src="assets/img/al_logo_login.png">
<h1>Join our Legal Network</h1>
<h4>& Feel free to contact your lawyer !</h4>
<p>Existing User ?<strong (click)="signin.show();signup.hide()">Login Here</strong></p>
</div>
</div>
<div class="col-md-6">
<div class="al_login_modal_section">
<div class="al_login_modal_form_body">
<h3>SIGNUP</h3>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Name">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Email">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Mobile Number">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Password">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Confirm Password">
</div>
<div class="al_modal_input_container">
<input class="al_sign_check" id="styled-checkbox-1" type="checkbox" value="value1">
<label for="styled-checkbox-1">I agree to Ask Lawyer term of use</label>
</div>
<div class="al_modal_btn_container">
<button class="al_modal_btn"
data-toggle="modal" data-target="#otpVerification">
CREATE ACCOUNT
</button>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-SIGNUP-MODAL -->
<!-- MODAL FOR CHANGE PASSWORD START -->
<div class="modal fade" id="changePassword" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<div class="mod_verify_body textCenter">
<img src="assets/img/modal_change_password.png" class="mod_verify_img">
<div class="mod_verify_head">
<h4>Change Password</h4>
<p>
Type your new password
</p>
</div>
<div class="mod_verify_input">
<input type="text" placeholder="New Password" value="">
</div>
<div class="mod_verify_input">
<input type="text" placeholder="Confirm New Password" value="">
</div>
</div>
</div>
<div class="modal-footer textCenter">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow" data-dismiss="modal">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL FOR CHANGE PASSWORD END -->
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();
});
});
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;
}
}
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 {
}
<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>
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();
});
});
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() {
}
}
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 { }
<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>
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();
});
});
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() {
}
}
<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>
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();
});
});
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() {
}
}
<!-- ENDS-COMMON-NAV-BAR -->
<div class="al_detail_doc_wrapper">
<div class="al_chat_wrapper">
<div class="container heightFull">
<div class="row m0 heightFull">
<div class="col-md-4 heightFull">
<div class="al_chat_consult_tab">
<ul>
<li [class.active]="con_tab=='1'" (click)="con_tab_swap('1')">
<button class="">Consult</button>
</li>
<li [class.active]="con_tab=='2'" (click)="con_tab_swap('2')">
<button class="">Legal Services</button>
</li>
</ul>
</div>
<div class="al_chat_search_bar">
<input class="al_chat_search_input" placeholder="Search a chat">
</div>
<div class="al_chat_list" [hidden]="con_tab != '1'">
<ul>
<span class="new_list">New</span>
<br>
<li [class.active]="tab=='1'" (click)="tab_swap('1')">
<div class="al_chat_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>ASHLEY MARCOW</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
<li [class.active]="tab=='2'" (click)="tab_swap('2')">
<div class="al_chat_pic">
<img src="assets/img/e_girl1.png">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>GEORGIA CLOUDNG</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
<li [class.active]="tab=='3'" (click)="tab_swap('3')">
<div class="al_chat_pic">
<img src="assets/img/e_girl2.png">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>ELSA ALEXANDRO</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
<br>
<span class="read">Read</span>
<br>
<li [class.active]="tab=='4'" (click)="tab_swap('4')">
<div class="al_chat_pic">
<img src="assets/img/e_girl3.png">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>LIVIYA MARCUS</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
</ul>
</div>
<div class="al_chat_list" [hidden]="con_tab != '2'">
<ul>
<span class="new_list">New</span>
<br>
<li [class.active]="tab=='1'" (click)="tab_swap('1')">
<div class="al_chat_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>ASHLEY MARCOW</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
<li [class.active]="tab=='2'" (click)="tab_swap('2')">
<div class="al_chat_pic">
<img src="assets/img/e_girl1.png">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>GEORGIA CLOUDNG</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
<li [class.active]="tab=='3'" (click)="tab_swap('3')">
<div class="al_chat_pic">
<img src="assets/img/e_girl2.png">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>ELSA ALEXANDRO</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
<br>
<span class="read">Read</span>
<br>
<li [class.active]="tab=='4'" (click)="tab_swap('4')">
<div class="al_chat_pic">
<img src="assets/img/e_girl3.png">
</div>
<div class="al_chat_per_detail">
<div class="al_chat_per_left">
<h5>LIVIYA MARCUS</h5>
<p>Hi How are you ?</p>
</div>
<div class="al_chat_per_right">
<p>22/08/2018</p>
<p>05:30pm</p>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="clear">
</div>
</li>
</ul>
</div>
</div>
<div class="col-md-8 p0 heightFull">
<div class="al_chat_content">
<div [hidden]="tab != '1'" class="al_chat_content_inner">
<ul>
<li class="al_chat_inbox">
<div class="al_chat_circle_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Hello
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_outbox">
<div class="al_chat_circle_pic">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Hai May i help you
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_inbox">
<div class="al_chat_circle_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Can i get a detailed appointment with you
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_outbox">
<div class="al_chat_circle_pic">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
When can you be free
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_inbox">
<div class="al_chat_circle_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
On next Monday
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_outbox">
<div class="al_chat_circle_pic">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Okay you can come by monday morning 11 am.
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_inbox">
<div class="al_chat_circle_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Hello
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_outbox">
<div class="al_chat_circle_pic">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Hai May i help you
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_inbox">
<div class="al_chat_circle_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Can i get a detailed appointment with you
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_outbox">
<div class="al_chat_circle_pic">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
When can you be free
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_inbox">
<div class="al_chat_circle_pic">
<img src="assets/img/e_girl2.jpg">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
On next Monday
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<li class="al_chat_outbox">
<div class="al_chat_circle_pic">
</div>
<div class="al_chat_message">
<div class="al_chat_message_content">
<div class="al_arrow"></div>
Okay you can come by monday morning 11 am.
</div>
<p>20/05/2017, 05:00 am</p>
</div>
<div class="clear"></div>
</li>
<div class="clear"></div>
</ul>
</div>
<div [hidden]="tab != '2'" class="al_chat_content_inner">
<ul>
<li>two</li>
</ul>
</div>
<div [hidden]="tab != '3'" class="al_chat_content_inner">
<ul>
<li>three </li>
</ul>
</div>
<div [hidden]="tab != '4'" class="al_chat_content_inner">
Four
</div>
<div class="al_chat_type_section">
<button class="al_chat_attachment"></button>
<textarea class="al_chat_textarea" placeholder="Type your Message here"></textarea>
<button class="al_chat_send"></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
\ No newline at end of file
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();
});
});
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;
}
}
<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
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();
});
});
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() {
}
}
<!-- LAWYER HOME PAGE START -->
<div class="lw_lawyer_home_page">
<div class="lw_home_segment">
<div class="container">
<div class="col-lg-12">
<ul>
<li (click)="tab_swap('home_tab1')"
[class.active]="tab=='home_tab1'">
Personal details
</li>
<li (click)="tab_swap('home_tab2')"
[class.active]="tab=='home_tab2'">
Professional Details
</li>
<li (click)="tab_swap('home_tab3')"
[class.active]="tab=='home_tab3'">
Address details
</li>
<li (click)="tab_swap('home_tab4')"
[class.active]="tab=='home_tab4'">
Legal service details
</li>
<li (click)="tab_swap('home_tab5')"
[class.active]="tab=='home_tab5'">
Set schedule
</li>
<li (click)="tab_swap('home_tab6')"
[class.active]="tab=='home_tab6'">
Set consultation fee
</li>
<li (click)="tab_swap('home_tab7')"
[class.active]="tab=='home_tab7'">
Set Promo Code
</li>
</ul>
</div>
</div>
</div>
<!-- EACH SEGMENT START -->
<div class="lw_home_segment_cabin">
<!-- PERSONAL DETAILS SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab1'">
<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>Personal Details</h3>
<hr>
</div>
<div class="lw_set_inputs">
<div class="lw_set_row">
<div class="lw_setpic_cabin">
<img src="assets/img/ask_lawyer_pic1.png">
<span class="lw_pic_edit"></span>
</div>
</div>
<div class="lw_set_row">
<label>First Name</label>
<input type="text" placeholder="First Name">
</div>
<div class="lw_set_row">
<label>Last Name</label>
<input type="text" placeholder="Last Name">
</div>
<div class="lw_set_row">
<label>Date of Birth</label>
<input class="lw_set_year" type="text" placeholder="Datepicker"
ngModel
bsDatepicker
[minDate]="minDate"
[maxDate]="maxDate">
</div>
<div class="lw_set_row">
<div class="lw_prof_radio floatLeft">
<input id="male" type="radio" name="gender" value="male" checked="checked">
<label for="male">Male</label>
<input id="female" type="radio" name="gender" value="female">
<label for="female">Female</label>
</div>
<div class="clear"></div>
</div>
<div class="lw_set_row">
<label>City</label>
<input type="text" placeholder="City">
</div>
<div class="lw_set_row">
<label>Residential Address</label>
<input class="lw_set_loc" type="text" placeholder="Residential 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>Mobile Number</label>
<input type="text" placeholder="Mobile Number">
</div>
<div class="lw_set_row">
<label>Email Address</label>
<input type="text" placeholder="Email Address">
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- ENDS PERSONAL DETAILS SEGMENT -->
<!-- PROFFESSIONAL DETAILS SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab2'">
<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>Professional Details</h3>
<hr>
</div>
<div class="lw_set_inputs">
<div class="lw_set_row">
<label>Primary Area of Specialisation</label>
<select>
<option>Select Primary Area</option>
</select>
</div>
<div class="lw_set_row">
<label>Other Area of Specialisation</label>
<select>
<option>Select Other Area</option>
</select>
</div>
<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>Select Languages</option>
</select>
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- ENDS PROFFESSIONAL DETAILS SEGMENT -->
<!-- ADDRESS DETAILS SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab3'">
<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>Address Details</h3>
<hr>
</div>
<div class="lw_set_inputs">
<div class="lw_set_row">
<label>Primary City for Operation</label>
<select>
<option>Select City</option>
</select>
</div>
<div class="lw_set_row">
<label>Residential Address</label>
<input class="lw_set_loc" type="text" placeholder="Residential 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>Courts</label>
<select>
<option>Select Courts</option>
</select>
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- ENDS ADDRESS DETAILS SEGMENT -->
<!-- LEGAL SERVICE DETAILS SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab4'">
<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>ADD LEGAL SERVICE</h3>
<hr>
</div>
<div class="lw_legal_inputs">
<div class="lw_add_leagal">
<div class="lw_legal_head">
LEGAL SERVICE1
</div>
<div class="lw_set_input_list">
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_set_row">
<label>Service</label>
<input type="text" placeholder="Service" value="Divorce Notice">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_set_row">
<label>No.of Days</label>
<input type="text" placeholder="No.of Days" value="30">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_set_row">
<label>No.of Days</label>
<input type="text" placeholder="Fixed Fee" value="$ 20000">
</div>
</div>
<div class="clear"></div>
</div>
<div class="lw_set_input_list">
<div class="lw_set_row">
<label>Description</label>
<textarea></textarea>
</div>
</div>
</div>
<div class="lw_add_leagal">
<div class="lw_legal_head">
LEGAL SERVICE2
</div>
<div class="lw_set_input_list">
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_set_row">
<label>Service</label>
<input type="text" placeholder="Service" value="Divorce Notice">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_set_row">
<label>No.of Days</label>
<input type="text" placeholder="No.of Days" value="30">
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_set_row">
<label>No.of Days</label>
<input type="text" placeholder="Fixed Fee" value="$ 20000">
</div>
</div>
<div class="clear"></div>
</div>
<div class="lw_set_input_list">
<div class="lw_set_row">
<label>Description</label>
<textarea></textarea>
</div>
</div>
</div>
</div>
<div class="lw_add_legal_btn relative">
<div class="lw_btn_cab2">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
<button class="lw_add_input absolute">+</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- ENDS LEGAL SERVICE DETAILS SEGMENT -->
<!-- SET SCEDULE SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab5'">
<div class="container">
<div class="col-lg-12">
<div class="lw_page_setup">
<div class="lw_set_head textCenter">
<h3>Set Schedule</h3>
<hr>
</div>
<div class="lw_set_schedule">
<div class="lw_schedule_head">
<div class="lw_schedule_set floatLeft">
<h3>Select Days</h3>
</div>
<div class="lw_schedule_set floatLeft">
<h3>Start Time</h3>
</div>
<div class="lw_schedule_set floatLeft">
<h3>End Date</h3>
</div>
<div class="lw_schedule_set"></div>
<div class="clear"></div>
</div>
<ul class="lw_schedule_list">
<li>
<div class="lw_schedule_set floatLeft">
<input type="text" value="Monday">
</div>
<div class="lw_schedule_set floatLeft">
<input type="text" value="09.00 am">
</div>
<div class="lw_schedule_set floatLeft">
<input type="text" value="09.00 am">
</div>
<div class="lw_schedule_set floatLeft">
<button class="floatLeft" type="button"
data-toggle="modal" data-target="#setSchedule">
Set Slot
</button>
<div class="lw_set_action floatLeft">
<input type="checkbox" id="chk0">
<label for="chk0"></label>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="lw_schedule_set floatLeft">
<input type="text" value="Tuesday">
</div>
<div class="lw_schedule_set floatLeft">
<input type="text" value="09.00 am">
</div>
<div class="lw_schedule_set floatLeft">
<input type="text" value="09.00 am">
</div>
<div class="lw_schedule_set floatLeft">
<button class="floatLeft" type="button"
data-toggle="modal" data-target="#setSchedule">
Set Slot
</button>
<div class="lw_set_action floatLeft">
<input type="checkbox" id="chk1">
<label for="chk1"></label>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="lw_schedule_set floatLeft">
<input type="text" value="Wednesday">
</div>
<div class="lw_schedule_set floatLeft">
<input type="text" value="09.00 am">
</div>
<div class="lw_schedule_set floatLeft">
<input type="text" value="09.00 am">
</div>
<div class="lw_schedule_set floatLeft">
<button class="floatLeft" type="button"
data-toggle="modal" data-target="#setSchedule">
Set Slot
</button>
<div class="lw_set_action floatLeft">
<input type="checkbox" id="chk2">
<label for="chk2"></label>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="lw_schedule_set floatLeft">
<input type="text" placeholder="Day">
</div>
<div class="lw_schedule_set floatLeft">
<input class="time_input" type="text" placeholder="Start Time">
</div>
<div class="lw_schedule_set floatLeft">
<input class="time_input" type="text" placeholder="End Time">
</div>
<div class="lw_schedule_set floatLeft">
<button class="floatLeft" type="button" disabled="true">
Set Slot
</button>
<span class="lw_list_add floatLeft" type="button">+</span>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
<!-- SET SCEDULE SEGMENT -->
<!-- SET CONSULTATION FEE SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab6'">
<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>Consultation fee</h3>
<hr>
</div>
<div class="lw_legal_inputs">
<div class="lw_legal_consult">
<div class="lw_set_subhead lw_legal_subhead">
<h4>Online Consultation</h4>
<div class="lw_toggle_btn">
<label class="lw_toggle_switch">
<input type="checkbox">
<span class="lw_toggle_slider"></span>
</label>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl0">
<div class="lw_set_row">
<label>Time</label>
<input class="lw_clk_input" type="text" placeholder="Time" value="01.00 hr">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl0">
<div class="lw_set_row">
<label>Fee</label>
<input type="text" placeholder="Fee" value="$ 2000">
</div>
</div>
<div class="clear"></div>
</div>
<div class="lw_legal_consult">
<div class="lw_set_subhead lw_legal_subhead">
<h4>Office Meeting</h4>
<div class="lw_toggle_btn">
<label class="lw_toggle_switch">
<input type="checkbox">
<span class="lw_toggle_slider"></span>
</label>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl0">
<div class="lw_set_row">
<label>Time</label>
<input class="lw_clk_input" type="text" placeholder="Time" value="01.00 hr">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl0">
<div class="lw_set_row">
<label>Fee</label>
<input type="text" placeholder="Fee" value="$ 2000">
</div>
</div>
<div class="clear"></div>
</div>
<div class="lw_legal_consult">
<div class="lw_set_subhead lw_legal_subhead">
<h4>Legal Service</h4>
<div class="lw_toggle_btn">
<label class="lw_toggle_switch">
<input type="checkbox">
<span class="lw_toggle_slider"></span>
</label>
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl0">
<div class="lw_set_row">
<label>Time</label>
<input class="lw_clk_input" type="text" placeholder="Time" value="01.00 hr">
</div>
</div>
<div class="col-lg-6 col-md-6 col-sm-6 pl0">
<div class="lw_set_row">
<label>Fee</label>
<input type="text" placeholder="Fee" value="$ 2000">
</div>
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- SET CONSULTATION FEE SEGMENT -->
<!-- SET PROMOCODE SEGMENT -->
<div class="lw_home_tabs" [hidden]="tab != 'home_tab7'">
<div class="container">
<div class="col-lg-12">
<div class="lw_page_setup">
<div class="lw_set_head">
<h3>Set Promo code</h3>
<hr>
</div>
<div class="lw_set_promo">
<div class="lw_set_promo_head_cabin">
<div class="lw_set_promo_head" routerLink="../issuedpromo">
<button>Show Issued Promocode</button>
</div>
<div class="lw_set_promo_head">
<div class="lw_display_promo">
<p>Show Issued Promocode</p>
<div class="lw_toggle_btn">
<label class="lw_toggle_switch">
<input type="checkbox">
<span class="lw_toggle_slider"></span>
</label>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div class="lw_set_promo_det">
<ul>
<li>
<div class="lw_create_promo">
<div class="col-lg-9 right_brdr1 p0">
<p>All</p>
<div class="lw_promo_list">
<div class="col-lg-3 pl0">
<h5>Voucher Code</h5>
<h4>ASK25</h4>
</div>
<div class="col-lg-3 pl0">
<h5>Discount Fee</h5>
<h4>$ 2500</h4>
</div>
<div class="col-lg-3 pl0">
<h5>Start date</h5>
<h4>12/1/2018</h4>
</div>
<div class="col-lg-3 pl0">
<h5>End Date</h5>
<h4>30/1/2018</h4>
</div>
</div>
</div>
<div class="col-lg-3 pr0">
<div class="lw_create_promo_btns">
<button class="lw_promo_editbtn">
Edit
</button>
<button class="lw_promo_closebtn">
Close
</button>
<button class="lw_promo_addbtn">
+
</button>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<p>Online Consult</p>
<span><button>Create</button></span>
<div class="clear"></div>
</li>
<li>
<p>Later Consult</p>
<span><button>Create</button></span>
<div class="clear"></div>
</li>
<li>
<p>Online Consult</p>
<span><button>Create</button></span>
<div class="clear"></div>
</li>
<li>
<p>Come to customer Location</p>
<span><button>Create</button></span>
<div class="clear"></div>
</li>
<li>
<p>Legal Service</p>
<span><button>Create</button></span>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SET PROMOCODE SEGMENT -->
</div>
<!-- ENDS ALL SEGMENTS -->
</div>
<!-- LAWYER HOME PAGE START -->
<!-- MODAL FOR SET SLOT START -->
<div class="modal fade lw_modal" id="editLegalService" role="dialog">
<div class="modal-dialog modal-md">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h3>Edit Legal Service</h3>
</div>
<div class="modal-body">
<div class="lw_mod_body lw_edit_legal">
<div class="lw_input_row">
<div class="lw_width_33">
<label>Service</label>
<input type="text" value="Divorce Notice">
</div>
<div class="lw_width_33">
<label>No.of days</label>
<input type="text" value="Divorce Notice">
</div>
<div class="lw_width_33">
<label>Fixed Fee</label>
<input type="text" value="Divorce Notice">
</div>
<div class="clear"></div>
</div>
<div class="lw_input_row m0">
<label>Description</label>
<textarea></textarea>
</div>
</div>
</div>
<div class="modal-footer">
<div class="mod_btn3 btn_clr_yellow m0">
<button type="button" class="mod_sub btn_clr_yellow" data-dismiss="modal">
save
</button>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL FOR SET SLOT END -->
\ No newline at end of file
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();
});
});
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;
}
}
<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>
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();
});
});
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() {
}
}
<!-- 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
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();
});
});
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() {
}
}
<!-- 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
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();
});
});
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;
}
}
<!-- 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
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();
});
});
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;
}
}
<!-- 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>
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();
});
});
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;
}
}
<!-- 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>
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();
});
});
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;
}
}
// 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 { }
// 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)
<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
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();
});
});
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() {
}
}
<!-- STARTS-LEGAL-SERVICE-TAB -->
<div class="lw_legal_service_page">
<div class="lw_service lw_set_head">
<div class="container">
<div class="col-lg-12">
<div class="lw_service_head_cabin">
<div class="lw_service_head"></div>
<h3>LEGAL SERVICES</h3>
<hr>
</div>
<div class="lw_legal_service_tab">
<ul>
<li class="floatLeft" [class.active]="tab=='service_request'"
(click)="tab_swap('service_request')">
Service Request
</li>
<li class="floatRight" [class.active]="tab=='my_service'"
(click)="tab_swap('my_service')">
My Legal Services
</li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
</div>
<!-- ENDS-LEGAL-SERVICE-TAB -->
<!-- STARTS-LEGAL-SERVICE-TAB-CONTENT -->
<div class="lw_service_content">
<!-- STARTS-TAB1-CONTENT -->
<div class="lw_service_tabs" [hidden]="tab != 'service_request'">
<div class="container">
<div class="col-lg-12">
<ul>
<li>
<div class="lw_request_service">
<div class="col-lg-10 right_brdr3 pl0">
<div class="lw_service_details">
<img src="assets/img/ask_lawyer_pic1.png">
<div class="lw_service_name floatLeft">
<h3>Sophia Boutella</h3>
<h4>
Legal Service name
<span>:</span>
Criminal
</h4>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-2 pr0">
<div class="lw_service_btn">
<button routerLink="../legal-service-details">
View details
</button>
</div>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<div class="lw_request_service">
<div class="col-lg-10 right_brdr3 pl0">
<div class="lw_service_details">
<img src="assets/img/ask_lawyer_pic1.png">
<div class="lw_service_name floatLeft">
<h3>Sophia Boutella</h3>
<h4>
Legal Service name
<span>:</span>
Criminal
</h4>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-2 pr0">
<div class="lw_service_btn">
<button routerLink="../legal-service-details">
View details
</button>
</div>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<div class="lw_request_service">
<div class="col-lg-10 right_brdr3 pl0">
<div class="lw_service_details">
<img src="assets/img/ask_lawyer_pic1.png">
<div class="lw_service_name floatLeft">
<h3>Sophia Boutella</h3>
<h4>
Legal Service name
<span>:</span>
Criminal
</h4>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-2 pr0">
<div class="lw_service_btn">
<button routerLink="../legal-service-details">
View details
</button>
</div>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<div class="lw_request_service">
<div class="col-lg-10 right_brdr3 pl0">
<div class="lw_service_details">
<img src="assets/img/ask_lawyer_pic1.png">
<div class="lw_service_name floatLeft">
<h3>Sophia Boutella</h3>
<h4>
Legal Service name
<span>:</span>
Criminal
</h4>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-2 pr0">
<div class="lw_service_btn">
<button routerLink="../legal-service-details">
View details
</button>
</div>
</div>
<div class="clear"></div>
</div>
</li>
<li>
<div class="lw_request_service">
<div class="col-lg-10 right_brdr3 pl0">
<div class="lw_service_details">
<img src="assets/img/ask_lawyer_pic1.png">
<div class="lw_service_name floatLeft">
<h3>Sophia Boutella</h3>
<h4>
Legal Service name
<span>:</span>
Criminal
</h4>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-2 pr0">
<div class="lw_service_btn">
<button routerLink="../legal-service-details">
View details
</button>
</div>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ENDS-TAB1-CONTENT -->
<!-- STARTS-TAB1-CONTENT -->
<div class="lw_service_tabs" [hidden]="tab != 'my_service'">
<div class="container">
<div class="col-lg-12">
<div class="lw_my_service_tab_cabin">
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_my_service_tab">
<div class="lw_my_leagal_head">
Cheque Bounce
</div>
<div class="lw_my_leagal_body">
<p class="al_service_scroll">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.
</p>
<p>Starting from <span>₹1499</span></p>
<div class="lw_my_leagal_foot">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow">
Details
</button>
</div>
<div class="lw_my_leagal_btns">
<button type="button" class="lw_my_leagal_edit floatLeft">
Edit Service
</button>
<button type="button" class="lw_my_leagal_delete floatLeft">
Delete Service
</button>
<button type="button" class="lw_my_leagal_un floatLeft">
Unpublish
</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_my_service_tab">
<div class="lw_my_leagal_head">
Cheque Bounce
</div>
<div class="lw_my_leagal_body">
<p class="al_service_scroll">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.
</p>
<p>Starting from <span>₹1499</span></p>
<div class="lw_my_leagal_foot">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow">
Details
</button>
</div>
<div class="lw_my_leagal_btns">
<button type="button" class="lw_my_leagal_edit floatLeft">
Edit Service
</button>
<button type="button" class="lw_my_leagal_delete floatLeft">
Delete Service
</button>
<button type="button" class="lw_my_leagal_pub floatLeft">
Publish
</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_my_service_tab">
<div class="lw_my_leagal_head">
Cheque Bounce
</div>
<div class="lw_my_leagal_body">
<p class="al_service_scroll">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.Lorem Ipsum has been the industry.Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.
</p>
<p>Starting from <span>₹1499</span></p>
<div class="lw_my_leagal_foot">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow">
Details
</button>
</div>
<div class="lw_my_leagal_btns">
<button type="button" class="lw_my_leagal_edit floatLeft">
Edit Service
</button>
<button type="button" class="lw_my_leagal_delete floatLeft">
Delete Service
</button>
<button type="button" class="lw_my_leagal_un floatLeft">
Unpublish
</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_my_service_tab">
<div class="lw_my_leagal_head">
Cheque Bounce
</div>
<div class="lw_my_leagal_body">
<p class="al_service_scroll">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.
</p>
<p>Starting from <span>₹1499</span></p>
<div class="lw_my_leagal_foot">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow">
Details
</button>
</div>
<div class="lw_my_leagal_btns">
<button type="button" class="lw_my_leagal_edit floatLeft">
Edit Service
</button>
<button type="button" class="lw_my_leagal_delete floatLeft">
Delete Service
</button>
<button type="button" class="lw_my_leagal_pub floatLeft">
Publish
</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-4 pr5">
<div class="lw_my_service_tab">
<div class="lw_my_leagal_head">
Cheque Bounce
</div>
<div class="lw_my_leagal_body">
<p class="al_service_scroll">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry. Lorem Ipsum has been the industry.
</p>
<p>Starting from <span>₹1499</span></p>
<div class="lw_my_leagal_foot">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow">
Details
</button>
</div>
<div class="lw_my_leagal_btns">
<button type="button" class="lw_my_leagal_edit floatLeft">
Edit Service
</button>
<button type="button" class="lw_my_leagal_delete floatLeft">
Delete Service
</button>
<button type="button" class="lw_my_leagal_un floatLeft">
Unpublish
</button>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-TAB1-CONTENT -->
</div>
</div>
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();
});
});
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;
}
}
This source diff could not be displayed because it is too large. You can view the blob instead.
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();
});
});
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;
};
}
<!-- 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 -->
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();
});
});
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() {
}
}
<!-- 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 -->
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();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'setupbanner',
templateUrl: './setupbanner.component.html',
styleUrls: ['./setupbanner.component.css']
})
export class SetupbannerComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
.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
<style>
.al_login_modal_wrapper {max-width: 100% !important;margin:0px !important;height: 100vh !important;}
</style>
<!-- MAIN-NAV-BAR-START -->
<nav class="al_navbar al_inside_navbar" [ngClass]= "{'al_shrink_navbar': isScrolled}">
<div class="container">
<div class="">
<!-- NAV-TOGGLE-BUTTON -->
<button type="button" class="navbar-toggle collapsed" (click)="isCollapsed = !isCollapsed" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- ENDS-NAV-TOGGLE-BUTTON -->
<!-- NAV-LOGO -->
<div class="al_nav_logo floatLeft" (click)="goToPage('user/home')">
<img src="assets/img/al_logo_inner.png">
</div>
<!-- ENDS-NAV-LOGO -->
<!-- MENU-COLLAPSE -->
<div class="collapse navbar-collapse" [collapse]=isCollapsed>
<!-- LOGIN-MENU -->
<div class="al_nav_menu_log_bay floatRight">
<ul>
<li><a class="al_nav_login_btn" (click)="signin.show()">Login</a></li>
<li><a class="al_nav_signup_btn" (click)="signup.show()">Signup</a></li>
</ul>
</div>
<!--
<div class="al_nav_menu_log_bay al_nav_account_bay floatRight">
<ul>
<li>
<div class="al_nav_account">
<div class="al_nav_account_name floatLeft">
Jenifer Lopez
</div>
<div class="al_nav_account_pic floatLeft">
<img src="assets/img/al_avatar_girl1.png">
</div>
<div class="dropdown floatLeft">
<div class="al_nav_account_more dropdown-toggle" data-toggle="dropdown">
</div>
<ul class="dropdown-menu">
<li>
<div class="lw_drp_check">
My Profile
</div>
</li>
<li>
<div class="lw_drp_check">
My Questions
</div>
</li>
<li (click)="goToPage('user/changepassword')">
<div class="lw_drp_check">
Change Password
</div>
</li>
</ul>
</div>
<div class="clear"></div>
</div>
</li>
</ul>
</div>-->
<!-- ENDS-LOGIN-MENU -->
<!-- NAV-MENU -->
<div class="al_nav_menu floatRight">
<ul>
<li class=""><a (click)="goToPage('lawyer/my-appointments')" >Appointments</a></li>
<li class=""><a (click)="goToPage('lawyer/legal-service')" >Legal Services</a></li>
<li class="" ><a (click)="goToPage('lawyer/appointment-details')">Make Appointments</a></li>
<li><a (click)="goToPage('lawyer/contact-us')">Contact us</a></li>
<li><a (click)="goToPage('lawyer/about-us')">About us</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- ENDS-NAV-MENU -->
</div>
<!-- ENDS-MENU-COLLPSE -->
</div>
</div>
</nav>
<!-- END-MAIN-NAV-BAR -->
<!-- LOGIN-MODAL -->
<div class="modal fade" bsModal #signin="bs-modal" [config]="{backdrop: 'static'}"
tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="al_login_modal_wrapper modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close pull-right" aria-label="Close" (click)="signin.hide()">
<span aria-hidden="true">&times;</span>
</button>
<div class="container ">
<div class="al_login_modal_inner" style="margin:13% auto !important;">
<div class="row">
<div class="col-md-6">
<div class="al_login_modal_section borderNone al_login_modal_left">
<img src="assets/img/al_logo_login.png">
<h1>Join our Legal Network</h1>
<h4>& Become a prefrerred Lawyer today!</h4>
<p>New Lawyer ?<strong (click)="signup.show();signin.hide()">Create Account Here</strong></p>
</div>
</div>
<div class="col-md-6">
<div class="al_login_modal_section">
<div class="al_login_modal_form_body">
<h3>LOGIN</h3>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Username">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Password">
</div>
<div class="al_modal_btn_container">
<button class="al_modal_btn">
LOGIN
</button>
</div>
<p class="textCenter">Forgot Password?</p>
<div class="al_social_bay">
<ul>
<li>
<img src="assets/img/al_twitter.png">
</li>
<li>
<img src="assets/img/al_google.png">
</li>
<li>
<img src="assets/img/al_fb.png">
</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-LOGIN-MODAL -->
<!-- SIGNUP-MODAL -->
<div class="modal fade" bsModal #signup="bs-modal" [config]="{backdrop: 'static'}"
tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="al_login_modal_wrapper modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close pull-right" aria-label="Close" (click)="signup.hide()">
<span aria-hidden="true">&times;</span>
</button>
<div class="container ">
<div class="al_login_modal_inner">
<div class="row">
<div class="col-md-6">
<div class="al_login_modal_section borderNone al_login_modal_left">
<img src="assets/img/al_logo_login.png">
<h1>Join our Legal Network</h1>
<h4>& Become a prefrerred Lawyer today!</h4>
<p>Existing Lawyer ?<strong (click)="signin.show();signup.hide()">Login Here</strong></p>
</div>
</div>
<div class="col-md-6">
<div class="al_login_modal_section">
<div class="al_login_modal_form_body">
<h3>SIGNUP</h3>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Name">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Email">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Mobile Number">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Password">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Confirm Password">
</div>
<div class="al_modal_input_container">
<input class="al_sign_check" id="styled-checkbox-1" type="checkbox" value="value1">
<label for="styled-checkbox-1">I agree to Ask Lawyer term of use</label>
</div>
<div class="al_modal_btn_container">
<button class="al_modal_btn"
(click)= "signup.hide();goToPage('lawyer/lawyer-setup1')">
CREATE ACCOUNT
</button>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-SIGNUP-MODAL -->
\ No newline at end of file
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();
});
});
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'lawyernavbar',
templateUrl: './lawyernavbar.component.html',
styleUrls: ['./lawyernavbar.component.css'],
host: {
'(window:scroll)': 'onScroll($event)'
}
})
export class LawyernavbarComponent 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;
}
}
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { BrowserModule } from '@angular/platform-browser';
import { LawyernavbarComponent } from './lawyernavbar.component';
import { CollapseModule } from 'ngx-bootstrap';
import { ModalModule } from 'ngx-bootstrap';
@NgModule({
imports: [
BrowserModule,
CommonModule,
CollapseModule.forRoot(),
ModalModule.forRoot()
],
declarations: [LawyernavbarComponent],
exports: [LawyernavbarComponent]
})
export class LawyernavbarModule { }
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- LAWYER-DETAIL-VIEW-PAGE -->
<div class="window_min_height al_nav_adjust_margin">
<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 flip">
<div class="lw_about_pic">
<img src="assets/img/ask_about_pic.png">
</div>
</div>
<div class="col-lg-6 col-md-6 flip">
<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>
</div>
</div>
</div>
<!-- ENDS-LAWYER-DETAIL-VIEW-PAGE -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
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();
});
});
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() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALAX-TOP -->
<section class="module parallax parallax-3 heightFull">
<div class="al_legal_parallax_top">
<div class="container">
<img src="assets/img/al_legal_advice.png">
<p>Free Cheque Bounce Legal Advice from Top Lawyers</p>
</div>
</div>
</section>
<!-- ENDS-PARALAX-TOP -->
<!-- STARTS-FILTER-BAY -->
<div class="al_filter_bay">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12 flip">
<select class="noneappearance">
<option>All</option>
</select>
</div>
<div class="col-md-6 col-xs-12 flip">
<input type="text" placeholder="Search Answers">
</div>
</div>
</div>
</div>
<!-- ENDS-FILTER-BAY -->
<!-- STARTS-QUESTION-ANSWER-DIV -->
<div class="al_questions">
<div class="container">
<ul>
<li class="pb0">
<div class="row">
<div class="col-md-12">
<h3>Mutual divorce filing under 13B. How soon can it be filed?</h3>
<p>Due to irreconcilable breakdown of marriage my brother and and his wife want to file joint petition for mutual divorce under 13B in Lucknow. They are living separately for 1.5 years . If both parties are ready How soon can the petition and other required papers be prepared and first filing take place in Lucknow? </p>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="al_answer">
<div class="container">
<ul>
<li>
<div class="al_answer_serial floatLeft">
A
</div>
<div class="al_answer_div floatLeft">
<p>If both the parties i.e. the Husband and Wife are ready, and the documents are ready then the petition can be preapred in a day and the same can be filed on the very next day ... Subject to the availability of both the parties and the Presiding Officer at the Family Court. </p>
<div class="al_answer_lawyer_pic floatLeft">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="al_answer_lawyer_detail floatLeft">
<h5>Adv Maria Lother</h5>
<p>5th New Avon Avenue</p>
<div class="al_consult_now_btn" routerLink="../detail">
<button class="">Consult now</button>
</div>
</div>
</div>
<div class="clear"></div>
</li>
<li>
<div class="al_answer_serial floatLeft">
B
</div>
<div class="al_answer_div floatLeft">
<p>If both the parties i.e. the Husband and Wife are ready, and the documents are ready then the petition can be preapred in a day and the same can be filed on the very next day ... Subject to the availability of both the parties and the Presiding Officer at the Family Court. </p>
<div class="al_answer_lawyer_pic floatLeft">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="al_answer_lawyer_detail floatLeft">
<h5>Adv Maria Lother</h5>
<p>5th New Avon Avenue</p>
<div class="al_consult_now_btn" routerLink="../detail">
<button class="">Consult now</button>
</div>
</div>
</div>
<div class="clear"></div>
</li>
</ul>
</div>
</div>
<!-- ENDS-QUESTION-ANSWER-DIV -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AnswersComponent } from './answers.component';
describe('AnswersComponent', () => {
let component: AnswersComponent;
let fixture: ComponentFixture<AnswersComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ AnswersComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AnswersComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-answers',
templateUrl: './answers.component.html',
styleUrls: ['./answers.component.css']
})
export class AnswersComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-ASK-QUES-PAGE -->
<div class="lawyer_pages">
<div class="al_abouts lw_set_head">
<div class="al_about_head"></div>
<h3>Ask a free Question</h3>
<hr>
</div>
<div class="container">
<br>
<br>
<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_inputs">
<div class="lw_set_row relative">
<label>Area of law</label>
<input type="text" placeholder="Select Area of law">
</div>
<div class="lw_set_row">
<label>City</label>
<input type="text" placeholder="Select City">
</div>
<div class="lw_set_row">
<label>Subject</label>
<input type="text" placeholder="Subject">
</div>
<div class="lw_set_row">
<label>Question</label>
<textarea placeholder="Your Question Here"></textarea>
</div>
<div class="al_sub_head">
<h3>Your Contact Details</h3>
<hr>
</div>
<div class="lw_set_row">
<label>Name</label>
<input type="text" placeholder="Name">
</div>
<div class="lw_set_row">
<label>Phone</label>
<input type="text" placeholder="Phone">
</div>
<div class="lw_set_row">
<label>Email</label>
<input type="text" placeholder="Email">
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- ENDS-ASK-QUES-PAGE -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { AskquestionComponent } from './askquestion.component';
describe('AskquestionComponent', () => {
let component: AskquestionComponent;
let fixture: ComponentFixture<AskquestionComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ AskquestionComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(AskquestionComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-askquestion',
templateUrl: './askquestion.component.html',
styleUrls: ['./askquestion.component.css']
})
export class AskquestionComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALLAX-BANNER -->
<app-parallax-banner></app-parallax-banner>
<!-- ENDS-PARALLAX-BANNER -->
<div class="window_min_height">
<!-- LAWYER-DETAIL-VIEW-PAGE -->
<div class="lawyer_pages">
<div class="lw_contact_head lw_set_head">
<h3>Change Password</h3>
<hr>
</div>
<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_inputs">
<div class="lw_set_row relative">
<label>Current Password</label>
<input type="text" placeholder="Current Password">
</div>
<div class="lw_set_row">
<label>New Password</label>
<input type="text" placeholder="New Password">
</div>
<div class="lw_set_row">
<label>Confirm New Password</label>
<input type="text" placeholder="Confirm New Password">
</div>
</div>
<div class="textCenter">
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- ENDS-LAWYER-DETAIL-VIEW-PAGE -->
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ChangepasswordComponent } from './changepassword.component';
describe('ChangepasswordComponent', () => {
let component: ChangepasswordComponent;
let fixture: ComponentFixture<ChangepasswordComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ChangepasswordComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ChangepasswordComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-changepassword',
templateUrl: './changepassword.component.html',
styleUrls: ['./changepassword.component.css']
})
export class ChangepasswordComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<div class="window_min_height al_nav_adjust_margin">
<!-- LAWYER-DETAIL-VIEW-PAGE -->
<div class="lawyer_pages">
<div class="lw_contact_head lw_set_head">
<h3>Contact Us</h3>
<hr>
</div>
<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_inputs">
<div class="lw_set_row relative">
<label>Name</label>
<input type="text" placeholder="Name">
</div>
<div class="lw_set_row">
<label>Phone number</label>
<input type="text" placeholder="Phone Number">
</div>
<div class="lw_set_row">
<label>Message</label>
<textarea placeholder="Your Message Type Here"></textarea>
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
<!-- <page-not-found>
</page-not-found> -->
<!-- ENDS-LAWYER-DETAIL-VIEW-PAGE -->
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
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();
});
});
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() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<div class="window_min_height al_nav_adjust_margin">
<div class="al_profile_detail">
<div class="al_profile_detail_banner">
<h3>PERSONEL DETAILS</h3>
<hr>
<div class="al_profile_edit_circle">
<div class="al_profile_edit_circle_edit_btn"></div>
</div>
</div>
<div class="al_profile_detail_content">
<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_inputs">
<div class="lw_set_row">
<label>First Name</label>
<input type="text" placeholder="First Name">
</div>
<div class="lw_set_row">
<label>Last Name</label>
<input type="text" placeholder="Last Name">
</div>
<div class="lw_set_row">
<label>Date of Birth</label>
</div>
<div class="lw_set_row">
<div class="lw_prof_radio floatLeft">
<input id="male" type="radio" name="gender" value="male" checked="checked">
<label for="male">Male</label>
<input id="female" type="radio" name="gender" value="female">
<label for="female">Female</label>
</div>
<div class="clear"></div>
</div>
<div class="lw_set_row">
<label>City</label>
<input type="text" placeholder="City">
</div>
<div class="lw_set_row">
<label>Residential Address</label>
<input class="lw_set_loc" type="text" placeholder="Residential 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>Mobile Number</label>
<input type="text" placeholder="Mobile Number">
</div>
<div class="lw_set_row">
<label>Email Address</label>
<input type="text" placeholder="Email Address">
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Submit
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
</div>
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { EditprofileComponent } from './editprofile.component';
describe('EditprofileComponent', () => {
let component: EditprofileComponent;
let fixture: ComponentFixture<EditprofileComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ EditprofileComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(EditprofileComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-editprofile',
templateUrl: './editprofile.component.html',
styleUrls: ['./editprofile.component.css']
})
export class EditprofileComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<style>
.al_login_modal_wrapper {max-width: 100% !important;margin:0px !important;height: 100vh !important;}
</style>
<!-- MAIN-NAV-BAR-START -->
<nav class="al_navbar">
<div class="container">
<div class="">
<!-- NAV-TOGGLE-BUTTON -->
<button type="button" class="navbar-toggle collapsed" (click)="isCollapsed = !isCollapsed" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<!-- ENDS-NAV-TOGGLE-BUTTON -->
<!-- NAV-LOGO -->
<div class="al_nav_logo floatLeft">
<img src="assets/img/al_logo.png">
</div>
<!-- ENDS-NAV-LOGO -->
<!-- MENU-COLLAPSE -->
<div class="collapse navbar-collapse" [collapse]=isCollapsed>
<!-- LOGIN-MENU -->
<div class="al_nav_menu_log_bay floatRight">
<ul>
<li><a class="al_nav_login_btn" (click)="signin.show()">Login</a></li>
<li><a class="al_nav_signup_btn" (click)="signup.show()">Signup</a></li>
</ul>
</div>
<!-- ENDS-LOGIN-MENU -->
<!-- NAV-MENU -->
<div class="al_nav_menu floatRight">
<ul>
<li class="al_nav_drop"><a href="#">Find Lawyer</a></li>
<li class="al_nav_drop"><a routerLink="../legal-advice">Legal Advices</a></li>
<li class="al_nav_drop" ><a routerLink="../legal-service">Legal Services</a></li>
<li><a routerLink="../contact-us">Contact us</a></li>
<li><a routerLink="../about-us">About us</a></li>
</ul>
</div>
<div class="clear"></div>
<!-- ENDS-NAV-MENU -->
</div>
<!-- ENDS-MENU-COLLPSE -->
</div>
</div>
</nav>
<!-- END-MAIN-NAV-BAR -->
<!-- LOGIN-MODAL -->
<div class="modal fade" bsModal #signin="bs-modal" [config]="{backdrop: 'static'}"
tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="al_login_modal_wrapper modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close pull-right" aria-label="Close" (click)="signin.hide()">
<span aria-hidden="true">&times;</span>
</button>
<div class="container ">
<div class="al_login_modal_inner" style="margin:13% auto !important;">
<div class="row">
<div class="col-md-6">
<div class="al_login_modal_section borderNone al_login_modal_left">
<img src="assets/img/al_logo_login.png">
<h1>Join our Legal Network</h1>
<h4>& Feel free to contact your lawyer !</h4>
<p>New User ?<strong (click)="signup.show();signin.hide()" data-dismiss="modal">Create Account Here</strong></p>
</div>
</div>
<div class="col-md-6">
<div class="al_login_modal_section">
<div class="al_login_modal_form_body">
<h3>LOGIN</h3>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Username">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Password">
</div>
<div class="al_modal_btn_container"
routerLink="../search-result">
<button class="al_modal_btn">
LOGIN
</button>
</div>
<p class="textCenter"
data-toggle="modal" data-target="#forgotPassword">Forgot Password?</p>
<div class="al_social_bay">
<ul>
<li>
<img src="assets/img/al_twitter.png">
</li>
<li>
<img src="assets/img/al_google.png">
</li>
<li>
<img src="assets/img/al_fb.png">
</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-LOGIN-MODAL -->
<!-- SIGNUP-MODAL -->
<div class="modal fade" bsModal #signup="bs-modal" [config]="{backdrop: 'static'}"
tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true">
<div class="al_login_modal_wrapper modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close pull-right" aria-label="Close" (click)="signup.hide()">
<span aria-hidden="true">&times;</span>
</button>
<div class="container ">
<div class="al_login_modal_inner">
<div class="row">
<div class="col-md-6">
<div class="al_login_modal_section borderNone al_login_modal_left">
<img src="assets/img/al_logo_login.png">
<h1>Join our Legal Network</h1>
<h4>& Feel free to contact your lawyer !</h4>
<p>Existing User ?<strong (click)="signin.show();signup.hide()">Login Here</strong></p>
</div>
</div>
<div class="col-md-6">
<div class="al_login_modal_section">
<div class="al_login_modal_form_body">
<h3>SIGNUP</h3>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Name">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Email">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Mobile Number">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Password">
</div>
<div class="al_modal_input_container">
<input class="al_modal_input" placeholder="Confirm Password">
</div>
<div class="al_modal_input_container">
<input class="al_sign_check" id="styled-checkbox-1" type="checkbox" value="value1">
<label for="styled-checkbox-1">I agree to Ask Lawyer term of use</label>
</div>
<div class="al_modal_btn_container">
<button class="al_modal_btn"
(click)="signup.hide();signin.show()">
CREATE ACCOUNT
</button>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-SIGNUP-MODAL -->
<div id="content-wrapper">
<div class="section welcome-section fp-section fp-table background1 al_home_wrapper">
<section class="module parallax parallax-1 heightFull">
<div class="fp-tableCell heightFull relative">
<div class="container">
<div class="al_home_inner_container">
<div class="al_home_search_bar">
<input class="al_home_search_input" placeholder="Search here" >
<button class="al_home_sarch_btn" routerLink="../search-result"></button>
</div>
<h1>Free Legal Advice From Top Lawyers</h1>
<p>We connect consumers and lawyers across<br>
the City</p>
<div class="al_home_screen_btn_bay">
<div class="al_home_btn1" routerLink="../askquestion">
<button class="">Ask a free Question</button>
</div>
<div class="al_home_btn2" (click)="goToPage('lawyer/home')">
<button class="">Are you a Lawyer?</button>
</div>
</div>
<h5>USE THIS PROMO CODE TO GET 10% DISCOUNT<strong>ASK10</strong></h5>
</div>
</div>
<div class="al_home_bottom_btn_bay">
<button class="al_home_down_button hvr-grow"></button>
</div>
</div>
</section>
</div>
</div>
<!-- MODAL FOR FORGOT PASSWORD START -->
<div class="modal fade" id="forgotPassword" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<div class="mod_verify_body textCenter">
<img src="assets/img/modal_forgot_password.png" class="mod_verify_img">
<div class="mod_verify_head">
<h4>Forgot Password?</h4>
<p>
Enter your email ID or Phone number
</p>
</div>
<div class="mod_verify_input">
<input type="text" placeholder="Email ID" value="">
</div>
<div class="mod_verify_phone">
<h4> -Or- </h4>
</div>
<div class="mod_verify_input_row">
<div class="mod_verify_input floatLeft">
<select class="phone_code floatLeft">
<option value="+91">+91</option>
</select>
<input class="phone_number floatRight" type="text" placeholder="Phone Number" value="">
</div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="modal-footer textCenter">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow" data-dismiss="modal" data-toggle="modal" data-target="#otpVerification">
verify
</button>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL FOR FORGOT PASSWORD END -->
<!-- MODAL FOR OTP VERIFICATION START -->
<div class="modal fade" id="otpVerification" role="dialog">
<div class="modal-dialog">
<div class="modal-content">
<!-- <div class="modal-header">
</div> -->
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<div class="mod_verify_body textCenter">
<img src="assets/img/modal_verify.png" class="mod_verify_img">
<div class="mod_verify_head">
<h4>Verify</h4>
<p>
Enter the OTP which you will receive shortly via sms in your <br>contact number
</p>
</div>
<div class="mod_verify_phone">
<h4>+91 9562498546</h4>
<span></span>
</div>
<div class="mod_verify_input">
<input class="textCenter" type="text" value="000000">
</div>
</div>
</div>
<div class="modal-footer textCenter">
<div class="mod_btn1 btn_clr_yellow">
<button type="button" class="mod_sub btn_clr_yellow" data-dismiss="modal">
verify
</button>
</div>
<button type="button" class="mod_resend">Resend</button>
</div>
</div>
</div>
</div>
<!-- MODAL FOR OTP VERIFICATION END -->
\ No newline at end of file
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();
});
});
import { Component, OnInit } from '@angular/core';
import { Router } from '@angular/router';
@Component({
selector: 'app-home-content',
templateUrl: './home-content.component.html',
styleUrls: ['./home-content.component.css']
})
export class HomeContentComponent implements OnInit {
constructor(private router: Router) { }
isCollapsed = true;
ngOnInit() {
}
goToPage(path){
this.router.navigateByUrl(path);
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<router-outlet>
</router-outlet>
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { HomeIndexComponent } from './home-index.component';
describe('HomeIndexComponent', () => {
let component: HomeIndexComponent;
let fixture: ComponentFixture<HomeIndexComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ HomeIndexComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(HomeIndexComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component,OnInit } from '@angular/core';
@Component({
selector: 'app-home-index',
templateUrl: './home-index.component.html',
styleUrls: ['./home-index.component.css']
})
export class HomeIndexComponent implements OnInit {
constructor() {
}
ngOnInit() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PROFILE-BANNER -->
<app-lawyer-profile></app-lawyer-profile>
<!-- ENDSS-PROFILE-BANNER -->
<!-- LAWYER-BOOKING-PAGE -->
<div class="lawyer_pages">
<div class="container">
<div class="col-lg-12">
<div class="lw_view_lwhead">
<h3>Meeting consultation</h3>
<p class="lw_book_time">with Adv. Jessica Alba</p>
</div>
<div class="col-lg-7 p0">
<div class="lw_appoint_dt">
<div class="lw_appoint_details">
<h3>Appointment Details</h3>
<h5 class="lw_appoint_subhed">Choose booking date & time</h5>
</div>
<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 class="clear"></div>
</div>
</div>
<div class="lw_appoint_query">
<h5 class="lw_appoint_subhed">Your Query</h5>
<textarea placeholder="Add details of your requirements"></textarea>
</div>
<div class="lw_appoint_no">
<h5 class="lw_appoint_subhed">Contact Number</h5>
<input type="text" placeholder="Contact number">
</div>
<div class="lw_appoint_map">
<h5 class="lw_appoint_subhed">Choose Location</h5>
<div class="lw_appoint_map_body">
<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 class="lw_appoint_pay">
<h3>Payment Details</h3>
<div class="lw_appoint_pay_det">
<p class="floatLeft textLeft">
Consultation from
</p>
<p class="floatRight textLeftt">₹ 2500</p>
<div class="clear"></div>
</div>
<div class="lw_appoint_pay_det">
<p class="floatLeft textLeft">
<strong>Total</strong>
</p>
<p class="floatRight textLeft"><strong>₹ 2500</strong></p>
<div class="clear"></div>
</div>
<div class="lw_appoint_pay_det">
<p class="floatLeft textLeft">
Have a Promo Code?
</p>
<span class="floatLeft" data-toggle="modal" data-target="#applyPromocode">Apply</span>
<div class="clear"></div>
</div>
</div>
<div class="lw_detail_btn">
<div class="lw_btn_cab2 floatLeft" routerLink="../payment" (click)="scrollTop()">
<button type="button" class="lw_btn1">
Pay Now
</button>
</div>
<div class="lw_btn_cab2 floatLeft" routerLink="../payment" (click)="scrollTop()">
<button type="button" class="lw_btn1">
By cash
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-LAWYER-BOOKING-VIEW-PAGE -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
<!-- MODAL FOR APPLY PROMOCODE START -->
<div class="modal fade apply_promocode" id="applyPromocode" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h3>APPLY PROMOCODE</h3>
</div>
<div class="modal-body">
<div class="mod_apply_promo">
<div class="mod_promo_input">
<input type="text" placeholder="Code here">
<button type="button" class="mod_apply_btn" data-dismiss="modal">APPLY</button>
</div>
<div class="mod_promo_type">
<h3>PROMOCODE AVAILABLE</h3>
<div class="promo_check_row">
<div class="promo_check_label">
<input id="chk0" type="checkbox">
<label for="chk0" class="checkbox-inline">
ASK20
</label>
<p>Apply this code to get 20% instant discount</p>
</div>
<div class="clear"></div>
</div>
<div class="promo_check_row">
<div class="promo_check_label">
<input id="chk1" type="checkbox">
<label for="chk1" class="checkbox-inline">
ASK30
</label>
<p>Apply this code to get 30% discount</p>
</div>
<div class="clear"></div>
</div>
<div class="promo_check_row">
<div class="promo_check_label">
<input id="chk2" type="checkbox">
<label for="chk2" class="checkbox-inline">
CASHBACK10
</label>
<p>Apply this code to get 10% cash back</p>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL FOR APPLY PROMOCODE END -->
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LawyerBookingComponent } from './lawyer-booking.component';
describe('LawyerBookingComponent', () => {
let component: LawyerBookingComponent;
let fixture: ComponentFixture<LawyerBookingComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LawyerBookingComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LawyerBookingComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-lawyer-booking',
templateUrl: './lawyer-booking.component.html',
styleUrls: ['./lawyer-booking.component.css']
})
export class LawyerBookingComponent implements OnInit {
constructor() { }
ngOnInit() {
}
scrollTop()
{
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PROFILE-BANNER -->
<app-lawyer-profile></app-lawyer-profile>
<!-- ENDSS-PROFILE-BANNER -->
<!-- LAWYER-DETAIL-VIEW-PAGE -->
<div class="lawyer_pages">
<div class="container">
<div class="col-lg-12">
<div class="lw_adv_descript">
<h3>About the lawyer</h3>
<ul class="lw_adv_descript_list">
<li>
Advocate S Mubarak Begum has been practicing and handling cases independently with a result oriented approach, both professionally and ethically and has now acquired many years of professional experience in providing legal consultancy and advisory services.
</li>
<li>
dvocate Mubarak provides services in various field of civil laws, criminal laws, family law, labour and service matters, muslim law cases, property related matters, banking/finance matters, Corporate cases and drafting and vetting of various agreements and documents.
</li>
<li>
Advocate Mubarak enrolled with the Bar Council of Karnataka in 2009. She is a member of the Karnataka Bar Association.
</li>
<div class="clear"></div>
</ul>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-12">
<div class="lw_adv_areas">
<div class="col-lg-3 col-md-3">
<div class="lw_adv_practice">
<h3 class="lw_adv_area_head1">
<span>Practice Areas</span>
</h3>
<ul>
<li>Criminal</li>
<li>Documentation</li>
<li>Family</li>
<li>Labour & Service</li>
<li>Property</li>
<li>Recovery</li>
<li>Corporate</li>
<li>Muslim Law</li>
<li>Civil</li>
<li>Banking / Finance</li>
</ul>
</div>
</div>
<div class="col-lg-5 col-md-5 right_brdr2">
<div class="lw_adv_practice">
<h3 class="lw_adv_area_head2">
<span>Practice Areas</span>
</h3>
<ul>
<li>Central Administrative Tribunal (CAT) Bangalore</li>
<li>City Civil Court, Bangalore</li>
<li>Debts Recovery Tribunal (DRT) Bangalore</li>
<li>District Court, Gauribidanur</li>
<li>Family Court, Bangalore</li>
<li>Karnataka High Court</li>
<li>Karnataka State Consumer Dispute Redressal Commission, Bangalore</li>
<li>Trial Courts, Bangalore</li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 right_brdr2">
<div class="lw_adv_practice">
<h3 class="lw_adv_area_head3">
<span>Availability</span>
</h3>
<ul class="lw_adv_avail">
<li>MON 07:00 PM - 09:00 PM</li>
<li>TUE 07:00 PM - 09:00 PM</li>
<li>WED 07:00 PM - 09:00 PM</li>
<li>THU 07:00 PM - 09:00 PM</li>
<li>FRI 07:00 PM - 09:00 PM</li>
<li>SAT 07:00 PM - 09:00 PM</li>
<li class="lw_not_avail">SUN NOT AVAILABLE</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="col-lg-12">
<div class="lw_adv_consult">
<div class="lw_adv_book">
<h4>Book Consultation With <span>Adv. Jessica Alba</span></h4>
</div>
<div class="lw_adv_book_list">
<ul>
<li routerLink="../booking" (click)="scrollTop()">
<div class="lw_adv_book_type floatLeft">
<h4>Consult</h4>
<p class="lw_book_time">30min voice call consult</p>
</div>
<div class="lw_adv_book_price floatLeft">
<p class="lw_book_time">
Consultation from
<b>₹ 5000</b>
</p>
<p class="lw_book_time">
<strong>Offer Price</strong>
<span>₹ 2500</span>
</p>
</div>
<div class="lw_adv_book_btn floatLeft">
<div class="lw_btn_cab2">
<button type="button" class="lw_btn1"
>
Customer Review
</button>
</div>
</div>
<div clas="clear"></div>
</li>
<li routerLink="../booking">
<div class="lw_adv_book_type floatLeft">
<h4>Consult later</h4>
<p class="lw_book_time">30min video call consult</p>
</div>
<div class="lw_adv_book_price floatLeft">
<p class="lw_book_time">
Consultation from
<b>₹ 5000</b>
</p>
<p class="lw_book_time">
<strong>Offer Price</strong>
<span>₹ 2500</span>
</p>
</div>
<div class="lw_adv_book_btn floatLeft">
<div class="lw_btn_cab2">
<button type="button" class="lw_btn1">
Customer Review
</button>
</div>
</div>
<div clas="clear"></div>
</li>
<li routerLink="../booking">
<div class="lw_adv_book_type floatLeft">
<h4>Consult meeting</h4>
<p class="lw_book_time">30min chat consult</p>
</div>
<div class="lw_adv_book_price floatLeft">
<p class="lw_book_time">
Consultation from
<b>₹ 5000</b>
</p>
<p class="lw_book_time">
<strong>Offer Price</strong>
<span>₹ 2500</span>
</p>
</div>
<div class="lw_adv_book_btn floatLeft">
<div class="lw_btn_cab2">
<button type="button" class="lw_btn1">
Customer Review
</button>
</div>
</div>
<div clas="clear"></div>
</li>
<div clas="clear"></div>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<!-- ENDS-LAWYER-DETAIL-VIEW-PAGE -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LawyerDetailComponent } from './lawyer-detail.component';
describe('LawyerDetailComponent', () => {
let component: LawyerDetailComponent;
let fixture: ComponentFixture<LawyerDetailComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LawyerDetailComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LawyerDetailComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-lawyer-detail',
templateUrl: './lawyer-detail.component.html',
styleUrls: ['./lawyer-detail.component.css']
})
export class LawyerDetailComponent implements OnInit {
constructor() { }
ngOnInit() {
}
scrollTop()
{
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALLAX-BANNER -->
<app-parallax-banner></app-parallax-banner>
<!-- ENDS-PARALLAX-BANNER -->
<!-- LAWYER-PAYMENT-PAGE -->
<div class="lawyer_pages window_min_height">
<div class="container">
<div class="col-lg-12">
<div class="col-lg-5 p0">
<div class="lw_payment_details">
<h3 class="">Payment Details</h3>
<div class="lw_pay_list">
<p class="floatLeft">Lawyer Name</p>
<span class="floatLeft">:</span>
<p class="floatLeft">Adv. Jessica Alba</p>
<div class="clear"></div>
</div>
<div class="lw_pay_list">
<p class="floatLeft">Appointment Date</p>
<span class="floatLeft">:</span>
<p class="floatLeft">25/05/2017</p>
<div class="clear"></div>
</div>
<div class="lw_pay_list">
<p class="floatLeft">Appointment Time</p>
<span class="floatLeft">:</span>
<p class="floatLeft">06:00 am</p>
<div class="clear"></div>
</div>
<div class="lw_pay_list">
<p class="floatLeft">Appointment Type</p>
<span class="floatLeft">:</span>
<p class="floatLeft">Video Consultation</p>
<div class="clear"></div>
</div>
<div class="lw_fee_promo">
<div class="lw_consult_fee">
<h4 class="floatLeft">Consultation fee</h4>
<span class="floatLeft">:</span>
<h4 class="floatLeft">₹ 2500</h4>
<div class="clear"></div>
</div>
<div class="lw_consult_fee">
<h4 class="floatLeft">Promocode Applied</h4>
<span class="floatLeft">:</span>
<h4 class="floatLeft">- ₹ 500</h4>
<div class="clear"></div>
</div>
</div>
<div class="lw_total_pay">
<div class="lw_consult_fee">
<h4 class="floatLeft">Total Fees</h4>
<span class="floatLeft">:</span>
<h4 class="floatLeft"> ₹ 1500</h4>
<div class="clear"></div>
</div>
</div>
<div class="lw_btn_cab2 floatLeft">
<button type="button" class="lw_btn1">
Pay Now
</button>
</div>
</div>
</div>
<div class="col-lg-7"></div>
</div>
</div>
</div>
<!-- ENFS-LAWYER-PAYMENT-PAGE -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LawyerPaymentComponent } from './lawyer-payment.component';
describe('LawyerPaymentComponent', () => {
let component: LawyerPaymentComponent;
let fixture: ComponentFixture<LawyerPaymentComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LawyerPaymentComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LawyerPaymentComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-lawyer-payment',
templateUrl: './lawyer-payment.component.html',
styleUrls: ['./lawyer-payment.component.css']
})
export class LawyerPaymentComponent implements OnInit {
constructor() { }
ngOnInit() {
}
scrollTop()
{
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALLAX-BANNER -->
<app-parallax-banner></app-parallax-banner>
<!-- ENDS-PARALLAX-BANNER -->
<!-- LAWYER-PROFILE-HEADER -->
<div class="lw_join_header">
<div class="container">
<div class="lw_adv_profile">
<div class="lw_adv_pic floatLeft">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="lw_adv_detail floatLeft">
<div class="lw_adv_name">
<h2>Adv. Jessica Alba</h2>
</div>
<div class="lw_adv_rate_row">
<div class="lw_adv_rating floatLeft">
3.5
</div>
<div class="lw_adv_rate_no floatLeft">
1272 <span>Ratings</span>
</div>
<div class="lw_btn_cab1 floatLeft">
<button type="button" class="lw_btn1"
data-toggle="modal" data-target="#rateReview">
Customer Review
</button>
</div>
<div class="clear"></div>
</div>
<div class="lw_adv_about_row">
<div class="lw_adv_about floatLeft right_brdr1 p0">
<div class="lw_adv_loc">
<p>
<span>
<img src="assets/img/ask_location.png">
</span>
8431 Rocky River Ave. Dallas
</p>
<p>
<span><img src="assets/img/ask_work.png"></span>
10 Yrs
</p>
</div>
</div>
<div class="lw_adv_about floatLeft right_brdr1">
<ul class="lw_adv_type">
<li>Cheque Bounce</li>
<li>Criminal</li>
<li>Consumer Court</li>
<li>Civil</li>
<li>Family</li>
<li>Civil</li>
<li>Family</li>
</ul>
</div>
<div class="lw_adv_about floatLeft">
<div class="lw_adv_lang">
<h4 class="floatLeft">Enrollment No.</h4>
<span class="floatLeft">:</span>
<p class="floatLeft">26265 2626 26</p>
<div class="clear"></div>
</div>
<div class="lw_adv_lang">
<h4 class="floatLeft">Languages</h4>
<span class="floatLeft">:</span>
<p class="floatLeft">English, Spanish, Italian</p>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
<!-- ENDS-LAWYER-PROFILE-HEADER -->
<!-- MODAL FOR RATE AND REVIEW START -->
<div class="modal fade rate_review" id="rateReview" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<h3>LEAVE FEEDBACK</h3>
</div>
<div class="modal-body">
<div class="mod_rate_body">
<div class="mod_verify_head">
<h3>Chat Completed.</h3>
<p>
Leave your feedback to improve his <br> service
</p>
</div>
</div>
</div>
<div class="modal-footer">
<div class="mod_btn1 btn_clr_yellow widthFull">
<button type="button" class="mod_sub btn_clr_yellow" data-dismiss="modal" data-toggle="modal" data-target="#customerRating">
Rate and Review
</button>
</div>
<div class="textCenter">
<button type="button" class="mod_resend">Later</button>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL FOR RATE AND REVIEW START -->
<!-- MODAL FOR CUSTOMER RATING START -->
<div class="modal fade" id="customerRating" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-body">
<button type="button" class="close" data-dismiss="modal">&times;</button>
<div class="mod_rate_body">
<div class="mod_verify_head">
<h4>Rate and Review</h4>
</div>
<div class="mod_rate_input">
<div class="stars">
<input class="star star-5" id="star-5" type="radio" name="star">
<label class="star star-5" for="star-5"></label>
<input class="star star-4" id="star-4" type="radio" name="star">
<label class="star star-4" for="star-4"></label>
<input class="star star-3" id="star-3" type="radio" name="star">
<label class="star star-3" for="star-3"></label>
<input class="star star-2" id="star-2" type="radio" name="star">
<label class="star star-2" for="star-2"></label>
<input class="star star-1" id="star-1" type="radio" name="star">
<label class="star star-1" for="star-1"></label>
</div>
</div>
<div class="mod_rate_input">
<textarea placeholder="Your Review Here"></textarea>
</div>
</div>
<div class="mod_btn1 btn_clr_yellow m0">
<button type="button" class="mod_sub btn_clr_yellow" data-dismiss="modal">
Submit
</button>
</div>
</div>
</div>
</div>
</div>
<!-- MODAL FOR CUSTOMER RATING START -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LawyerProfileComponent } from './lawyer-profile.component';
describe('LawyerProfileComponent', () => {
let component: LawyerProfileComponent;
let fixture: ComponentFixture<LawyerProfileComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LawyerProfileComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LawyerProfileComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-lawyer-profile',
templateUrl: './lawyer-profile.component.html',
styleUrls: ['./lawyer-profile.component.css']
})
export class LawyerProfileComponent implements OnInit {
constructor() { }
ngOnInit() {
}
scrollTop()
{
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALAX-TOP -->
<section class="module parallax parallax-3 heightFull">
<div class="al_legal_parallax_top">
<div class="container">
<img src="assets/img/al_legal_advice.png">
<p>Free Cheque Bounce Legal Advice from Top Lawyers</p>
</div>
</div>
</section>
<!-- ENDS-PARALAX-TOP -->
<!-- STARTS-FILTER-BAY -->
<div class="al_filter_bay">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12 flip">
<select class="noneappearance">
<option>All</option>
</select>
</div>
<div class="col-md-6 col-xs-12 flip">
<input type="text" placeholder="Search Answers">
</div>
</div>
</div>
</div>
<!-- ENDS-FILTER-BAY -->
<!-- STARTS-QUESTION-ANSWER-DIV -->
<div class="al_questions window_min_height">
<div class="container">
<ul>
<li>
<div class="row">
<div class="col-md-10 col-xs-12 flip">
<h3>Mutual divorce filing under 13B. How soon can it be filed?</h3>
<p>According to the Hindu Marriage Act, all couples who are covered under the said act cannot file for a divorce within 1 year of marriage.In case </p>
</div>
<div class="col-md-2 col-xs-12 flip">
<div class="al_view_answer_btn" routerLink="../answers">
<button class="">View Answer</button>
</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-md-10 col-xs-12 flip">
<h3>Mutual divorce filing under 13B. How soon can it be filed?</h3>
<p>According to the Hindu Marriage Act, all couples who are covered under the said act cannot file for a divorce within 1 year of marriage.In case </p>
</div>
<div class="col-md-2 col-xs-12 flip">
<div class="al_view_answer_btn" routerLink="../answers">
<button class="">View Answer</button>
</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-md-10 col-xs-12 flip">
<h3>Mutual divorce filing under 13B. How soon can it be filed?</h3>
<p>According to the Hindu Marriage Act, all couples who are covered under the said act cannot file for a divorce within 1 year of marriage.In case </p>
</div>
<div class="col-md-2 col-xs-12 flip">
<div class="al_view_answer_btn" routerLink="../answers">
<button class="">View Answer</button>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- ENDS-QUESTION-ANSWER-DIV -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { LegalAdviceComponent } from './legal-advice.component';
describe('LegalAdviceComponent', () => {
let component: LegalAdviceComponent;
let fixture: ComponentFixture<LegalAdviceComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ LegalAdviceComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(LegalAdviceComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-legal-advice',
templateUrl: './legal-advice.component.html',
styleUrls: ['./legal-advice.component.css']
})
export class LegalAdviceComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALAX-TOP -->
<section class="module parallax parallax-2 heightFull">
<div class="al_parallax_top">
<img src="assets/img/al_legal_service.png">
<h3>Legal Services </h3>
<p>To solve all your legal issues</p>
</div>
</section>
<!-- ENDS-PARALAX-TOP -->
<!-- STARTS-LEGAL-SERVICE-TAB -->
<div class="al_filter_bay">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="al_legal_service_tab">
<ul>
<li class="floatLeft" [class.active]="tab=='ask_service'" (click)="tab_swap('ask_service')">Ask for Legal Services</li>
<li class="floatRight" [class.active]="tab=='service'" (click)="tab_swap('service')">Legal Services</li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-LEGAL-SERVICE-TAB -->
<!-- STARTS-LEGAL-SERVICE-TAB-CONTENT -->
<div class="al_legal_service_main">
<div class="al_legal_service_tabs" [hidden]="tab != 'ask_service'">
<div class="container">
<div class="al_legal_service_tab_inner">
<br><br>
<input class="" placeholder="Criminal">
<textarea class="" rows="6" placeholder="Your description here"></textarea>
<br>
<br>
<br>
<div class="al_legal_service_lawyer_list">
<h5>SELECT LAWYERS</h5>
<ul>
<li>
<div class="row">
<div class="col-md-1 flip">
<input class="al_legal_check" id="1" type="checkbox" value="value1">
<label for="1"></label>
</div>
<div class="col-md-9 flip">
<div class="al_lawyer_prof_pic floatLeft">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="al_lawyer_prof_detail floatRight">
<h3>Adv. Ann Alexander</h3>
<h5 class="al_lawyer_location">Rockfort Ville Swedan</h5>
<div class="clear"></div>
<h5 class="floatLeft al_lawyer_experience">10 Yrs</h5><h5 class="floatLeft al_lawyer_consult">10 + Consult</h5>
</div>
<div class="clear"></div>
</div>
<div class="col-md-2 flip">
<div class="al_lawyer_ratting_offers">
<div class="al_ratting_bay">
<div class="al_line"></div>
<div class="al_rate_ribbon floatLeft">
3.1
</div>
<div class="al_rate_count floatLeft">
<strong>1272</strong><br>Ratings
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</li>
<li>
<div class="row">
<div class="col-md-1 flip">
<input class="al_legal_check" id="2" type="checkbox" value="value1">
<label for="2"></label>
</div>
<div class="col-md-9 flip">
<div class="al_lawyer_prof_pic floatLeft">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="al_lawyer_prof_detail floatRight">
<h3>Adv. Ann Alexander</h3>
<h5 class="al_lawyer_location">Rockfort Ville Swedan</h5>
<div class="clear"></div>
<h5 class="floatLeft al_lawyer_experience">10 Yrs</h5><h5 class="floatLeft al_lawyer_consult">10 + Consult</h5>
</div>
<div class="clear"></div>
</div>
<div class="col-md-2 flip">
<div class="al_lawyer_ratting_offers">
<div class="al_ratting_bay">
<div class="al_line al_online"></div>
<div class="al_rate_ribbon floatLeft">
3.1
</div>
<div class="al_rate_count floatLeft">
<strong>1272</strong><br>Ratings
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</li>
<div class="textCenter">
<div class="al_ask_btn">
<button class="">Ask Now</button>
</div>
</div>
<br><br>
</ul>
</div>
</div>
</div>
</div>
<div class="al_search_result_contents pt0" [hidden]="tab != 'service'">
<!-- STARTS-FILTER-BAY -->
<div class="al_filter_bay">
<div class="container">
<div class="row">
<div class="col-md-6 col-xs-12 flip">
<p>Filter by practice area</p>
<select class="noneappearance">
<option>All</option>
</select>
</div>
<div class="col-md-6 col-xs-12 flip">
<p>Select City</p>
<select class="noneappearance">
<option>Swansea</option>
</select>
</div>
</div>
</div>
</div>
<!-- ENDS-FILTER-BAY -->
<br><br>
<!-- STARTS-CONTAINER -->
<div class="container">
<div class="row">
<div class="col-md-3 col-xs-12 flip">
<!-- STARTS-ADDITIONLA-FILTER-BAY -->
<div class="al_additional_filter">
<h5>Additional Filters</h5>
<ul>
<li>
<p>STATUS</p>
<select class="noneappearance al_dark_filter">
<option>All</option>
</select>
</li>
<li>
<p>LOCALITY</p>
<select class="noneappearance al_dark_filter">
<option>Select Locality</option>
</select>
</li>
<li>
<p>COURT</p>
<select class="noneappearance al_dark_filter">
<option>Select Court</option>
</select>
</li>
<li>
<p>EXPERIENCE</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>OFFICE MEETING</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>AREA OF LAW</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>RATING</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>GENDER</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>LANGUAGES</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<div class="btn-group">
<button type="button" class="btn clear_btn">Clear</button>
<button type="button" class="btn search_btn">Search</button>
</div>
</li>
</ul>
</div>
<!-- ENDS-ADDITIONLA-FILTER-BAY -->
</div>
<div class="col-md-9 col-xs-12 flip">
<!-- STARTS-SERVICE-LIST -->
<div class="al_search_result_div">
<div class="row">
<div class="col-md-7 flip col-xs-12">
<h4>Lawyers in Swedan (487)</h4>
</div>
<div class="col-md-5 flip col-xs-12">
<select class="noneappearance floatRight widthFull">
<option>Sort By</option>
</select>
<div class="clear"></div>
</div>
</div>
<div class="al_legal_service_list">
<ul>
<li>
<div class="al_legal_service_top_banner">
<div class="al_legal_service_top_banner_over_lay">
<img src="assets/img/al_check_bounce.png">
<h5>Check Bounce</h5>
</div>
<img src="assets/img/al_b1.png">
</div>
<div class="al_legal_service_detail">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p>
<p>Starting from <strong>$500</strong></p>
<div class="al_view_answer_btn" routerLink="../service-detail">
<button class="">Details</button>
</div>
</div>
</li>
<li>
<div class="al_legal_service_top_banner">
<div class="al_legal_service_top_banner_over_lay">
<img src="assets/img/al_criminal.png">
<h5>Criminal</h5>
</div>
<img src="assets/img/al_b2.png">
</div>
<div class="al_legal_service_detail">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p>
<p>Starting from <strong>$1000</strong></p>
<div class="al_view_answer_btn" routerLink="../service-detail">
<button class="">Details</button>
</div>
</div>
</li>
<li>
<div class="al_legal_service_top_banner">
<div class="al_legal_service_top_banner_over_lay">
<img src="assets/img/al_supremecourt.png">
<h5>Supreme Court</h5>
</div>
<img src="assets/img/al_b3.png">
</div>
<div class="al_legal_service_detail">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p>
<p>Starting from <strong>$5200</strong></p>
<div class="al_view_answer_btn" routerLink="../service-detail">
<button class="">Details</button>
</div>
</div>
</li>
<li>
<div class="al_legal_service_top_banner">
<div class="al_legal_service_top_banner_over_lay">
<img src="assets/img/al_property.png">
<h5>Property</h5>
</div>
<img src="assets/img/al_b4.png">
</div>
<div class="al_legal_service_detail">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p>
<p>Starting from <strong>$350</strong></p>
<div class="al_view_answer_btn" routerLink="../service-detail">
<button class="">Details</button>
</div>
</div>
</li>
<li>
<div class="al_legal_service_top_banner">
<div class="al_legal_service_top_banner_over_lay">
<img src="assets/img/al_divorse.png">
<h5>Divorce</h5>
</div>
<img src="assets/img/al_b5.png">
</div>
<div class="al_legal_service_detail">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p>
<p>Starting from <strong>$890</strong></p>
<div class="al_view_answer_btn" routerLink="../service-detail">
<button class="">Details</button>
</div>
</div>
</li>
<li>
<div class="al_legal_service_top_banner">
<div class="al_legal_service_top_banner_over_lay">
<img src="assets/img/al_documentation.png">
<h5>Documentation</h5>
</div>
<img src="assets/img/al_b6.png">
</div>
<div class="al_legal_service_detail">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's </p>
<p>Starting from <strong>$790</strong></p>
<div class="al_view_answer_btn" routerLink="../service-detail">
<button class="">Details</button>
</div>
</div>
</li>
</ul>
</div>
</div>
<!-- ENDS-SERVICE-LIST -->
</div>
</div>
</div>
<!-- ENDS-CONTAINER -->
</div>
<!-- ENDS-LEGAL-SERVICE-TAB -->
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
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();
});
});
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 = "ask_service";
}
tab_swap(type) {
console.log(type)
this.tab = type;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALLAX-BANNER -->
<app-parallax-banner></app-parallax-banner>
<!-- ENDS-PARALLAX-BANNER -->
<div class="lw_my_prof">
<div class="lw_home_tabs">
<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>My Profile</h3>
<hr>
</div>
<div class="lw_set_inputs">
<div class="lw_set_row">
<div class="lw_setpic_cabin">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="clear"></div>
</div>
<div class="lw_set_row">
<label>First Name</label>
<input type="text" placeholder="First Name" value="Sophia">
</div>
<div class="lw_set_row">
<label>Last Name</label>
<input type="text" placeholder="Last Name" value="Boutella">
</div>
<div class="lw_set_row">
<label>Date of Birth</label>
<input class="lw_set_year" type="text" placeholder="Date of Birth" value="10/13/1990">
</div>
<div class="lw_set_row">
<div class="lw_prof_radio floatLeft">
<input id="male" type="radio" name="gender" value="male">
<label for="male">Male</label>
<input id="female" type="radio" name="gender" value="female" checked="checked">
<label for="female">Female</label>
</div>
<div class="clear"></div>
</div>
<div class="lw_set_row">
<label>City</label>
<input type="text" placeholder="City" value="Melbourne">
</div>
<div class="lw_set_row">
<label>Residential Address</label>
<textarea class="lw_set_loc">123 6th St. , FL 32904, 71 Pilgrim Avenue, Chevy Chase</textarea>
</div>
<div class="lw_set_row">
<label>Zip Code</label>
<input type="text" placeholder="Zip Code" value="12578">
</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>Mobile Number</label>
<input type="text" placeholder="Mobile Number" value="5858789456">
</div>
<div class="lw_set_row">
<label>Email Address</label>
<input type="text" placeholder="Email Address" value="[email protected]">
</div>
</div>
<div class="lw_btn_cab2 mauto">
<button type="button" class="lw_btn1">
Edit Profile
</button>
</div>
</div>
</div>
<div class="col-lg-3 col-md-3 col-sm-2"></div>
</div>
</div>
</div>
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { MyProfileComponent } from './my-profile.component';
describe('MyProfileComponent', () => {
let component: MyProfileComponent;
let fixture: ComponentFixture<MyProfileComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ MyProfileComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(MyProfileComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-my-profile',
templateUrl: './my-profile.component.html',
styleUrls: ['./my-profile.component.css']
})
export class MyProfileComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<!-- STARTS-PARALAX-TOP -->
<section class="module parallax parallax-2 heightFull">
<div class="al_parallax_top">
<h3>Join our Legal Network </h3>
<p>& Become a Preferred Lawyer today!</p>
</div>
</section>
<!-- ENDS-PARALAX-TOP -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ParallaxBannerComponent } from './parallax-banner.component';
describe('ParallaxBannerComponent', () => {
let component: ParallaxBannerComponent;
let fixture: ComponentFixture<ParallaxBannerComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ParallaxBannerComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ParallaxBannerComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-parallax-banner',
templateUrl: './parallax-banner.component.html',
styleUrls: ['./parallax-banner.component.css']
})
export class ParallaxBannerComponent implements OnInit {
constructor() { }
ngOnInit() {
}
scrollTop()
{
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PARALLAX-BANNER -->
<app-parallax-banner></app-parallax-banner>
<!-- ENDS-PARALLAX-BANNER -->
<!-- STARTS-FILTER-BAY -->
<div class="al_filter_bay">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>Filter by practice area</p>
<select class="noneappearance">
<option>All</option>
</select>
</div>
<div class="col-md-6">
<p>Select City</p>
<select class="noneappearance">
<option>Swansea</option>
</select>
</div>
</div>
</div>
</div>
<!-- ENDS-FILTER-BAY -->
<!-- STARTS-SEARCH-CONTENTS -->
<div class="al_search_result_contents">
<!-- STARTS-CONTAINER -->
<div class="container">
<div class="row">
<div class="col-md-3">
<!-- STARTS-ADDITIONLA-FILTER-BAY -->
<div class="al_additional_filter">
<h5>Additional Filters</h5>
<ul>
<li>
<p>STATUS</p>
<select class="noneappearance al_dark_filter">
<option>All</option>
</select>
</li>
<li>
<p>LOCALITY</p>
<select class="noneappearance al_dark_filter">
<option>Select Locality</option>
</select>
</li>
<li>
<p>COURT</p>
<select class="noneappearance al_dark_filter">
<option>Select Court</option>
</select>
</li>
<li>
<p>EXPERIENCE</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>OFFICE MEETING</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>AREA OF LAW</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>RATING</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>GENDER</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<p>LANGUAGES</p>
<select class="noneappearance">
<option>Any</option>
</select>
</li>
<li>
<div class="btn-group">
<button type="button" class="btn clear_btn">Clear</button>
<button type="button" class="btn search_btn">Search</button>
</div>
</li>
</ul>
</div>
<!-- ENDS-ADDITIONLA-FILTER-BAY -->
</div>
<div class="col-md-9">
<!-- STARTS-SEARCH-RESULTS -->
<div class="al_search_result_div">
<div class="row">
<div class="col-md-7">
<h4>Lawyers in Swedan (487)</h4>
</div>
<div class="col-md-5">
<div class="btn-group country_drop floatRight" dropdown>
<button dropdownToggle class="btn dropdown-toggle p0">
<img src="assets/img/al_flag.png">
</button>
<ul *dropdownMenu class="dropdown-menu" role="menu">
<li role="menuitem">
<a class="dropdown-item" href="#">
<img src="assets/img/al_flag.png">
</a>
</li>
<li role="menuitem">
<a class="dropdown-item" href="#">
<img src="assets/img/al_flag.png">
</a>
</li>
<li role="menuitem">
<a class="dropdown-item" href="#">
<img src="assets/img/al_flag.png">
</a>
</li>
<li role="menuitem">
<a class="dropdown-item" href="#">
<img src="assets/img/al_flag.png">
</a>
</li>
</ul>
</div>
<select class="noneappearance floatRight">
<option>Sort By</option>
</select>
<div class="clear"></div>
</div>
</div>
<div class="row">
<div class="al_lawyer_list">
<ul>
<li>
<div class="row">
<div class="col-md-7" routerLink="../detail" (click)="scrollTop()">
<div class="al_lawyer_prof_pic floatLeft">
<img src="assets/img/ask_lawyer_pic1.png">
</div>
<div class="al_lawyer_prof_detail floatRight">
<h3>Adv. Ann Alexander</h3>
<h5 class="al_lawyer_location">Rockfort Ville Swedan</h5>
<div class="clear"></div>
<h5 class="floatLeft al_lawyer_experience">10 Yrs</h5><h5 class="floatLeft al_lawyer_consult">10 + Consult</h5>
<div class="al_lawyer_tags">
<ul>
<li>Cheque Bounce</li>
<li>Criminal</li>
<li>Consumer Court</li>
<li>Civil </li>
<li>Family</li>
</ul>
</div>
</div>
<div class="clear"></div>
</div>
<div class="col-md-5">
<div class="al_lawyer_ratting_offers">
<div class="al_line"></div>
<div class="al_ratting_bay">
<div class="al_rate_ribbon floatLeft">
3.1
</div>
<div class="al_rate_count floatLeft">
<strong>1272</strong>Ratings
</div>
<div class="clear"></div>
</div>
<div class="clear"></div>
<div class="row">
<div class="col-md-6 col-xs-6"><p>Promo Code</p></div>
<div class="col-md-6 col-xs-6">
<div class="promocode">ASK 235</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-6"><p>Consultation from</p></div>
<div class="col-md-6 col-xs-6">
<div class="strike">$ 1200</div>
</div>
</div>
<div class="row">
<div class="col-md-6 col-xs-6"><p><strong>Offer Price</strong></p></div>
<div class="col-md-6 col-xs-6">
<div class="offer">$ 1200</div>
</div>
</div>
<div class="btn-group">
<button type="button" class="btn consultnw">Consult now</button>
<button type="button" class="btn consultlater">Consult Later</button>
<button type="button" class="btn meeting">Office meeting</button>
</div>
</div>
</div>
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- ENDS-SEARCH-RESULTS -->
</div>
</div>
</div>
<!-- ENDS-CONTAINER -->
</div>
<!-- ENDS-SEARCH-CONTENTS -->
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { SearchresultComponent } from './searchresult.component';
describe('SearchresultComponent', () => {
let component: SearchresultComponent;
let fixture: ComponentFixture<SearchresultComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ SearchresultComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(SearchresultComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-searchresult',
templateUrl: './searchresult.component.html',
styleUrls: ['./searchresult.component.css']
})
export class SearchresultComponent implements OnInit {
constructor() { }
ngOnInit() {
}
scrollTop()
{
document.body.scrollTop = document.documentElement.scrollTop = 0;
}
}
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<!-- STARTS-PROFILE-BANNER -->
<app-lawyer-profile></app-lawyer-profile>
<!-- ENDSS-PROFILE-BANNER -->
<div class="window_min_height">
<!-- STARTS-SERVICE-DETAIL-VIEW-PAGE -->
<div class="lawyer_pages">
<div class="container">
<div class="col-lg-12">
<div class="lw_adv_descript">
<h3>About the lawyer</h3>
<ul class="lw_adv_descript_list">
<li>
Advocate S Mubarak Begum has been practicing and handling cases independently with a result oriented approach, both professionally and ethically and has now acquired many years of professional experience in providing legal consultancy and advisory services.
</li>
<li>
dvocate Mubarak provides services in various field of civil laws, criminal laws, family law, labour and service matters, muslim law cases, property related matters, banking/finance matters, Corporate cases and drafting and vetting of various agreements and documents.
</li>
<li>
Advocate Mubarak enrolled with the Bar Council of Karnataka in 2009. She is a member of the Karnataka Bar Association.
</li>
<br>
<br>
<h5>Details about the service</h5>
<li>What's Included</li>
<li>a) 15-minute phone call with a advocate. Most people get the answers they're looking for during the call, but if it goes longer, the phone will not automatically disconnect.
b) Answers and advice. The advocate will suggest the best options for you, based on their experience helping other clients through property disputes.
</li>
<li>What's Not Included</li>
<li>a) Review and Preparation of forms or documents<br>
b) Additional work by the advocate after the 15-minute phone call. Most people get the answers they need during the call, but you are welcome to talk to the advocate about hiring them for additional work.</li>
</ul>
<br>
<div class="al_fix_div">
<p>Fixed Price:</p>
<strong>$ 500</strong>
</div>
<div class="al_fix_div">
<p>Fixed Time:</p>
<strong>2 Weeks</strong>
</div>
<br>
<br>
<div class="clear"></div>
<div class="lw_btn_cab2 floatLeft">
<button type="button" class="lw_btn1">
Start Work
</button>
</div>
<div class="clear"></div>
<br>
<br>
<div class="row">
<div class="col-md-6">
<div class="lw_appoint_query">
<h5 class="lw_appoint_subhed">DETAILS OF SERVICE NEEDED</h5>
<textarea placeholder="Your description here"></textarea>
</div>
</div>
</div>
<div class="lw_btn_cab_black floatLeft">
<button type="button" class="lw_btn1">
Start Work
</button>
</div>
</div>
</div>
</div>
</div>
<!-- ENDS-SERVICE-DETAIL-VIEW-PAGE -->
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { ServiceDetailComponent } from './service-detail.component';
describe('ServiceDetailComponent', () => {
let component: ServiceDetailComponent;
let fixture: ComponentFixture<ServiceDetailComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ ServiceDetailComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(ServiceDetailComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-service-detail',
templateUrl: './service-detail.component.html',
styleUrls: ['./service-detail.component.css']
})
export class ServiceDetailComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
// COMMON-ANGULAR-MODULES
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
// ROUTING
import {moduleRouting} from './user.routing';
//IMPORTED-PAGE-MODULES
import { CommonnavbarModule } from '../commonnavbar/commonnavbar.module';
import { CommonfooterModule } from '../commonfooter/commonfooter.module';
import { ErrorModule } from '../error/error.module';
//IMPORTED-BOOTSTRAP-MODULES
import { CollapseModule } from 'ngx-bootstrap';
import { ModalModule } from 'ngx-bootstrap';
import { BsDropdownModule } from 'ngx-bootstrap';
import { BsDatepickerModule } from 'ngx-bootstrap';
//IMPORTED-PAGE-COMPONENTS
import { HomeIndexComponent } from './home-index/home-index.component';
import {SearchresultComponent } from './searchresult/searchresult.component';
import { HomeContentComponent } from './home-content/home-content.component';
import { LawyerProfileComponent } from './lawyer-profile/lawyer-profile.component';
import { LawyerDetailComponent } from './lawyer-detail/lawyer-detail.component';
import { LawyerBookingComponent } from './lawyer-booking/lawyer-booking.component';
import { LawyerPaymentComponent } from './lawyer-payment/lawyer-payment.component';
import { ParallaxBannerComponent } from './parallax-banner/parallax-banner.component';
import { LegalAdviceComponent } from './legal-advice/legal-advice.component';
import { LegalServiceComponent } from './legal-service/legal-service.component';
import { ContactUsComponent } from './contact-us/contact-us.component';
import { AnswersComponent } from './answers/answers.component';
import { ChangepasswordComponent } from './changepassword/changepassword.component';
import { AboutUsComponent } from './about-us/about-us.component';
import { ServiceDetailComponent } from './service-detail/service-detail.component';
import { AskquestionComponent } from './askquestion/askquestion.component';
import { MyProfileComponent } from './my-profile/my-profile.component';
import { EditprofileComponent } from './editprofile/editprofile.component';
import { WalletComponent } from './wallet/wallet.component';
//IMPORTED-PLUGIN-COMPONENTS
@NgModule({
imports: [
CommonModule,
moduleRouting,
CommonnavbarModule,
CommonfooterModule,
ErrorModule,
CollapseModule.forRoot(),
ModalModule.forRoot(),
BsDropdownModule.forRoot(),
BsDatepickerModule.forRoot()
],
declarations: [HomeIndexComponent,SearchresultComponent, HomeContentComponent, LawyerProfileComponent, LawyerDetailComponent, LawyerBookingComponent, LawyerPaymentComponent, ParallaxBannerComponent, LegalAdviceComponent, LegalServiceComponent, ContactUsComponent, AnswersComponent, ChangepasswordComponent, AboutUsComponent, ServiceDetailComponent, AskquestionComponent, MyProfileComponent, EditprofileComponent, WalletComponent]
})
export class UserModule { }
// COMMON-ANGULAR-MODULES
import { ModuleWithProviders } from '@angular/core'
// ROUTING
import { Routes, RouterModule } from '@angular/router';
//IMPORTED-PAGE-COMPONENTS
import { HomeIndexComponent } from './home-index/home-index.component';
import { SearchresultComponent } from './searchresult/searchresult.component';
import { HomeContentComponent } from './home-content/home-content.component';
import { LawyerProfileComponent } from './lawyer-profile/lawyer-profile.component';
import { LawyerDetailComponent } from './lawyer-detail/lawyer-detail.component';
import { LawyerBookingComponent } from './lawyer-booking/lawyer-booking.component';
import { LawyerPaymentComponent } from './lawyer-payment/lawyer-payment.component';
import { ParallaxBannerComponent } from './parallax-banner/parallax-banner.component';
import { LegalAdviceComponent } from './legal-advice/legal-advice.component';
import { LegalServiceComponent } from './legal-service/legal-service.component';
import { ContactUsComponent } from './contact-us/contact-us.component';
import { AnswersComponent } from './answers/answers.component';
import { ChangepasswordComponent } from './changepassword/changepassword.component';
import { AboutUsComponent } from './about-us/about-us.component';
import { ServiceDetailComponent } from './service-detail/service-detail.component';
import { AskquestionComponent } from './askquestion/askquestion.component';
import { MyProfileComponent } from './my-profile/my-profile.component';
import { EditprofileComponent } from './editprofile/editprofile.component';
import { WalletComponent } from './wallet/wallet.component';
const ModuleRoutes: Routes = [
{
path: 'user',
component: HomeIndexComponent,
children:[
{
path: "home",
component: HomeContentComponent
},
{
path: "legal-advice",
component: LegalAdviceComponent
},
{
path: "answers",
component: AnswersComponent
},
{
path: "legal-service",
component: LegalServiceComponent
},
{
path: "contact-us",
component: ContactUsComponent
},
{
path: "about-us",
component: AboutUsComponent
},
{
path: "changepassword",
component: ChangepasswordComponent
},
{
path: "search-result",
component: SearchresultComponent
},
{
path: "parallaxbanner",
component: ParallaxBannerComponent
},
{
path: "profile",
component: LawyerProfileComponent
},
{
path: "detail",
component: LawyerDetailComponent
},
{
path: "booking",
component: LawyerBookingComponent
},
{
path: "payment",
component: LawyerPaymentComponent
},
{
path: "service-detail",
component: ServiceDetailComponent
},
{
path: "askquestion",
component: AskquestionComponent
},
{
path: "my-profile",
component: MyProfileComponent
},
{
path: "editprofile",
component: EditprofileComponent
},
{
path: "wallet",
component: WalletComponent
}
]
}
];
export const moduleRouting: ModuleWithProviders = RouterModule.forChild(ModuleRoutes)
<!-- STARTS-COMMON-NAV-BAR -->
<commonnavbar></commonnavbar>
<!-- ENDS-COMMON-NAV-BAR -->
<div class="window_min_height al_nav_adjust_margin">
<div class="lw_contact_head lw_set_head">
<h3>WALLET</h3>
<hr>
</div>
<div class="al_wallet_wrapper">
<div class="container">
<h6>Wallet Balance</h6>
<h3>₹ 350000</h3>
<p>Wallet History</p>
<div class="table-responsive">
<table class="table">
<thead>
<tr>
<th colspan="">DATE</th>
<th colspan="6">AMOUNT</th>
<th colspan="3">CR/DR</th>
</tr>
</thead>
<tbody>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
<tr>
<td>25/05/2017</td>
<td colspan="6">+ ₹ 1500</td>
<td>CR</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- STARTS-COMMON-FOOTER-BAR -->
<commonfooter></commonfooter>
<!-- ENDS-COMMON-FOOTER-BAR -->
\ No newline at end of file
import { async, ComponentFixture, TestBed } from '@angular/core/testing';
import { WalletComponent } from './wallet.component';
describe('WalletComponent', () => {
let component: WalletComponent;
let fixture: ComponentFixture<WalletComponent>;
beforeEach(async(() => {
TestBed.configureTestingModule({
declarations: [ WalletComponent ]
})
.compileComponents();
}));
beforeEach(() => {
fixture = TestBed.createComponent(WalletComponent);
component = fixture.componentInstance;
fixture.detectChanges();
});
it('should create', () => {
expect(component).toBeTruthy();
});
});
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-wallet',
templateUrl: './wallet.component.html',
styleUrls: ['./wallet.component.css']
})
export class WalletComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
/*
Site Name:
URI: http:http://
Description: This is the home index page css
Version: 1.0
Author: Amal-Techware Solution
Author URI:
Tags:
---------------------------
HOME-INDEX-STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01. HOME-NAV-BAR-PAGE-STYLES
02. LOGIN-MODAL-PAGE-STYLES
03. HOME-CONTENTS-PAGE-STYLES
04. SEARCH-RESULTS-PAGE-STYLES
05. LAWYER-PROFILE-PAGE-STYLES
06. LAWYER-DETAIL-PAGE-STYLES
07. LAWYER-BOOKING-PAGE-STYLES
08. LAWYER-PAYMENT-PAGE-STYLES
09. LEGAL-ADVICE-PAGE-STYLES
10. LEGAL-SERVICE-PAGE-STYLES
11. FOOTER-PAGE-STYLES
12. ABOUT-US-PAGE-STYLES
13. SETUP-PAGES & CONTACTUS-PAGE-STYLES
14. SERVICE-DETAIL-PAGE-STYLES
15. LAWYER-HOME-PAGE
16. CONTACT-US-PAGE
17. APPOINTMENT-DETAILS-PAGE
18. LEGAL-SERVICE-DETAILS-PAGE
19. LEGAL SERVICE
20. MY-APPOINTMENT-DETAILS
21. CHAT-PAGE-STYLES
22. ABOUT-US-PAGE-STYLES
23. VIDEO-AUDIO-CALL-PAGES-STYLES
24. PAGE-NOT-FOUND
25. ISSUED-PROMO-CODE-PAGES-STYLES
26. EDIT-PROFILE-PAGES-STYLES
27. WALLET-PAGES-STYLES
*/
/* 01. HOME-NAV-BAR-PAGE-STYLES */
.al_navbar{width: 100%;position: fixed;z-index: 9;top:0px;left:0px;right:0px;padding: 10px;transition: background-color 2s ease-out;}
.al_navbar .navbar-toggle{border:1px solid #28282c;color:#28282c;color: #28282c;margin-right:0px; }
.al_navbar .navbar-toggle .icon-bar{color: #28282c;background:#28282c; }
.al_nav_logo{}
.al_nav_logo img{width: 150px;}
.al_nav_menu{padding:15px;}
.al_nav_menu ul{margin:0px;padding: 0px;}
.al_nav_menu ul li{display: inline-block;list-style: none;padding-left: 20px;padding-right:20px;}
.al_nav_menu ul li a{padding:8px;padding-left:0px;position:relative;cursor:pointer;padding-right:0px;text-transform:capitalize;color: #716b68;font-size: 15px;}
.al_nav_menu ul li a:before {content: "";position: absolute;width:70%;height: 4px;bottom:-8px;left: 0;background-color: #d1c29f;visibility: hidden;-webkit-transform: scaleX(0);transform: scaleX(0);-webkit-transition: all 0.3s ease-in-out 0s;transition: all 0.3s ease-in-out 0s;right: 0px;margin: 0 auto;}
.al_nav_menu ul li a:hover:before {visibility: visible;-webkit-transform: scaleX(1);transform: scaleX(1);}
.al_nav_menu_log_bay{padding:15px;}
.al_nav_menu_log_bay ul{margin:0px;padding: 0px;}
.al_nav_menu_log_bay ul li{list-style: none;display: inline-block;}
.al_nav_menu_log_bay ul li a{cursor:pointer;padding: 8px;padding-left: 15px;padding-right: 15px;text-transform: uppercase;font-weight: 700;font-size: 15px;}
.al_nav_login_btn{color: #28282c;}
.al_nav_signup_btn{background: #28282c;color: #fff !important;}
.al_nav_drop{background: url("../../assets/img/al_nav_drop_down.png");background-repeat: no-repeat;background-position: right;}
.al_inside_navbar{background:rgba(0,0,0,0.6);}
.al_shrink_navbar{background:rgba(0,0,0,0.9) !important;}
.al_nav_account{width:100%;cursor: pointer;}
.al_nav_account_pic{width:30px;height:30px;border-radius: 50%;background: #fff;position: relative;bottom:5px;}
.al_nav_account_pic img{width:100%;height:100%;border-radius: 50%;object-fit:cover;object-position:center;}
.al_nav_account_name{color: #fff;font-size: 15px;border-left:2px solid #68686a;padding-left: 20px;padding-right: 20px;}
.al_nav_account_more{width:25px;height:25px;background: url("../../assets/img/al_nav_more.png");background-repeat: no-repeat;background-position: center;margin-left:10px;}
.al_nav_account .dropdown-menu{border-radius: 0px !important;padding-top: 5px;padding-bottom: 5px;position: absolute;left: -130px;top: 50px;}
.al_nav_account .dropdown-menu li{padding:10px;width: 100%;color:#747474;}
.al_nav_account_bay{padding: 10px !important;position: relative !important;top: 5px !important;}
.al_nav_adjust_margin{margin-top:70px !important;}
/* 02. LOGIN-MODAL-PAGE-STYLES */
.al_login_modal_wrapper{width:100% !important;height:100% !important;}
.al_login_modal_wrapper .modal-content{width: 100%;height: 100%;border-radius: 0px;background: url("../../assets/img/al_login_background.png");background-repeat: no-repeat;background-size: cover;}
.al_login_modal_wrapper .modal-content .modal-body{width:100% !important;height:100% !important;}
.al_login_modal_wrapper .modal-content .modal-body .close{color: #f5e5b9 !important;z-index: 999 !important;position: relative;bottom: 10px;}
.al_login_modal_inner{margin:10% auto;width: 75%;}
.al_login_modal_section{width:100%;border-left:2px solid #525254;}
.al_login_modal_left{margin:16% auto;}
.al_login_modal_section img{width:120px;}
.al_login_modal_section h1{color: #d9d9d9;font-size: 32px;}
.al_login_modal_section h4{color: #d9d9d9;font-weight: 300;}
.al_login_modal_section p{color: #d9d9d9;padding-top:20px;padding-bottom:10px !important;margin:0px;font-size: 14px;}
.al_login_modal_section p strong{cursor:pointer;color: #f5e5b9;border:1px solid #f5e5b9;padding:10px;margin-left:15px;font-weight: 300;padding-left: 15px;padding-right: 15px;}
.al_login_modal_form_body{float:right;width:300px;background-color: #fff;border-radius: 5px;padding: 15px;}
.al_login_modal_form_body h3{text-align: center;color: #48484b;margin:0px;font-weight: 500;margin-bottom:20px;}
.al_modal_input{width:100%;height:35px;background-color: #f0f0f0;border:none;padding-left: 10px;padding-right: 10px;text-align: center;margin-bottom: 10px;}
.al_modal_input_container{width: 100%;}
.al_modal_btn_container{width: 100%;background-color: #f5e5b9;padding:3px;}
.al_modal_btn{background-color: #f5e5b9;width:100%;border-radius: 0px;height: 30px;font-weight: 500;border:1px solid #a99e80;color: #2b2b2f;text-align: center;background-color: transparent;}
.al_login_modal_form_body p{color: #929293;}
.al_social_bay{width:100%;text-align: center;padding-top: 5px;padding-bottom: 10px;}
.al_social_bay ul{padding:0px;margin:0px;width:100%;text-align: center;}
.al_social_bay ul li{display: inline-block;}
.al_social_bay ul li img{width:30px;}
.al_sign_check {position: absolute; opacity: 0;
& + label {position: relative;cursor: pointer;padding: 0;font-weight: 400;font-size: 14px;color: #b8b8b8;padding-bottom: 10px;padding-top: 10px;}
& + label:before {content: '';margin-right: 10px;display: inline-block;vertical-align: text-top;width: 20px;height: 20px;background:#fff;border:1px solid #f9c637;}
&:hover + label:before {background: #fff;border:1px solid #f9c637;border-radius: 2px;}
&:focus + label:before {}
&:checked + label:before {background:transparent;border:1px solid #f9c637;border-radius: 2px;}
&:disabled + label {color: #f9c637;cursor: auto;}
&:disabled + label:before {box-shadow: none;background: #ddd;}
&:checked + label:after {content: '';position: absolute;left: 5px;top: 20px;background: #f9c637;width: 2px;height: 2px;box-shadow: 2px 0 0 #f9c637,4px 0 0 #f9c637,4px -2px 0 #f9c637,4px -4px 0 #f9c637,4px -6px 0 #f9c637,4px -8px 0 #f9c637;transform: rotate(45deg);}
}
/* 03. HOME-CONTENTS-PAGE-STYLES */
.al_home_wrapper{width:100% !important;height:100vh !important;}
.al_home_inner_container{width:70%;margin:0 auto;position: relative;top:160px;}
.al_home_search_bar{width: 100%;position: relative;}
.al_home_search_input{width: 100%;height:50px;border:none;background-color: #e4e3e0 !important;padding-left: 30px;padding-right: 80px;font-size: 18px;font-weight: 300;letter-spacing: 6px;background: url("../../assets/img/al_home_search.png");background-repeat: no-repeat;background-position: right 10px top 0px;background-repeat: no-repeat;}
.al_home_inner_container h1{width: 100%;text-align: center;color: #3d342f;font-weight: 400;padding-top: 25px;}
.al_home_inner_container p{text-align: center;color:#3d342f;font-size: 16px;font-weight: 300;}
.al_home_screen_btn_bay{width:100%;text-align: center;padding-top:30px;padding-bottom: 30px;}
.al_home_screen_btn_bay .al_home_btn1{display: inline-block;background: #313136;border:1px solid #3b322d;padding: 3px;margin:5px;}
.al_home_screen_btn_bay .al_home_btn2{display: inline-block;border:1px solid #313136;padding: 3px;background: transparent;margin:5px;}
.al_home_screen_btn_bay .al_home_btn1 button{width: 100%;background: transparent;border:1px solid #918b7c;color: #faf9f6;font-weight: 500;padding:3px;padding-left: 15px;padding-right: 15px;}
.al_home_screen_btn_bay .al_home_btn2 button{width: 100%;background: transparent;border:1px solid transparent;color: #3d342f;font-weight: 500;padding:3px;padding-left: 15px;padding-right: 15px;}
.al_home_inner_container h5{text-align: center;color: #313136;font-size: 12px;}
.al_home_inner_container h5 strong{font-size: 18px;padding-left: 15px;}
.al_home_bottom_btn_bay{width: 100%;position: fixed;bottom:30px;left:0px;right:0px;text-align: center;}
.al_home_down_button{width:60px;height:60px;background:transparent;border:none;margin:0 auto;border-radius: 50%;background: url("../../assets/img/al_down_btn.png");background-repeat: no-repeat;background-position: center;background-size: 50px;}
.al_sign_check_container{width:100%;}
.al_home_sarch_btn{position: absolute;top:0px;right:0px;bottom: 0px;width:50px;border:none;background: transparent;}
/* 04. SEARCH-RESULTS-PAGE-STYLES */
.al_parallax_top{width:100%;padding-top:80px;padding-bottom:30px;text-align: center;}
.al_parallax_top img{width:55px;}
.al_parallax_top h3{text-align:center !important;color: #d9d9d9;margin:0px;padding:0px;padding-top:30px;font-size: 35px;}
.al_parallax_top p{text-align: center !important;color: #d9d9d9;margin:0px;padding:0px;font-size:18px;padding-top: 10px;font-weight: 400;}
.al_filter_bay{width:100%;background:#f7f7f1;padding: 10px;padding-top: 35px;padding-bottom: 35px;}
.al_filter_bay p{margin:0px;padding:0px;color: #7f7f7e;font-weight: 500;padding-bottom: 10px;}
.al_filter_bay select{width:100%;border:1px solid #000000;height:35px;background: transparent;color: #7f7f7e;font-size: 18px;background: url("../../assets/img/al_select_drop.png");background-repeat: no-repeat;background-position: right 5px top 5px;background-size:25px;}
.al_filter_bay input{width:100%;border:1px solid #000000;height:35px;background: transparent;color: #7f7f7e;font-size: 18px;background: url("../../assets/img/al_filter_search.png");background-repeat: no-repeat;background-position: right 0px top 0px;background-size:51px;}
.al_search_result_contents{width: 100%;padding-top: 20px;}
.al_additional_filter{width:100%;}
.al_additional_filter h5{margin:0px;padding:0px;color: #7f7f7e;font-weight: 400;font-size: 16px;padding-bottom: 20px;}
.al_additional_filter ul {margin:0px;padding:0px;}
.al_additional_filter ul li{list-style: none;padding-bottom:20px;}
.al_additional_filter ul li p{margin:0px;padding:0px;color: #7f7f7e;font-weight: 600;padding-bottom:10px;font-size: 14px;}
.al_additional_filter ul li select{width: 100%;height:35px;color: #a7a7a4;background-color: #f3f3ec !important;border:none;background: url("../../assets/img/al_select_drop.png");background-repeat: no-repeat;background-position: right 5px top 5px;background-size:25px;}
.al_dark_filter{border:1px solid #7c7c7e !important;background: url("../../assets/img/al_filter_drop.png") !important;background-repeat: no-repeat !important;background-position: right 0px top 0px !important;background-size:35px;}
.al_additional_filter ul li .btn-group{width: 100%;}
.al_additional_filter ul li .btn-group button{border-radius: 0px !important;height:35px !important;width: calc(100% - 50%);}
.al_additional_filter ul li .btn-group .clear_btn{background: #f5e5b9;color: #666054 !important;}
.al_additional_filter ul li .btn-group .search_btn{background: #2a2a2e;color: #e0e0e0 !important;}
.al_search_result_div{width: 100%;padding-left:50px;}
.al_search_result_div h4{margin:0px;padding: 0px;color: #666666;font-weight:400;font-size: 20px;}
.al_search_result_div select{border:1px solid #7c7c7e;height:35px;width:calc(100% - 80px);background-color: transparent;color: #b2b2b2;background: url("../../assets/img/al_select_search_drop.png");background-repeat: no-repeat;background-position: right 8px top 8px;background-size:15px;}
.al_search_result_div .country_drop{width:80px;height: 35px;}
.al_search_result_div .country_drop button{width:100%;height:100%;border-radius: 0px;background: transparent;background: url("../../assets/img/al_select_search_drop.png");background-repeat: no-repeat;background-position: right 8px top 8px;background-size:15px;}
.al_lawyer_list{width: 100%;}
.al_lawyer_list ul {width:100%;margin:0px;padding:0px;padding-top: 20px;}
.al_lawyer_list ul li{cursor:pointer;list-style: none;width:100%;list-style: none;background: #efefef;padding:15px;margin-bottom: 5px;}
.al_lawyer_prof_pic{width:140px;height:160px;background: #303033;}
.al_lawyer_prof_pic img{width:100%;height:100%;object-fit:cover;object-position:center;}
.al_lawyer_prof_detail{width:calc(100% - 140px);padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px;border-right:1px solid #c2c2c2 !important;}
.al_lawyer_prof_detail h3{color: #555556;margin:0px;padding:0px;margin:0px;font-weight: 400;padding-bottom:10px;}
.al_lawyer_prof_detail h5{color: #898989;margin:0px;padding:0px;padding-left: 25px;font-size: 15px;padding-right: 25px;background-repeat: no-repeat !important;background-position: left;padding-bottom:10px;font-weight: 400;}
.al_lawyer_location{background: url("../../assets/img/al_location.png") !important;}
.al_lawyer_experience{background: url("../../assets/img/al_experience.png") !important;}
.al_lawyer_consult{background: url("../../assets/img/al_consult.png") !important;}
.al_lawyer_tags{width:100%;}
.al_lawyer_tags ul{margin:0px;padding:0px;text-align: left}
.al_lawyer_tags li{margin:0px;padding:0px;text-align:center;display: inline-block;background: #8d8d8f !important;color: #fff;padding: 4px !important;padding-left:6px !important;padding-right:6px !important;width: auto !important;margin-bottom: 5px;}
.al_lawyer_ratting_offers{width:100%;position: relative;}
.al_ratting_bay{width:100%;padding-bottom:10px;}
.al_rate_ribbon{background: url("../../assets/img/al_rate_ribbon.png") !important;width:50px;margin-right:10px;height:25px;color: #fff;background-repeat: no-repeat !important;background-position: center !important;background-size: 100% !important;padding: 3px;padding-left: 17px;}
.al_rate_count{padding: 3px;color: #b0b0b0;font-size: 15px;}
.al_line{width:15px;height:15px;border-radius: 50%;background: #d4d4d4;position: absolute;top:0px;right:0px;}
.al_rate_count strong{color: #676767;padding-right: 5px;}
.al_lawyer_ratting_offers p{margin:0px;padding:0px;color: #777777;font-size: 16px;padding-bottom: 10px;}
.al_lawyer_ratting_offers .promocode{font-size: 15px;width:75px;text-align:center;border:1px dashed #7d7d7f;padding: 3px;color: #5b5b5c;font-weight: 500;padding-left: 5px;padding-right: 5px;}
.al_lawyer_ratting_offers .strike{font-size: 15px;width:75px;text-decoration: line-through;text-align:center;padding: 3px;color: #5b5b5c;font-weight: 500;padding-left: 5px;padding-right: 5px;}
.al_lawyer_ratting_offers .offer{font-size: 15px;width:75px;text-align:center;padding: 3px;background:#2b9f25;color: #fff;font-weight: 500;padding-left: 5px;padding-right: 5px;}
.al_lawyer_ratting_offers .btn-group{width: 100%;margin-top:5px;border-radius: 0px;}
.al_lawyer_ratting_offers .btn-group button{width:33.3% !important;border-radius: 0px;font-size: 12px;}
.al_lawyer_ratting_offers .btn-group .consultnw{background: #dddddd;color: #494949;}
.al_lawyer_ratting_offers .btn-group .consultlater{background: #494949;color: #fff;}
.al_lawyer_ratting_offers .btn-group .meeting{background:#ffba00;color: #fff;}
/* 05. LAWYER-PROFILE-PAGE-STYLES */
.lawyer_pages{width:100%;margin-bottom:30px}
.lw_join_header{background-color:#f7f7f1;padding:30px 0}
.lw_btn1, .lw_btn_cab1{background-color:#f5e5b9}
.lw_adv_profile{width:100%}
.lw_adv_pic{width:135px;height:150px;margin-right:20px}
.lw_adv_pic img{width:100%;height:100%;object-fit:cover}
.lw_adv_detail{width:calc(100% - 155px)}
.lw_adv_name h2{color:#666;font-size:22px;font-weight:500;margin:10px 0 15px}
.lw_adv_rating{width:50px;height:25px;color:#fff;padding-left:18px;font-size:14px;font-weight:400;line-height:25px;background-image:url(../../assets/img/ask_star_rate.png);background-repeat:no-repeat;background-position:center;background-size:cover}
.lw_adv_rate_no{color:#666;font-size:14px;font-weight:600;margin:3px 15px!important}
.lw_adv_rate_no span{color:#c9c9c7!important}
.lw_btn_cab1{width:140px;height:27px;padding:3px}
.lw_btn1{width:100%;height:100%;color:#3b3b3b;font-size:13px;font-weight:600;border:1px solid #aba081;outline:0}
.lw_adv_about_row{padding:20px 0 0}
.lw_adv_about{width:33%;padding-left:15px}
.lw_adv_loc p{width:100%;margin:8px 0;color:#7e7e7c;font-size:14px;font-weight:500}
.lw_adv_loc p span{padding-right:10px}
.right_brdr1{border-right:1px solid #919190}
.lw_adv_type{width:100%;list-style:none;padding:0;margin:0}
.lw_adv_type li{background-color:#919190;padding:5px 6px;float:left;color:#fff;font-size:13px;font-weight:500;margin:0 5px 5px 0}
.lw_adv_lang{width:100%;padding:5px 0}
.lw_adv_lang h4{width:40%;margin:0;color:#666;font-size:14px;font-weight:600}
.lw_adv_lang span{width:10%;text-align:center}
.lw_adv_lang p{width:50%;margin:0;color:#7e7e7c;font-size:14px;font-weight:500}
/* 06. LAWYER-DETAIL-PAGE-STYLES */
.lw_adv_avail li,.lw_adv_practice h3{background-repeat:no-repeat!important;background-position:left!important}
.lw_adv_descript{width:100%;padding:30px 0}
.lw_adv_descript h3{color:#666;font-size:18px;font-weight:500;margin:0;text-transform:uppercase}.lw_adv_descript_list{width:80%;list-style:none;padding:0;margin:0}
.lw_adv_descript_list li{color:#919190;font-size:14px;font-weight:400;padding:15px 0 0}.lw_adv_areas{width:100%;background-color:#efefef;padding:20px 0;margin-bottom:20px}
.lw_adv_practice{width:100%}
.lw_adv_descript_list h5{text-transform: uppercase;background: #2b2b2f;color: #d7d7d8;padding: 10px;font-size: 16px;}
.lw_adv_practice h3{width:100%;color:#666;font-size:18px;font-weight:500;margin:0 0 5px!important;text-transform:uppercase;padding-left:40px;background-size:30px!important;line-height:30px}
.lw_adv_area_head1{background-image:url(../../assets/img/ask_practice.png)}
.lw_adv_area_head2{background-image:url(../../assets/img/ask_courts.png)}
.lw_adv_area_head3{background-image:url(../../assets/img/ask_availability.png)}
.lw_adv_practice ul{width:100%;list-style:none;padding:0 0 0 40px;margin:0}
.lw_adv_book,.lw_adv_consult{margin-bottom:20px;width:100%}
.lw_adv_practice li{color:#919190;font-size:14px;font-weight:400;padding:8px 0}
.lw_adv_avail li{width:100%;padding-left:25px!important;background-image:url(../../assets/img/ask_tick_green.png);background-size:10px!important}
.lw_not_avail{background-image:url(../../assets/img/ask_close_red.png)!important;}
.lw_adv_book{background-color:#2b2b2f;padding:10px 15px}
.lw_adv_book h4{color:#d9d9d4;font-size:15px;font-weight:500;margin:0;text-transform:uppercase;}
.lw_adv_book span{padding-left:20px;font-size:20px!important;text-transform:capitalize!important;}
.lw_adv_book_list ul{width:100%;list-style:none;margin:0;padding:0}
.lw_adv_book_list li{width:100%;float:left;background-color:#efefef;padding:15px 0 10px 0;margin-bottom:5px;cursor:pointer;}
.lw_adv_book_type{width:55%;padding-left:15px;}
.lw_adv_book_price{width:25%;padding-left:15px;}
.lw_adv_book_btn{width:20%;padding-left:15px;}
.lw_adv_book_type h4{color:#626262;font-size:18px;font-weight:500;margin:0;}
.lw_book_time{width:100%;color:#626262;font-size:14px;font-weight:400;margin:0;padding:5px 0;}
.lw_book_time b{padding-left:20px;font-weight:500!important;font-size:15px!important;text-decoration:line-through;}
.lw_book_time span{padding:3px 10px;background-color:#2b9f25;color:#fff!important;margin-left:60px;font-weight:600!important;font-size:15px!important}
.lw_adv_book_btn .lw_btn_cab2{margin:10px 0;}
.right_brdr2::before{content:"";width:1px;height:380px;background-color:#dad4d4;float:left;position:absolute;left:-5px}
/* 07. LAWYER-BOOKING-PAGE-STYLES */
.lw_appoint_details h3,.lw_view_lwhead h3{font-weight:500;text-transform:capitalize;}
.lw_view_lwhead{width:100%;padding:20px 0 10px}
.lw_view_lwhead h3{color:#666;font-size:26px;margin:0}
.lw_appoint_details{width:100%;padding-bottom:20px}
.lw_appoint_details h3{color:#e2a524;font-size:22px;margin:0 0 20px 0;}
.lw_appoint_subhed{color:#666;font-size:16px;font-weight:600;margin:0 0 15px 0;text-transform:uppercase}
.lw_appoint_list_row{width:100%}
.lw_appoint_list:last-child{margin:0 !important;}
.lw_appoint_list{background-color:#f7f7f1;width:100px;margin:0 5px 5px 0}
.lw_appoint_list ul{width:100%;height:120px;overflow-x:hidden;margin:0;padding:0}
.lw_appoint_list ul li{width:100%;padding:5px 10px;margin-bottom:10px;color:#6c6c6c;font-size:14px;font-weight:400}
.lw_appoint_list ul li:last-child{margin-bottom:0}
.lw_appoint_list ul li:hover{background-color:#919190;color:#fff!important}
.lw_appoint_date{width:100%;padding:10px;height:75px}
.lw_appoint_date h3{color:#2b2b2f;font-size:17px;font-weight:600;margin:5px 0;text-transform:capitalize}
.lw_appoint_date p{width:100%;color:#424244;font-size:15px;font-weight:500;margin:0 25px 0 0}
.lw_appoint_dt,.lw_appoint_map,.lw_appoint_no,.lw_appoint_pay,.lw_appoint_query{width:100%;padding-bottom:30px}
.lw_appoint_no input,.lw_appoint_query textarea{width:100%;height:100px;border:none;background-color:#efefef;padding:10px 15px;color:#b6b6b6;font-size:14px;font-weight:500;outline:0}
.lw_appoint_no input::placeholder,.lw_appoint_query textarea::placeholder{color:#b6b6b6!important}
.lw_appoint_no input{width:50%!important;height:35px!important}
.lw_appoint_pay h3{color:#e2a524;font-size:22px;font-weight:500;margin:0 0 15px;text-transform:capitalize}
.lw_appoint_pay_det{width:50%;margin:0}
.lw_appoint_pay_det p{width:50%;color:#626262;font-size:14px;font-weight:400;margin:0;padding:5px 0}
.lw_appoint_pay_det span{width:120px;padding:5px 0;text-align:center;background-color:#2c2c30;color:#fff;font-weight:500;font-size:14px}
.lw_appoint_map_body iframe{-webkit-filter:grayscale(100%);filter:grayscale(100%);cursor:pointer;height:200px;width:100%;border:0}
.lw_btn_cab2{width:140px;height:35px;padding:3px;background-color:#f5e5b9}
.lw_detail_btn .lw_btn_cab2{margin-right:5px}
/* 08. LAWYER-PAYMENT-PAGE-STYLES */
.lw_payment_details {width:100%;padding:30px 0;}
.lw_payment_details h3{color:#e2a524;font-size:22px;font-weight:500;margin:0 0 15px 0;text-transform:capitalize}
.lw_pay_list{padding: 5px 0;}
.lw_pay_list p{width: 40%;margin: 0;color: #999999;font-size: 14px;font-weight: 400;}
.lw_pay_list span {width:20%;text-align: center;}
.lw_consult_fee{padding: 5px 0;}
.lw_consult_fee h4{width: 40%;margin: 0;color: #696969;font-size: 15px;font-weight: 600;}
.lw_consult_fee span {width:20%;text-align: center;font-weight: 600;}
.lw_fee_promo{margin-top:20px;}
.lw_total_pay {margin:20px 0;}
.lw_total_pay h4 {color:#cd5a27 !important;}
/* 09.LEGAL-ADVICE-PAGE-STYLES */
.al_legal_parallax_top{width:100%;padding-top:100px;padding-bottom:40px;text-align: center;}
.al_legal_parallax_top img{width:55px;}
.al_legal_parallax_top p{text-align: center !important;color: #d9d9d9;margin:0px;padding:0px;font-size:20px;padding-top: 20px;font-weight:300;}
.al_questions{width:100%;padding-top: 40px;}
.al_questions ul{margin:0px;padding: 0px;}
.al_questions ul li{list-style: none;width: 100%;padding-bottom:40px;}
.al_questions ul li h3{margin: 0px;padding:0px;color:#828283;background-image:url(../../assets/img/al_question.png);padding-left: 45px;font-size:20px;padding-top:5px;padding-bottom:5px;background-repeat: no-repeat;background-position: left;background-size: 30px;}
.al_questions ul li p{margin:0px;padding:0px;color: #9c9ca4;padding-left: 45px;padding-top: 5px;}
.al_view_answer_btn{background: #f5e5b9;width: 100%;height:40px;padding: 3px;margin-top:5px;}
.al_view_answer_btn button{width: 100%;height:100%;background: transparent;border:1px solid #aba081;color: #3b3b3b;font-weight: 500;}
.al_answer{width: 100%;margin-top:30px;}
.al_answer ul{margin:0px;padding:0px;}
.al_answer ul li{width:100%;list-style: none;margin-bottom:10px;}
.al_answer_serial{width:30px;height:30px;border-radius: 50%;background-color:#cccccc;color: #fff;margin-right:10px;font-weight: 600;text-align: center;padding-top:5px;}
.al_answer_div{width:calc(100% - 40px);background:#efefef;padding: 15px;}
.al_answer_div p{margin:0px;padding:0px;font-weight:300;font-size: 15px;color: #9c9ca4;padding-bottom: 20px;}
.al_answer_lawyer_pic{width:60px;height:70px;background: #a8a8a8;margin-right:10px;}
.al_answer_lawyer_pic img{width:100%;height:100%;object-fit:cover;object-position:center;}
.al_answer_lawyer_detail{width: calc(100% - 70px);}
.al_answer_lawyer_detail h5{margin:0px;padding:0px;color: #555556;font-weight:400;}
.al_answer_lawyer_detail p{padding:0px;padding-top:5px;padding-bottom:5px;margin:0px;font-size:12px;color: #808080;background: url("../../assets/img/al_location.png") !important;background-repeat: no-repeat !important;background-position: 0px !important;background-size: 13px !important;padding-left:20px;background-repeat: no-repeat !important;}
.al_consult_now_btn{background: #f5e5b9;width: 100%;height:30px;padding: 3px;width: 110px;font-size: 13px;}
.al_consult_now_btn button{width:100%;height:100%;background: transparent;border:1px solid #aba081;color: #3b3b3b;font-weight: 500;}
/* 10.LEGAL-SERVICE-PAGE-STYLES */
.al_legal_service_tab{width:60%;margin:0 auto;}
.al_legal_service_tab ul{margin: 0px;padding:0px;}
.al_legal_service_tab ul li{margin: 0px;padding:0px;width:50%;border:1px solid #efc142;cursor:pointer;text-align: center;padding: 10px;color: #4f4b49;list-style: none;font-size: 16px;}
.al_legal_service_tab ul .active{background:#efc142 !important;color: #fff !important;}
.al_legal_service_main{width:100%;}
.al_legal_service_tabs{width:100%;margin:0 auto;}
.al_legal_service_tab_inner{width:60%;margin:0 auto;}
.al_legal_service_tabs input{width: 100%;border: 1px solid #000000;height: 35px;background: transparent;color: #7f7f7e;font-size: 18px;margin-bottom:30px;}
.al_legal_service_tabs textarea{width:100%;background: #efefef;padding: 15px;color: #c9c9c9 !important;border:none;font-size: 18px;}
.al_legal_service_lawyer_list{width: 100%;}
.al_legal_service_lawyer_list h5{color: #545454;font-weight: 600;font-size: 18px;}
.al_legal_service_lawyer_list ul{margin:0px;padding:0px;}
.al_legal_service_lawyer_list ul li{list-style: none;}
.al_legal_service_lawyer_list{width: 100%;}
.al_legal_service_lawyer_list ul {width:100%;margin:0px;padding:0px;padding-top: 20px;}
.al_legal_service_lawyer_list ul li{cursor:pointer;list-style: none;width:100%;list-style: none;background: #efefef;padding:15px;margin-bottom: 5px;}
.al_legal_service_lawyer_list .al_lawyer_prof_pic{width:75px;height:100px;background: #303033;}
.al_legal_service_lawyer_list .al_lawyer_prof_pic img{width:100%;height:100%;object-fit:cover;object-position:center;}
.al_legal_service_lawyer_list .al_lawyer_prof_detail{width:calc(100% - 75px);padding-left: 15px;padding-right: 15px;padding-top: 5px;padding-bottom: 5px;border-right:1px solid #c2c2c2 !important;}
.al_legal_service_lawyer_list .al_lawyer_prof_detail h3{color: #555556;margin:0px;padding:0px;margin:0px;font-weight: 400;padding-bottom:10px;}
.al_legal_service_lawyer_list .al_lawyer_prof_detail h5{color: #898989;margin:0px;padding:0px;padding-left: 25px;font-size: 15px;padding-right: 25px;background-repeat: no-repeat !important;background-position: left;padding-bottom:10px;font-weight: 400;}
.al_legal_service_lawyer_list .al_lawyer_location{background: url("../../assets/img/al_location.png") !important;}
.al_legal_service_lawyer_list .al_lawyer_experience{background: url("../../assets/img/al_experience.png") !important;}
.al_legal_service_lawyer_list .al_lawyer_consult{background: url("../../assets/img/al_consult.png") !important;}
.al_legal_service_lawyer_list .al_lawyer_tags{width:100%;}
.al_legal_service_lawyer_list .al_lawyer_tags ul{margin:0px;padding:0px;text-align: left}
.al_legal_service_lawyer_list .al_lawyer_tags li{margin:0px;padding:0px;text-align:center;display: inline-block;background: #8d8d8f !important;color: #fff;padding: 4px !important;padding-left:6px !important;padding-right:6px !important;width: auto !important;margin-bottom: 5px;}
.al_legal_service_lawyer_list .al_lawyer_ratting_offers{width:100%;}
.al_legal_service_lawyer_list .al_ratting_bay{width:100%;padding-bottom:0px !important;}
.al_legal_service_lawyer_list .al_rate_ribbon{background: url("../../assets/img/al_rate_ribbon.png") !important;width:50px;margin-right:10px;height:25px;color: #fff;background-repeat: no-repeat !important;background-position: center !important;background-size: 100% !important;padding: 3px;padding-left: 17px;}
.al_legal_service_lawyer_list .al_rate_count{padding: 3px;color: #b0b0b0;font-size: 15px;}
.al_legal_service_lawyer_list .al_rate_count strong{color: #676767;padding-right: 5px;}
.al_legal_service_lawyer_list .al_lawyer_ratting_offers p{margin:0px;padding:0px;color: #777777;font-size: 16px;padding-bottom: 10px;}
.al_legal_service_lawyer_list .al_line{width:15px;height:15px;border-radius: 50%;background: #d4d4d4;margin-bottom:15px;position: relative !important;}
.al_online{background:#2de90e !important; }
.al_ask_btn{background: #f5e5b9;height:40px;padding: 3px;width:130px;margin:0 auto;margin-top:10px;}
.al_ask_btn button{width: 100%;height:100%;background: transparent;border:1px solid #aba081;color: #3b3b3b;font-weight: 600;}
.al_legal_service_list{width:100%;padding-top:20px;}
.al_legal_service_list ul{margin:0px;padding:0px;}
.al_legal_service_list ul li{list-style: none;display: inline-block;width:calc(100% - 405px);height:450px;background: #f2f2f2;border:10px solid #fff;}
.al_legal_service_top_banner{width:100%;height:200px;position: relative;}
.al_legal_service_top_banner img{width:100%;height:100%;object-fit:cover;object-position:center;}
.al_legal_service_top_banner_over_lay{position: absolute;top:0px;bottom: 0px;left:0px;right:0px;padding: 50px;background: rgba(0,0,0,0.2);text-align: center !important;}
.al_legal_service_detail{width: 100%;padding: 20px;}
.al_legal_service_top_banner_over_lay h5{color: #fff;margin:0px;padding:0px;text-align: center;font-size: 18px;padding-top: 5px;}
.al_legal_service_top_banner_over_lay img{height:60px;width: auto;}
.al_legal_service_detail p{color: #888888;font-size: 14px;padding-top: 10px;}
.al_legal_service_detail p strong{font-size: 28px;color: #505050;font-weight: 500;padding-left: 10px;}
.al_legal_check {position: absolute; opacity: 0;
& + label {position: relative;top:30px;cursor: pointer;padding: 0;font-weight: 400;font-size: 14px;color: #b8b8b8;padding-bottom: 10px;padding-top: 10px;}
& + label:before {content: '';margin-right: 10px;display: inline-block;vertical-align: text-top;width: 20px;height: 20px;background:#fff;border:2px solid #555556;border-radius: 5px;}
&:hover + label:before {background:transparent;border:2px solid #555556;border-radius: 5px;}
&:focus + label:before {}
&:checked + label:before {background:transparent;border:2px solid #555556;border-radius: 5px;}
&:disabled + label {color: #f9c637;cursor: auto;}
&:disabled + label:before {box-shadow: none;background: #ddd;}
&:checked + label:after {content: '';position: absolute;left: 5px;top: 20px;background: #555556;width: 2px;height: 2px;box-shadow: 2px 0 0 #555556,4px 0 0 #555556,4px -2px 0 #555556,4px -4px 0 #555556,4px -6px 0 #555556,4px -8px 0 #555556;transform: rotate(45deg);}
}
/* 11. FOOTER-PAGE-STYLES */
.al_main_footer{width:100%;background: #2c2c2f;padding-top: 30px;padding-bottom:30px;}
.al_main_footer h4{color: #fff;}
.al_main_footer p{color: #7a7a7c;}
.al_main_footer span{}
.al_footer_border{border-left:1px solid #535355;padding-left: 40px;}
/* 12. ABOUT-US-PAGE-STYLES */
.lw_abouts{background-image: url("../../assets/img/ask_about_banner.png");background-repeat: no-repeat;background-position: top;background-attachment: fixed;}
.lw_about_head {width:50px;height:50px;margin:80px auto 10px auto; background-image: url("../../assets/img/ask_about.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.lw_about_pic img{width: 100%; height: auto;margin-bottom: 10px;}
.lw_about_us {width:100%;padding: 50px 0;}
.lw_about_us h5{color: #666666;text-align:justify;font-size: 18px; font-weight: 600;margin:0 0 10px 0;line-height: 24px;}
.lw_about_us p{width: 100%;color: #626262;font-size: 14px;font-weight: 400;text-align: justify;margin: 0;line-height: 22px;}
/* 13. SETUP-PAGES & CONTACTUS-PAGE-STYLES */
.lw_page_setup{width:100%;}
.lw_set_head {width:100%;padding:35px 0;text-align: center;}
.lw_set_head h3{color: #4f4b49;font-size: 22px;font-weight: 600;margin: 0 0 10px 0;text-transform: uppercase;text-align: center !important;}
.lw_set_head hr{margin: 0 auto;width: 50px;height: 4px;background-color: #efc142;border-radius: 3px;border: 0;}
.lw_set_subhead {width: 100%;padding: 10px 50px;}
.lw_set_subhead h4{color: #5e5e5e;font-size: 18px;font-weight: 500;margin: 0 0 20px 0;}
.lw_set_inputs{width:100%;padding-bottom:20px;}
.lw_set_row{width:100%;margin-bottom:20px;padding: 0px 50px ;}
.lw_set_row label{color: #7f7f7e; font-size: 14px; font-weight: 500;padding-bottom: 5px;padding:0;}
.lw_set_row input, .lw_set_row select,.lw_set_row textarea{width:100%;height: 30px;border: 1px solid #b2b2b2;outline: none;background-color: transparent;color: #868686;font-size: 16px;font-weight: 400;}
.lw_set_row input::placeholder,.lw_set_row textarea::placeholder{color:#c7c7c7;}
.lw_set_row select{color:#c7c7c7 !important; background-image: url("../../assets/img/modal_dropdown.png");background-repeat: no-repeat;background-position: right 5px top 5px;background-size: 18px 15px;-webkit-appearance: none;}
.lw_set_row textarea{height: 80px !important; background-color:#f1f1f1 !important;border:none !important;padding:10px 15px !important;}
.lw_add_input{width: 35px;height: 35px;border: 2px solid #e8af35;border-radius: 50%;background-color: transparent;color: #e8af35;font-size: 26px;text-align: center;padding: 0px;line-height: 15px;top:20px;right: 0}
.lw_set_map iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);cursor: pointer;height:160px;width:100%;border:0;}
.lw_set_year{background-image: url("../../assets/img/modal_calendar.png");background-repeat: no-repeat;background-position: right 5px top 5px;background-size: 18px;}
.lw_contact_head {background-color: #f7f7f1;margin-bottom: 40px;}
.lw_set_loc{background-image: url("../../assets/img/ask_place.png");background-repeat: no-repeat;background-position: right 5px top 5px;background-size: 10px;}
.lw_upload_page{background-image: url("../../assets/img/ask_upload_banner.png");background-repeat: no-repeat;background-position: center;background-attachment: fixed;}
.lw_upload_page_overlay {background-color: #fff;opacity: 0.91;padding-bottom: 50px;}
.lw_upload_pic {width:80px;height:80px;margin: 10px auto; background-image: url("../../assets/img/ask_upload_img.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.lw_upload_btn {position: relative;width: 100px;height: 25px;margin: 20px auto;}
.lw_upload_btn [type=file]{width:100%;height:100%; padding: 0;opacity: 0;position:relative;z-index:2;}
.lw_upload_btn button{width:100%;height:100%;background-color: #010101;border:none;color: #fff; font-size: 12px;text-transform: uppercase; font-weight: 400;position: absolute;top:0;left:0;}
/* 14. SERVICE-DETAIL-PAGE-STYLES */
.al_fix_div{background:#efefef;display: inline-block;padding: 15px;}
.al_fix_div p{color: #909090;margin:0px;padding:0px;font-size: 16px;}
.al_fix_div strong{color: #656565;font-size: 15px;font-weight: 500;}
.lw_btn_cab_black {width: 140px;height: 35px;padding: 3px;background-color: #2c2c2f;}
.lw_btn_cab_black .lw_btn1 {width: 100%;height: 100%;color: #e7e7e7;font-size: 13px;font-weight: 600;border: 1px solid #aba081;outline: 0;background: transparent;}
/* 15. LAWYER-HOME-PAGE */
/*Professional details*/
.lw_setpic_cabin {width:110px;height:110px;margin:0 auto;position:relative;}
.lw_setpic_cabin img{border-radius: 50%; width:100%;height:100%;object-fit:cover;}
.lw_setpic_cabin .lw_pic_edit{width:30px; height:30px;border-radius: 50%; background-color:#312c2a;position:absolute; top:10px;right:-10px;background-image: url(../../assets/img/ask_edit.png);background-repeat: no-repeat;background-size: 12px;background-position: center;}
.lw_prof_radio {width:100%;}
.lw_prof_radio input[type=radio] {display: none;}
.lw_prof_radio label {width: 30% !important;float:left;position: relative;}
.lw_prof_radio label:before {content: ""; width: 18px;height: 18px;float: left;border: 2px solid #baaa7f;border-radius: 50%;margin-right: 15px}
.lw_prof_radio input[type=radio]:checked + label:before {background-image: url(../../assets/img/ask_radio_in.png);background-repeat: no-repeat;background-size: 10px;background-position: center;}
/*Address details*/
.lw_lawyer_home_page{width:100%;padding-bottom:50px;}
.lw_home_segment {background-color: #f7f7f1; padding: 30px 0;}
.lw_home_segment ul{list-style: none;padding:0;margin:0;}
.lw_home_segment ul li{cursor:pointer;float:left;padding: 5px;width: 14.28%;text-align: center;font-size: 14px;font-weight: 400;color: #525151;}
.lw_home_segment ul .active{background-color: #2b2b2f;color: #fff;}
/*Segment-Legal service details*/
.lw_set_input_list .lw_set_row{padding: 0 !important;}
.pr5 {padding: 0px 5px 0 0!important;}
.lw_legal_head {width:100%;padding:5px 15px;background-color: #efc142; color: #fff; font-size:13px; font-weight:500;text-transform: uppercase; margin-bottom: 15px;}
.lw_add_legal_btn .lw_add_input{width:30px !important; height:30px; top:2px !important;}
/*Set schedule*/
.lw_schedule_head h3{color: #838383;font-size: 14px;font-weight: 500; margin:0;}
.lw_schedule_list {list-style: none;width: 100%;margin:0;padding:0 0 30px 0;}
.lw_schedule_list li{list-style: none;}
.lw_schedule_set{width:25%; padding-right:10px;min-height:1px;margin:10px 0;}
.lw_schedule_set input{width:100%;height:30px;border: 1px solid #b2b2b2;color:#494442;font-size: 14px; font-weight: 500;padding: 0px 15px;}
.lw_schedule_set input::placeholder{color: #bcbaba;}
.lw_schedule_set button {width:110px;height:30px;margin-right:10px;background-color: #494442;border:none;color: #fff; font-size: 12px; font-weight: 400;}
.lw_schedule_set button:disabled {background-color:#bcbaba;}
.lw_set_action{height: 30px;}
.lw_set_action input[type=checkbox] {display: none;}
.lw_set_action input[type=checkbox]:checked + label {border:2px solid #efc142 !important;background-image: url("../../assets/img/ask_close_yellow.png") !important;}
.lw_set_action label {cursor:pointer;width: 20px;height: 20px;margin:5px 0;border-radius: 50%;border: 2px solid #bcbaba;background-image: url("../../assets/img/ask_close_grey.png");background-repeat: no-repeat;background-position: center;background-size: 10px; }
.lw_list_add{cursor:pointer;width: 20px;height: 20px;border: 2px solid #bcbaba;border-radius: 50%;color: #bcbaba;font-size: 19px;font-weight: 400;margin: 5px 0;text-align: center;line-height: 16px;}
.lw_schedule_set .time_input{background-position: right 5px top 6px !important;}
.lw_clk_input{background-image: url(../../assets/img/modal_clock_yellow.png);background-repeat: no-repeat;background-size: 15px;background-position: right 5px top 6px !important;}
/*Set consultation fee*/
.lw_legal_subhead { padding: 0 !important;position:relative; }
.lw_legal_consult { margin-bottom:15px;}
.lw_legal_consult .lw_set_row {padding: 0 !important;}
.lw_toggle_switch {position: relative;display: inline-block;width: 25px; height: 5px;margin: 0;}
.lw_toggle_switch input {display:none;}
.lw_toggle_slider {background-color: #e1e1e1;border-radius: 35px;cursor: pointer;position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transition: .4s;transition: .4s;}
.lw_toggle_slider:before {content: "";height: 15px;width: 15px;border-radius: 50%;background-color: #c6c6c6;position: absolute;left: 0px;bottom: -4px;-webkit-transition: .4s;transition: .4s;}
input:focus + .lw_toggle_slider {box-shadow: 0 0 1px #ffba00;}
input:checked + .lw_toggle_slider:before {background-color: #ffba00;-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}
.lw_toggle_btn {position: absolute;top:0;right:15px;}
.lw_legal_consult .lw_set_subhead h4{font-size: 16px !important;margin: 0 0 15px 0 !important;}
/*Set promocode*/
.lw_set_promo_head_cabin{width: 100%;padding: 10px 0;}
.lw_set_promo_head{width:50%;float:left;}
.lw_set_promo_head button{background-color: #2b2b2f; border:none;padding: 5px 15px;font-size: 14px;font-weight: 400;color: #fff;}
.lw_display_promo{position: relative;text-align: right;padding: 5px 0;}
.lw_display_promo p{color: #626262;font-size: 14px;font-weight: 400;margin: 0;padding-right: 100px;}
.lw_display_promo .lw_toggle_btn {top: 3px;}
.lw_set_promo_det {width:100%;border:1px solid #9e9e9e;}
.lw_set_promo_det ul{width:100%;list-style: none;padding:0;margin:0;}
.lw_set_promo_det ul li{border-bottom: 1px solid #9e9e9e;padding:10px 20px;}
.lw_set_promo_det ul li:last-child{border: 0;}
.lw_set_promo_det ul li p{width:90%;float:left;text-transform: uppercase;color: #838383;font-size: 14px;font-weight: 500;margin: 2px 0;}
.lw_set_promo_det ul li span{width:10%;float:left;text-align: right;}
.lw_set_promo_det ul li span button {background-color: #2b2b2f;border: none;padding: 3px 25px;font-size: 13px;font-weight: 400;color: #fff;}
.lw_promo_editbtn{width:90px;padding:3px;background-color: #efc142;border: none;font-size: 13px;font-weight: 400;color: #fff;background-image: url(../../assets/img/ask_edit.png);background-repeat: no-repeat;background-size: 12px;background-position: left 15px top 5px;}
.lw_promo_closebtn{width:90px;padding:3px;background-color: #2b2b2f;border: none;font-size: 13px;font-weight: 400;color: #fff;background-image: url(../../assets/img/ask_close_white.png);background-repeat: no-repeat;background-size: 9px;background-position: left 12px top 7px}
.lw_promo_addbtn{margin:0 !important;width:35px;height:35px;border-radius:50%;background-color:transparent;border:2px solid #ffba00;color: #ffba00;font-size: 25px;line-height: 15px;position:relative;bottom:5px;}
.lw_create_promo_btns{width: 100%;padding: 20px 0 10px 0;}
.lw_create_promo_btns button {float: left;margin-right: 15px;}
.lw_promo_list h5{color: #838383;font-size: 13px;font-weight: 400; margin: 5px 0;}
.lw_promo_list h4{color: #4d4d4d;font-size: 15px;font-weight: 500; margin: 5px 0;}
/* 16. CONTACT-US-PAGE */
.lw_contacts {background-image: url(../../assets/img/ask_contact_banner.png);background-repeat: no-repeat;background-position: top;background-attachment: fixed;}
.lw_co_head {width:50px;height:50px;margin: 80px auto 10px auto; background-image: url("../../assets/img/ask_contact_head.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.lw_contact_cabin {width:100%;padding: 30px 0;}
.lw_contact_row {width:100%;margin-bottom:20px;}
.lw_contact_row input,.lw_contact_row textarea{width: 100%;height: 30px; border: 1px solid #b2b2b2;outline: none; background-color: transparent;color: #868686;font-size: 14px;font-weight: 400;}
.lw_contact_row textarea {height:75px !important;}
.lw_contact_row input::placeholder,.lw_contact_row textarea::placeholder{color: #868686;}
.lw_contact_row input:hover, .lw_contact_row textarea:hover{border: 1px solid #000000;color:#000000;}
.lw_contact_row input:hover::placeholder, .lw_contact_row textarea:hover::placeholder {color: #000000;}
.lw_contact_us{width:100%;padding-bottom:10px;}
.lw_contact_us h4{font-size: 18px;color: #4c4c4c;font-weight: 500;margin: 20px 0;}
.lw_contact_descript p{color: #919190;font-size: 14px;font-weight: 400;margin:0;line-height: 22px;}
.lw_contact_descript hr{width:100%;height: 1px;background-color: #9b9b9b; margin: 20px auto;}
.lw_contact_address ul{list-style: none;padding:0;margin:10px 0;}
.lw_contact_address ul li{color: #919190;font-size: 14px;font-weight: 400;line-height: 22px;padding: 5px 0 5px 35px;background-size: 25px !important; background-repeat: no-repeat !important;background-position: left !important;}
.lw_address_loc{background-image: url(../../assets/img/ask_contact_loc.png);}
.lw_address_phone{background-image: url(../../assets/img/ask_contact_phone.png);}
.lw_address_mail{background-image: url(../../assets/img/ask_contact_mail.png);}
/* 17. APPOINTMENT-DETAILS-PAGE */
.lw_appoint_page {width:100%;padding: 30px 0;}
.lw_appoint_search {width:100%;position:relative;margin-bottom:15px;}
.lw_appoint_search input {width:100%;height:35px;border: 1px solid #2c2c2f;color:#b6b6b6;font-size: 14px; font-weight: 400;padding-right:60px;}
.lw_appoint_search input::placeholder{color:#b6b6b6}
.lw_appoint_search button{width:50px; height: 35px;border: 1px solid #2c2c2f; background-color:#2c2c2f; background-image: url("../../assets/img/ask_search_white.png");background-repeat: no-repeat;background-position: center;background-size: 15px; position:absolute;top: 0;right:0;}
.lw_appointment_cab {width:100%; position: relative;position: relative;}
.lw_appointment_cab .lw_appoint_list_row{padding:0px 10px;}
.lw_appoint_arrows button {width:20px;height:50px;background-color: transparent;border:none;position:absolute;top:40px;background-repeat: no-repeat !important; background-position: center !important; background-size: 8px !important;}
.lw_appoint_left {background: url("../../assets/img/ask_arrow_left.png");left:-15px;}
.lw_appoint_right {background: url("../../assets/img/ask_arrow_right.png");right:-10px;}
/* 18. LEGAL-SERVICE-DETAILS-PAGE */
.lw_legal_profile {width:100%;}
.lw_legal_profile h3{width:100%;color: #666;font-size: 22px;font-weight: 400; margin: 20px 0 10px 0;}
.lw_legal_address {width:100%;padding-bottom: 20px}
.lw_legal_address h5{color: #666666;font-size: 18px;font-weight: 600; margin: 10px 0;line-height: 24px;}
.lw_legal_address p{width: 100%;color: #626262;font-size: 14px;font-weight: 400;text-align: justify;margin: 0;line-height: 22px;}
.lw_legal_pay {width:75%;padding-bottom:20px;}
.lw_legal_pay h3{color: #e2a524;font-size: 22px;font-weight: 500;margin: 0 0 15px;text-transform: capitalize;}
.lw_legal_det{width:100%;margin-bottom: 5px;}
.lw_legal_det p{width: 30%;color: #626262;font-size: 14px;font-weight: 400; margin: 0;padding: 5px 0;}
.lw_legal_det input{width:70%;height:35px; border: none;background-color: #efefef;padding: 10px 15px;color: #4c4c4c;font-size: 14px;font-weight: 500;outline: 0;}
.lw_legal_det h4{width:70%;color: #4c4c4c;font-size: 14px;font-weight: 600; margin: 0;padding: 5px 0;}
.lw_btn2{width: 100%;height: 100%;color: #fff;font-size: 13px;font-weight: 600;border: 1px solid #a6bd9d;background-color: #80a173;outline: 0;}
.lw_btn_cab3{width: 140px;height: 35px;padding: 3px;background-color: #80a173;}
/* 19. LEGAL SERVICE */
.lw_service{background-image: url("../../assets/img/ask_legal_banner.png");background-repeat: no-repeat;background-position: top;background-attachment: fixed;}
.lw_service_head_cabin{width:100%;margin-bottom: 20px}
.lw_service_head {width:50px;height:50px;margin: 0 auto 10px auto; background-image: url("../../assets/img/ask_legal_service.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.lw_legal_service_page .lw_set_head{padding:20px 0 !important;}
.lw_legal_service_tab {width: 60%;margin: 0 auto;}
.lw_legal_service_tab ul {margin: 0px;padding: 0px;list-style: none;}
.lw_legal_service_tab ul li {width: 50%;border: 1px solid #2c2c2f;cursor: pointer;text-align: center;padding: 6px;color: #4f4b49;font-size: 15px;font-weight: 500;}
.lw_legal_service_tab ul .active {background: #2c2c2f !important;color: #fff !important;}
.lw_service_content{width:100%;padding:35px 0;}
.lw_service_tabs ul {margin: 0px;padding: 0px;list-style: none;}
.lw_service_tabs ul li {width: 100%;padding:10px;background-color: #efefef;margin-bottom: 5px;}
.lw_request_service {width:100%;}
.lw_request_service img{width:60px;height:60px;float:left;object-fit: cover;margin-right:20px;}
.lw_service_name {width:calc(100% - 80px;);}
.lw_service_name h3{color: #545454;font-weight: 600;font-size: 16px;text-transform: capitalize;margin:10px 0;}
.lw_service_name h4 {color: #7f7f7e;font-weight: 400;font-size: 14px;text-transform: capitalize;margin:0;}
.lw_service_name span {padding:0px 30px;}
.lw_service_btn {width:100%;text-align:center; padding: 15px 0;}
.lw_service_btn button{width:90px;padding:3px;background-color: #efc142;border: none;font-size: 13px;font-weight: 400;color: #fff;}
.right_brdr3{border-right:1px solid #d6d6d6}
/*Tab2*/
.lw_my_service_tab {width:100%;margin-bottom: 15px;}
.lw_my_leagal_head {width:100%;background-color: #272729; padding:10px 15px;color: #fff; font-size:16px; font-weight: 400; text-transform: capitalize;}
.lw_my_leagal_body {width:100%;background-color: #f2f2f2; padding:15px;height: 220px;}
.lw_my_leagal_body p{width:100%;color: #7f7f7e; font-size:13px; font-weight: 400;line-height: 20px;margin-bottom: 10px;}
.lw_my_leagal_body span {padding-left: 5px;font-size: 22px !important;color: #3e3c3c !important;font-weight: 600;}
.lw_my_leagal_foot .mod_btn1{width:100%;margin-bottom:5px;}
.lw_my_leagal_btns button {font-size: 13px;font-weight: 400;padding: 5px 0;margin-right:5px;width: 105px;}
.lw_my_leagal_btns button:last-child {margin:0;}
.lw_my_leagal_edit{color: #fff;background-color: #312c2a;border:1px solid #312c2a;}
.lw_my_leagal_delete{color: #fff;background-color: #d83003;border:1px solid #d83003;}
.lw_my_leagal_un{color: #aaaaaa;background-color:transparent;border:1px solid #aaaaaa;}
.lw_my_leagal_pub{color: #00a651;background-color:transparent;border:1px solid #00a651;}
.al_service_scroll{overflow: scroll;height: 80px;}
/* 20. MY-APPOINTMENT-DETAILS */
.lw_appoint_childtab {width:100%;padding-bottom:35px;}
.lw_appoint_childtab ul{list-style: none;padding:0;margin:0;}
.lw_appoint_childtab ul li{cursor:pointer;float:left;padding: 5px;width: 20%;white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;text-align: center;font-size: 14px;font-weight: 400;color: #525151;}
.lw_appoint_childtab ul .active{background-color: #efc142;color: #fff;}
.lw_childtab_cabin h3 {text-align: center; color: #808080;font-size: 21px;font-weight: 500;margin:10px 0;}
.lw_childtab_detail ul{list-style: none;padding:0;margin:10px 0;}
.lw_childtab_detail ul li{padding: 15px 10px;background-color:#efefef;margin-bottom:5px;}
.lw_child_imgcab{width:90px;height:110px;margin-right:20px;}
.lw_child_imgcab img{width:100%;height:100%;object-fit: cover;}
.lw_childtab_profile{width:calc(100% - 120px);}
.lw_childtab_profile h2 {color: #555555;font-weight: 500;font-size: 18px;text-transform: capitalize;margin:0 0 10px 0;line-height:15px;}
.lw_childtab_profile h2 span {margin-left:50px;padding:3px 15px 3px 30px;border: none;font-size: 13px;font-weight: 400;color: #fff;background-repeat: no-repeat !important;background-position: left 12px top 5px !important;background-size: 12px !important;}
.lw_childtab_profile h2 .lw_chat_btn {background-color: #d99f24;cursor:pointer;background-image: url("../../assets/img/ask_chat.png");}
.lw_childtab_profile h2 .lw_voice_btn {background-color: #80a173;cursor:pointer;background-image: url("../../assets/img/ask_voice.png");}
.lw_childtab_profile h2 .lw_meet_btn {background-color: #d99f24;cursor:pointer;background-image: url("../../assets/img/ask_meeting.png");background-size: 16px !important;}
.lw_childtab_profile h2 .lw_video_btn {background-color: #80a173;cursor:pointer;background-image: url("../../assets/img/ask_video.png");background-size: 16px !important;}
.lw_childtab_address{width:25%;}
.lw_childtab_address p {width:100% !important;}
.lw_childtab_map {width:75%;}
.lw_childtab_map iframe {-webkit-filter: grayscale(100%);filter: grayscale(100%);cursor: pointer;height:120px;width:100%;border:0;}
.lw_childtab_row{width:100%;}
.lw_childtab_row_inner p{padding-right:10px;width:50%;color: #808080;font-size: 13px;font-weight: 400;margin:0 0 3px 0;}
.lw_childtab_row_inner p span {padding-right:15px;}
.lw_childtab_row_inner p strong {background-color: #efc142; padding:2px 5px; color:#fff;}
.lw_childtab_row .width50:first-child::after{content: "";width:1px;height:80px;background-color: #808080;}
.lw_childtab_row_outer{width:100%; padding-top:20px;}
.lw_childtab_row_outer select {width:120px; height:25px; color: #808080;border:1px solid #808080;background-color:transparent;}
.lw_childtab_row_outer h4{padding-right:10px;color: #6a6a6a;font-size: 15px;font-weight: 500;margin: 0 0 10px 0;}
.lw_childtab_row_outer p{padding-right:10px;width:25%;color: #808080;font-size: 13px;font-weight: 400;margin:0 0 3px 0;}
.lw_childtab_row_outer span {padding-right:15px;}
.lw_childtab_row_outer .lw_rem {margin-left:10px;width:120px;border:none;background-color: #232326; color: #d6d6d6;font-size:13px; padding:3px;background-image: url("../../assets/img/modal_clock_yellow.png");background-repeat: no-repeat;background-position: left 10px top 5px;background-size: 12px;}
.lw_select_btn{width:75%;float:left;}
.lw_show_address {width:130px; padding:0;text-align: left;color: #5f5f5f;font-size: 15px;font-weight: 400;margin:5px 0;border:none;background-color: transparent; background-image: url("../../assets/img/ask_show.png");background-repeat: no-repeat;background-position:right;background-size: 15px;}
.lw_childtab_row .active{background-image: url("../../assets/img/ask_show_hide.png") !important;}
.lw_toggle_tab .lw_childtab_row_outer {padding-top:0px;}
/* 21. CHAT-PAGE-STYLES */
.al_detail_doc_wrapper{padding-top:30px;}
.al_chat_wrapper{
.al_chat_consult_tab{
width: 100%;
height: 40px;
border:1px solid #efc142;
margin-bottom: 20px;
ul{
width: 100%;
height: 100%;
margin:0px;
padding: 0px;
li{
width: 50%;
float: left;
list-style: none;
text-align: center;
height: 100%;
padding: 3px;
button{
width:100%;
height:100%;
background: transparent;
border:1px solid transparent;
color: #2c2c2f;
}
}
.active{
background-color: #efc142;
color: #fff;
button{
border:1px solid #f5da8e;
color: #fff !important;
}
}
}
}
.al_chat_search_bar{
width:100%;
}
.al_chat_search_input{
width:100%;
background: #f0f0f0;
border-radius:0px;
height:40px;
border:none;
padding-left: 20px;
background-image: url("../../assets/img/al_chat_search.png") !important;
background-repeat: no-repeat !important;
background-position: right 10px top 10px;
margin-bottom: 10px;
}
.al_chat_list{
height:500px;
ul{
span{
padding: 3px;
padding-left: 8px;
padding-right: 8px;
font-size: 12px;
}
.new_list{
background: #80a173;
color: #d6dfd2;
}
.read{
background: #c1c1c1;
color:#e9e9e9;
}
margin:0px;
padding: 0px;
width:100%;
height: 100%;
overflow: scroll;
li{
list-style: none;
width:100%;
padding: 10px;
cursor: pointer;
border-left:4px solid #fff;
.al_chat_pic{
width:50px;
height:50px;
border-radius: 0%;
background: #f8f8f8;
float: left;
img{
width:100%;
height:100%;
border-radius: 0%;
object-fit:cover;
object-position:center;
}
}
.al_chat_per_detail{
width:calc(100% - 50px);
float: left;
.al_chat_per_right{
width:70px;
float: right;
text-align:right;
padding:2px;
padding-top: 10px;
p{
margin:0px;
font-size: 10px;
color: #6f6f6f;
text-align: right;
}
.al_chat_msg_not{
width:18px;
height:18px;
color: #fff;
background: #66b83e;
border-radius: 50%;
font-size: 10px;
float: right;
text-align: center;
span{
position: relative;
bottom: 2px;
}
}
}
.al_chat_per_left{
float: left;
width:calc(100% - 70px);
padding:8px;
padding-left: 20px;
border-right:1px solid #e3e3db;
h5{
margin:0px;
padding:0px;
color: #494949;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
p{
margin:0px;
padding: 0px;
color: #acacac;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}
}
}
.active{
background: #f0f0e8 !important;
border-left:4px solid #2c2c2f;
}
}
}
.al_chat_content{
background:#f4f4f4;
height:570px;
position: relative;
.al_chat_content_inner{
width:100%;
height:calc(100% - 55px);
ul{
margin:0px;
padding:20px;
padding-top: 50px;
height: 100%;
overflow: scroll;
li{
margin:0px;
padding: 0px;
list-style: none;
width:100%;
.al_chat_circle_pic{
width:30px;
height:30px;
background: #a8a8a8;
border-radius:0;
img{
width:100%;
height:100%;
border-radius:0;
object-fit:cover;
object-position:center;
}
}
.al_chat_message{
width:35%;
p{
margin:0px;
padding:0px;
color: #848484;
font-size: 10px;
padding-top: 5px;
}
}
.al_chat_message_content{
padding:5px;
font-weight: 400;
padding-left: 10px;
padding-right: 10px;
font-size: 13px;
position: relative;
.al_arrow{
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 12px solid black;
position: absolute;
}
}
}
.al_chat_inbox{
float: left;
.al_chat_circle_pic{
float: left;
}
.al_chat_message{
float: left;
padding-left:20px;
padding-top: 5px;
p{
text-align: left;
padding-top: 5px;
}
.al_chat_message_content{
background:#2c2c2f;
color: #fff;
text-align:left;
.al_arrow{
left:-10px;
top:20%;
border-bottom: 12px solid #2c2c2f;
}
}
}
}
.al_chat_outbox{
float: right;
.al_chat_circle_pic{
float: right;
}
.al_chat_message{
float: right;
padding-right:20px;
p{
text-align: right;
}
.al_chat_message_content{
background: #9b9b9b;
color: #fff;
text-align:right;
.al_arrow{
right:-10px;
top:20%;
border-bottom: 12px solid #9b9b9b;
}
}
}
}
}
}
.al_chat_type_section{
width: 100%;
background:#f0f0f0;
.al_chat_textarea{
width:calc(100% - 95px);
height:55px;
float: left;
background: transparent;
border:none;
text-align: right;
padding: 15px;
font-size: 14px;
color: #afafaf;
resize: none;
}
.al_chat_send{
width:40px;
height:55px;
float: right;
border:none;
background-color:#312c2a !important;
background-image: url("../../assets/img/al_send.png") !important;
background-repeat: no-repeat !important;
background-position: center;
background-size: 35px;
}
.al_chat_attachment{
width:55px;
height:55px;
float: left;
border:none;
background-color:#f0f0f0 !important;
background-image: url("../../assets/img/al_attachement.png") !important;
background-repeat: no-repeat !important;
background-position: center;
background-size:25px;
}
}
}
}
/* 22. ABOUT-US-PAGE-STYLES */
.lw_my_prof{width:100%;margin-bottom:50px;}
.al_abouts{background-image: url("../../assets/img/al_ques_banner.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.al_about_head {width:50px;height:50px;margin:80px auto 10px auto; background-image: url("../../assets/img/al_ques_mark.png");background-repeat: no-repeat;background-position: center;background-size: cover;}
.al_about_pic img{width: 100%; height: auto;margin-bottom: 10px;}
.al_about_us {width:100%;padding: 50px 0;}
.al_about_us h5{color: #666666;text-align:justify;font-size: 18px; font-weight: 600;margin:0 0 10px 0;line-height: 24px;}
.al_about_us p{width: 100%;color: #626262;font-size: 14px;font-weight: 400;text-align: justify;margin: 0;line-height: 22px;}
.al_ques_list{width: 100%;padding-top: 30px;}
.al_ques_list ul{width:100%;margin:0px;padding:0px;}
.al_ques_list ul li{width:100%;list-style: none;margin-bottom:10px;background-image: url("../../assets/img/al_question.png");background-repeat: no-repeat;background-position: left;}
.al_ques_list ul li p{margin:0px;padding:10px;color: #838383;font-weight: 500;padding-left: 40px;font-size: 16px;}
.al_ques_answer_btn{width:100%;background:#2c2c2f;color: #fff;height:30px;border:none;font-size: 12px;}
.al_ques_textarea{width: 100%;border:1px solid #b2b2b2;color: #c2c2c2;}
.al_sub_head{text-align: center;}
.al_sub_head h3{color: #4f4b49; font-size:16px;font-weight: 500; margin: 0 0 10px 0;}
.al_sub_head hr{ margin: 0 auto;width: 50px;height: 4px;background-color: #efc142;border-radius: 3px;border: 0;}
/* 23. VIDEO-AUDIO-CALL-PAGES-STYLES */
.al_call_modal{width:90% !important;height:90vh !important;}
.al_call_modal .modal-content{width:100%;height:100%;background: #000;}
.al_call_modal .modal-content video{width:100%;height: 100%;padding: 15px;}
.al_call_modal .modal-content img{width:100%;height:100%;object-fit:cover;object-position:center;}
.al_call_modal .modal-body{padding: 0px;width:100%;height:100%;position: relative;}
.al_call_close{position: absolute;cursor:pointer;z-index:99;top:20px;right:20px;width:15px;height: 15px;background-size: 100%;background-image: url("../../assets/img/modal_close.png");background-repeat: no-repeat;background-position:center;}
.al_call_modal .al_call_btn_bay{position: fixed;bottom: 0px;left:0px;right:0px; padding: 15px;}
.al_call_end{width:80px;height:80px;margin:0 auto;cursor:pointer;background-image: url("../../assets/img/al_end_call.png");background-position: center;background-repeat: no-repeat;background-size: 80px;}
.al_call_detail{padding: 10px;}
.al_call_duration{padding: 10px;}
.al_call_detail h6{margin:0px;padding: 0px;color: #bfbfbf;font-weight:400;padding-bottom: 10px;}
.al_call_detail h4{margin:0px;padding: 0px;color: #bfbfbf;font-weight:400;}
.al_call_duration h5{margin:0px;padding:0px;color: #bfbfbf;font-weight:400;font-size: 16px;}
.al_call_mini_window{width:100px;height:120px;position: absolute;border:1px solid #fff;right:20px;top:60px;}
.al_call_mini_window video{width:100%;height:100%;padding: 0px !important;}
.al_call_mini_window img{width:100%;height:100%;object-fit:cover;object-position:center;}
.al_caller_img{width:130px;height:130px;border-radius: 50%;margin:0 auto;border:1px solid #d5d7e3;}
.al_caller_img img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius: 50%;}
.al_caller_inner{width: 100%;text-align: center;padding-top: 10%;}
.al_caller_inner h5{color: #d5d7e3;font-size: 20px;font-weight: 400;padding-top: 10px;}
.al_caller_inner p{color: #d5d7e3;font-size: 18px;font-weight: 300;letter-spacing:2px;}
.al_caller_inner h6{color: #fff;font-size: 16px;letter-spacing:2px;}
/* 24. PAGE-NOT-FOUND */
.al_error_inner{width:100%;margin: 10% auto;}
.al_error_inner img{width:120px;}
.al_error_detail{border-left:1px solid #cecece;padding:20px;padding-left: 50px;padding-top: 0px;padding-bottom: 0px;}
.al_error_detail h4{color: #5d5d5d;font-size:70px;font-weight: 600;}
.al_error_detail p{color: #9c9d9d;}
.al_error_detail_left{padding:20px;}
/* 25. ISSUED-PROMO-CODE-PAGES-STYLES */
.al_issued_code_div{width: 100%;padding-top:50px;padding-bottom: 50px;}
.al_issued_code_header{width:100%;padding: 10px;}
.al_issued_code_header h4{margin:0px;padding:0px;color: #4f4b49;text-transform: uppercase;font-weight: 700;}
.al_issued_code_header hr{border:2px solid #efc142;height:0px;border-radius: 20px;width:50px;margin:0px;margin-left:0px;margin-top:10px;margin-bottom: 10px;}
.al_promo_select{width:100%;border:1px solid #b2b2b2;height:35px;background: transparent;color: #7f7f7e;font-size: 18px;background: url("../../assets/img/al_select_drop.png");background-repeat: no-repeat;background-position: right 5px top 5px;background-size:25px;}
.al_issued_code_list{width:100%;}
.al_issued_code_list ul{margin:0px;padding: 0px;padding-top:30px;}
.al_issued_code_list ul li{list-style: none;display: inline-block;width: calc(100% - 765px);background: #f2f2f2;border: 10px solid #fff;}
.al_issue_code_list_head{background:#ffc000;color: #fff;position: relative;height: 40px;font-size: 18px;padding: 8px;}
.al_issue_code_list_head_more{position: absolute;top:0px;right:0px;bottom:0px;width:40px;background: url("../../assets/img/al_more.png");background-repeat: no-repeat;background-position: center;}
.al_issue_code_content{width:100%;padding: 10px;}
.al_issue_code_content p{margin:0px;color: #606060;font-weight: 500;font-size: 25px;padding-bottom:5px;}
.al_issue_code_content h6{margin:0px;color: #787878;font-weight: 400;font-size:14px;}
.al_issue_code_content h4{margin:0px;color: #606060;padding-top:10px;padding-bottom: 15px;}
.al_issue_code_content h5{margin:0px;color: #787878;font-weight: 300;}
/* 26. EDIT-PROFILE-PAGES-STYLES */
.al_profile_detail{width:100%;}
.al_profile_detail_banner{width:100%;background:#f7f7f1;padding: 30px;text-align: center;padding-top: 5}
.al_profile_detail_banner h3{color: #4f4b49;font-size: 22px;font-weight: 600;margin: 0 0 10px 0;text-transform: uppercase;}
.al_profile_detail_banner hr{margin: 0 auto;width: 50px;height: 4px;background-color: #efc142;border-radius: 3px;border: 0;}
.al_profile_edit_circle{width:120px;height:120px;border-radius: 50%;background:#bcbcbc;margin:0 auto;position: relative;top:55px;}
.al_profile_edit_circle img{width:100%;height: 100%;border-radius: 50%;object-fit:cover;object-position:center;}
.al_profile_edit_circle_edit_btn{width:30px;height:30px;border-radius: 50%;background-color:#2c2c2f !important;position: absolute;right:0px;background: url("../../assets/img/al_edit.png");background-repeat: no-repeat;background-position: center;background-size: 14px;}
.al_profile_detail_content{padding-top: 30px;padding-bottom: 30px;}
/* 27. WALLET-PAGES-STYLES */
.al_wallet_wrapper{width:100%;padding-bottom:30px;}
.al_wallet_wrapper h6{text-align: center;margin:0px;padding:0px;color: #908e8d;padding-bottom: 10px;font-size: 16px;font-weight: 400;}
.al_wallet_wrapper h3{text-align: center;margin:0px;font-weight: 400;padding:0px;color: #4f4b49;font-size: 45px;padding-bottom: 45px;}
.al_wallet_wrapper p{color: #efc142;margin: 0px;padding:0px;text-align: center;font-size: 18px;padding-bottom:10px;}
.al_wallet_wrapper table{width: 100%;}
.al_wallet_wrapper table thead{}
.al_wallet_wrapper table thead tr{}
.al_wallet_wrapper table thead tr th{background: #e6e6e6;color: #8e8e8f;border:4px solid #fff;padding-left: 15px;padding-right: 15px;}
.al_wallet_wrapper table tbody{background:#f7f7f1;}
.al_wallet_wrapper table tbody tr td{color: #777777;border:4px solid #fff;padding-left: 15px;padding-right: 15px;}
/*
Site Name:
URI: http:http://
Description: This is the theme Language Translation css
Version: 1.0
Author: Amal-Techware Solution
Author URI:
Tags:
*/
.ar select{direction: rtl;padding-left:15px;padding-right: 15px;background-position:left;}
.ar input{direction: rtl;text-align: right;padding-left:15px;padding-right: 15px;}
.ar textarea{direction: rtl;text-align: right;padding-left:15px;padding-right: 15px;}
.ar .flip{float: right !important;}
.ar .floatLeft{float: right !important;}
.ar .floatRight{float: left !important;}
.ar h6{text-align: right;}
.ar h5{text-align: right;}
.ar h4{text-align: right;}
.ar h3{text-align: right;}
.ar h2{text-align: right;}
.ar h1{text-align: right;}
.ar p{text-align: right;}
.ar .navbar-toggle{float: left;}
/* HOME */
.ar .al_home_sarch_btn{left:0px !important;}
.ar .al_home_search_input{background-position: left 10px top 0px !important;}
.ar .al_home_search_input{padding-right: 30px;padding-left: 80px;}
.ar .al_nav_menu ul li{text-align: right;}
.ar .al_home_inner_container h1{text-align: center !important;}
.ar .al_home_inner_container p{text-align: center !important;}
.ar .al_home_inner_container h5{text-align: center !important;}
/* ABOUT-US */
.ar .lw_about_us h5{text-align: right;}
.ar .lw_about_us p{text-align: right;}
/* FOOTER */
.ar .al_footer_border {border-right: 1px solid #535355;padding-right: 40px;border-left:none !important;}
.ar .al_footer_border span{float: right;}
/* LEGAL-SERVICE */
.ar .al_filter_bay input{background-position: left 0px top 0px !important;}
.ar .al_questions ul li h3{background-position:right !important;padding-right: 45px;padding-left:0px;}
.ar .al_questions ul li p{padding-right: 45px;padding-left:0px;}
/* ANSWERS */
.ar .al_answer_serial{margin-right: 0px;margin-left: 10px;}
.ar .al_answer_lawyer_pic{margin-right: 0px;margin-left: 10px;}
.ar .al_answer_lawyer_detail p{background-position:right !important;padding-right: 20px;}
.ar .al_consult_now_btn{float: right;}
/* DETAIL*/
.ar .lw_adv_descript_list{float:right !important;}
.ar .lw_adv_descript_list li{float:right !important; text-align: right;}
.ar .lw_adv_practice h3 {padding-right: 40px;padding-left: 0px;background-size: 30px !important;}
.ar .lw_adv_avail li, .lw_adv_practice h3{background-position: right !important;}
.ar .lw_adv_practice li{text-align: right;}
.ar .lw_adv_practice ul{padding-right: 40px;padding-left: 0px;}
.ar .lw_adv_avail li{padding-right: 25px !important;}
.ar .lw_adv_book_type{padding-left: 0px;padding-right: 15px;}
.ar .lw_adv_book_btn{padding-right: 15px;}
.ar .lw_adv_book_price {padding-right: 15px;}
.ar .lw_adv_pic{margin-right: 0px !important; margin-left: 20px;}
.ar .right_brdr1{border-left: 1px solid #919190;border-right:none;}
.ar .lw_adv_loc p span {padding-left: 10px;float: right;padding-right: 0px;}
.ar .lw_adv_about{padding-left: 0px;padding-right: 15px;}
.ar .lw_adv_type li{float: right;}
.ar .close{float: left;}
.ar .al_profile_detail_banner h3{text-align: center;}
/* LEGAL-SERVICE */
.ar .al_legal_service_lawyer_list .al_lawyer_prof_detail h5{background-position:right 0 !important;}
.ar .lw_set_row label{float: right;}
/* DROP-DOWN */
.ar .al_nav_account .dropdown-menu{left:0px !important;}
.ar .lw_drp_check{text-align: right;}
/* WALLET */
.ar .al_wallet_wrapper h6{text-align: center !important;}
.ar .al_wallet_wrapper h3{text-align: center !important;}
.ar .al_wallet_wrapper p{text-align: center !important;}
.ar .al_wallet_wrapper table thead tr th{text-align: right !important;}
.ar .al_wallet_wrapper table tbody tr td{text-align: right !important;}
/* MODAL */
.ar .mod_verify_head h4{text-align: center;}
.ar .mod_verify_head p{text-align: center;}
.ar .mod_verify_input input, .mod_verify_input select{text-align: right !important;}
/* LAWYER-HOME */
.ar .lw_set_year{background-position: left 5px top 5px !important;}
.ar .lw_set_loc{background-position: left 5px top 5px !important;}
.ar .lw_legal_head{text-align: right !important;}
.ar .lw_schedule_set button{margin-right:0px;margin-left: 10px;}
.ar .time_input{background-position: left 5px top 6px !important;}
.ar .lw_toggle_btn {position: absolute;top: 0;left: 0px;}
.ar .lw_clk_input{background-position: left 5px top 6px !important;}
\ No newline at end of file
/*
Site Name: E-Office Portal - Online office management system
URI: http:http://eoffice.techware.co.in/
Description: This is the responsive css for E0ffice portal
Version: 2.0
Author: Amal-Techware Solution
Author URI:
Tags:
---------------------------
CUSTOM STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01.0 Smartphones (portrait and landscape)
02.0 Smartphones (landscape)
03.0 Smartphones (portrait)
04.0 iPads (portrait and landscape)
05.0 iPads (landscape)
06.0 iPads (portrait)
07.0 Desktops and laptops
08.0 Large screens
09.0 iPhone 4
10.0 iPhone 5
11.0 iPhone 6
12.0 iPhone 6+
13.0 Samsung Galaxy S3
14.0 Samsung Galaxy S4
15.0 Samsung Galaxy S5
*/
/* 01. Smartphones (portrait and landscape) ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.al_login_modal_inner{width:100% !important;margin:0px !important;}
.al_login_modal_section{border:none;text-align: center;}
.al_login_modal_section h1{display: none;}
.al_login_modal_section h4{display: none;}
.al_login_modal_form_body{float: none !important;margin:0 auto !important;width: 100% !important;margin-top:10px !important;}
.al_nav_menu{padding: 0px !important;}
.al_navbar{background:#f7f7f1 !important;}
.al_nav_menu ul li{width:100%;padding-top: 10px;padding-bottom: 10px;padding-left: 0px !important;}
.al_search_result_div{padding-left:0px;}
.al_lawyer_prof_detail{width:100%;border:none !important;}
.al_filter_bay p{padding-top: 10px;}
.al_lawyer_prof_detail{padding-left: 0px;padding-right: 0px;padding-top: 10px !important;}
.lw_adv_detail{width:100% !important;}
.lw_adv_about {width:100% !important;padding: 0;margin: 5px 0;}
.right_brdr1{border:none;}
.lw_adv_practice{margin-bottom:20px;}
.right_brdr2:before{content:"";height: 0; width:0;}
.lw_adv_descript_list{width:100%};
.lw_adv_descript_list li{text-align: justify;};
.lw_adv_book_type,.lw_adv_book_price,.lw_adv_book_btn{width:100%;}
.al_legal_service_tab_inner{width:100%;}
.al_legal_service_tab{width:100%;}
.al_legal_service_list ul li{width: 100%;}
.lw_prof_radio label{width:50% !important;}
.lw_home_segment ul li {width:50% !important;margin-bottom: 15px;}
.lw_set_promo_det ul li p {width:60%;}
.lw_set_promo_det ul li span {width:40%;}
.lw_display_promo .lw_toggle_btn {top: 25px;}
.lw_display_promo p {padding:0;}
.lw_schedule_set {width: 100%;}
.lw_appoint_pay_det {width: 100%;}
.lw_appoint_childtab ul li {width:100%;}
.lw_childtab_cabin .width50,.lw_childtab_profile,.lw_childtab_address{width:100% !important;}
.lw_childtab_row_outer p,.lw_select_btn{width:50% !important;}
.lw_childtab_row_outer select {width: 110px;}
.lw_childtab_row_outer .lw_rem {width: 115px;margin:10px 0px 0px 20px !important;}
.lw_childtab_profile h2{margin:15px 0;}
.lw_childtab_profile h2 span {margin-left: 20px;}
.lw_childtab_address p,.lw_childtab_map{width:100% !important;}
.lw_legal_service_tab ul, .lw_legal_service_tab ul li {width: 100% !important;}
.al_home_inner_container{top:0px;width: 100%;margin: 25% auto;}
.al_home_inner_container h1{font-size: 20px;}
.al_home_inner_container p{font-size: 15px;}
.al_home_screen_btn_bay{padding-top: 0px;padding-bottom: 0px;}
.al_home_bottom_btn_bay{display: none;}
.al_inside_navbar{background: #000 !important; }
.al_filter_bay select{margin-bottom: 10px;}
.al_footer_border{border:none !important;padding-left: 0px !important;padding-right: 0px !important;}
.al_questions ul li p{padding-bottom: 10px;}
.al_parallax_top h3{font-size: 20px;}
.al_legal_service_tab ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.al_lawyer_prof_detail{border-right:none !important;}
.al_legal_check + label{top:0px !important;}
.lw_set_row{padding: 0px;}
.mod_verify_body{width: 100% !important;}
.lw_home_segment ul li{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lw_legal_service_tab{width:100%;}
.al_call_modal{width:100% !important;height:100% !important;margin:0px !important;}
.lw_childtab_profile h2 span{margin:0px !important;}
.al_error_detail{border:none;text-align: center;padding: 0px;}
.al_error_detail .lw_btn_cab2{width:100%;}
.al_error_detail_left{text-align: center;}
.al_issued_code_list ul li{width: 100%;}
.lw_btn_cab2{float: right !important;}
}
/* 02.0 Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
}
/* 03.0 Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
}
/* 04.0 iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}
/* 05.0 iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* 06.0 iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
.lw_adv_book_price{width:45%;}
.lw_adv_book_btn {width:100%;}
.right_brdr2:before{content:"";height: 0; width:0;}
.al_nav_menu {padding: 15px 0;}
.al_nav_adjust_margin {margin-top: 120px !important;}
.lw_home_segment ul li {width:25% !important;margin-bottom: 15px;}
}
/* 07.0 Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {
}
/* 08.0 Large screens ----------- */
@media only screen and (min-width : 1824px) {
.al_home_inner_container{top:220px !important;}
.al_login_modal_inner{margin: 16% auto !important;}
}
/* 09.0 iPhone 4 ----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) and (orientation : landscape) and (-webkit-min-device-pixel-ratio : 2) {
}
/* 10.0 iPhone 5 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 568px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
/* 11.0 iPhone 6 ----------- */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (orientation : portrait) and (-webkit-device-pixel-ratio: 2){
}
/* 12.0 iPhone 6+ ----------- */
@media only screen and (min-device-width: 414px) and (max-device-height: 736px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
/* 13.0 Samsung Galaxy S3 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 2){
}
/* 14.0 Samsung Galaxy S4 ----------- */
@media only screen and (min-device-width: 320px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
}
/* 15.0 Samsung Galaxy S5 ----------- */
@media only screen and (min-device-width: 360px) and (max-device-height: 640px) and (orientation : landscape) and (-webkit-device-pixel-ratio: 3){
}
@media (max-width: 480px) {
}
@media only screen and (min-width: 1200px){
.window_min_height {min-height: 450px !important;}
}
\ No newline at end of file
/*
Site Name:
URI: http:http://
Description: This is the theme common css
Version: 1.0
Author: Amal-Techware Solution
Author URI:
Tags:
---------------------------
THEME STYLES
---------------------------
TABLE OF CONTENTS
---------------------------
01. FONTS-N-SIZES
02. FONTS-COLOR
03. THEMES-N-BACKGROUNDS
04. SPACING-N-POSITIONS
05. ALIGMENTS
06. ALERTS-N-MESSAGES
07. CONTAINERS
08. INNER-OVER-WRITTEN-CSS
09. COMMON-MODAL-STYLES
*/
/*-------------------------------
01. FONTS-N-SIZES
--------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
*{font-family: 'Roboto', sans-serif !important;}
*::-webkit-scrollbar {display: none;}
*:focus {outline: 0 !important;}
a{text-decoration: none !important;}
.font_size_xs{font-size:12px !important;}
.font_size_sm{font-size:14px !important;}
.font_size_md{font-size:16px !important;}
.font_size_lg{font-size:18px !important;}
.font_size_xl{font-size:20px !important;}
.font_size_vl{font-size:35px !important;}
/*-------------------------------
02. FONTS-COLOR
--------------------------------*/
.text_color_primary{color:#f7f7f1 !important;}
.text_color_secondary{color:#3d3a3b !important;}
.text_color_white{color:#fff !important;}
/*-------------------------------
03. THEMES-N-BACKGROUNDS
--------------------------------*/
.theme_primary{background-color: #f7f7f1 !important;border: 1px solid #f7f7f1;}
.theme_grey{background-color: #f1f1f1 !important;border: 1px solid #f1f1f1;}
.border_primary{border-color:#e66263 !important;}
.theme_transparent{background:transparent !important;}
.theme_white{background-color: #fff !important;}
.theme_dark_transparent{background-color: rgba(0,0,0,0.6) !important;}
.theme_offwhite{background: #f1f1f1;}
.theme_dark_grey{background: #4c4c4c !important;}
/*-------------------------------
04. SPACING-N-POSITIONS
--------------------------------*/
.width25{width:25% !important;}
.width50{width:50% !important;}
.width75{width:75% !important;}
.widthFull{width:100% !important;}
.height25{height:25% !important;}
.height50{height:50% !important;}
.height75{width:75% !important;}
.heightFull{height:100% !important;}
.p0{padding:0px !important;}
.pl0{padding-left: 0px !important;}
.pr0{padding-right:0px !important;}
.pt0{padding-top:0px !important;}
.pb0{padding-bottom: 0px !important;}
.p10{padding:10px !important;}
.m0{margin:0px !important;}
.ml0{margin-left: 0px !important;}
.mr0{margin-right: 0px !important;}
.mt0{margin-top: 0px !important;}
.mb0{margin-bottom: 0px !important;}
.mauto{margin:0 auto !important;}
.clear{clear:both !important;}
.top10{top:10px;}
.bottom10{bottom:10px;}
.left10{left:10px;}
.right10{right:10px;}
.bottom10{bottom:10px;}
.absolute{position: absolute !important;}
.relative{position: relative !important;}
.fixed{position: fixed !important;}
/*-------------------------------
05. ALIGMENTS
--------------------------------*/
.floatLeft{float:left !important;}
.floatRight{float:right !important;}
.textLeft{text-align: left !important;}
.textRight{text-align: right !important;}
.textCenter{text-align: center !important;}
/*-------------------------------
06. ALERTS-N-MESSAGES
--------------------------------*/
.alert{padding: 15px;margin-bottom: 20px;border: 1px solid transparent;font-weight: 600;transition: all 0.5s ease;position: fixed;border-bottom:0px;left:0px;right: 0px;}
.warning{color: #fff;background-color: #8a6d3b;}
.success{color: #fff;background-color: #3c763d;}
.error{color: #fff;background-color: #a94442;}
/*-------------------------------
07. CONTAINERS
--------------------------------*/
.custom_container{max-width:850px !important;}
.borderNone{border: none !important;}
section.module:last-child {margin-bottom: 0;}
section.module.content {padding: 40px 0;}
section.module.parallax {background-position: 50% 50% !important;background-repeat: no-repeat !important;background-attachment: fixed !important; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;background-size: cover;}
section.module.parallax-1 {background: url("../../assets/img/al_home_banner.png");background-size: cover;}
section.module.parallax-2 {background: url("../../assets/img/al_search_result_bg.png");background-size: cover !important;}
section.module.parallax-3 {background: url("../../assets/img/al_legal_advice_bg.png");background-size: cover !important;}
/*-------------------------------
08. COMPONENTS-CSS
--------------------------------*/
select{direction:ltr;padding-left:15px;padding-right: 15px;}
input{direction:ltr;text-align: left;padding-left:15px;padding-right: 15px;}
textarea{direction:ltr;text-align:left;padding-left:15px;padding-right: 15px;}
.noneappearance{-webkit-appearance: none !important;-moz-appearance: none !important;}
/*-------------------------------
08. INNER-OVER-WRITTEN-CSS
--------------------------------*/
.modal{opacity: 1 !important;background: rgba(0,0,0,0.8) !important;}
.modal-backdrop{position: relative !important;}
.window_min_height{min-height:600px;}
/*-------------------------------
09. COMMON-MODAL-STYLES
--------------------------------*/
.modal-header,
.modal-footer{
border: 0px !important;
}
.modal-footer {
text-align: center;
}
.modal-content{
border-radius: 0 !important;
}
.mod_btn1 {
width: 75px;
height: 30px;
padding:3px;
margin: 0 auto;
}
.btn_clr_yellow{
background-color: #f5e5b9;
}
.mod_sub {
width:100%;
height:100%;
color: #000;
font-size: 14px;
font-weight: 500;
border: 1px solid #aba081;
background-color: #f5e5b9;
outline: none;
}
.mod_verify_img {
width:50px;
height:50px;
}
.mod_verify_head h4{
color: #2c2c2f;
font-size: 16px;
font-weight: 600;
margin:10px 0;
}
.mod_verify_head p{
color: #acacac;
font-size: 12px;
font-weight: 400;
margin:0;
padding:5px 0;
}
.mod_verify_phone {
position: relative;
}
.mod_verify_phone h4{
color: #6d6d6d;
font-size: 16px;
font-weight: 500;
margin:15px 0;
}
.mod_verify_phone span {
width: 13px;
height: 13px;
background-image: url("../../assets/img/modal_write.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position: absolute;
top: 0;
right: 185px;
}
.mod_verify_body {
width:40%;
margin: 0 auto;
}
.mod_verify_input {
width:100%;
margin-bottom:10px;
}
.mod_verify_input input,
.mod_verify_input select{
width:100%;
border: none;
border-bottom: 1px solid #b6b6b6;
height: 40px;
outline: none;
color: #b6b6b6;
font-size: 14px;
font-weight: 500;
text-align: left;
padding-right:10px;
}
.mod_verify_input input::placeholder{
color: #b6b6b6 !important;
}
.phone_code {
width:25% !important;
margin:0 5% 0 0 !important;
background-image: url("../../assets/img/modal_dropdown.png");
background-repeat: no-repeat;
background-position: right;
background-size: 18px;
-webkit-appearance: none;
}
.phone_number {
width:70% !important;
margin:0 !important;
}
.mod_resend {
background-color: transparent;
border:none;
color:#7c7c7c;
font-size:14px;
font-weight: 500;
outline: none;
margin: 10px 0;
}
.apply_promocode .modal-header {
background-color: #121214;
}
.apply_promocode .modal-header h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin:0;
}
.mod_promo_input {
border-bottom: 1px solid #d3d3d3;
position: relative;
margin: 15px 0;
}
.mod_promo_input input{
width:65%;
outline: none;
border: none !important;
color:#dfdfdf;
font-size: 22px;
font-weight: 500;
padding: 2px 0;
}
.mod_promo_input input::-webkit-input-placeholder {
color: #dfdfdf;
}
.mod_promo_input input::-moz-placeholder {
color: #dfdfdf;
}
.mod_promo_input input:-ms-input-placeholder {
color: #dfdfdf;
}
.mod_promo_input input:-moz-placeholder {
color: #dfdfdf;
}
.mod_apply_btn {
background-color: #121212;
border:none;
padding: 5px 25px;
color:#fff;
font-size: 14px;
font-weight: 500;
position: absolute;
top:0;
right: 0;
}
.mod_promo_type h3{
color: #7c7c7d;
font-size: 17px;
font-weight: 600;
margin:0;
padding:10px 0;
}
.promo_check_row {
width:100%;
margin: 10px 0;
}
.promo_check_row p {
width: 90%;
color: #878788;
font-size: 15px;
font-weight: 400;
margin: 0;
}
.promo_check_label input[type=checkbox] {
display: none;
}
.promo_check_label label {
color: #48484a;
font-size: 16px;
font-weight: 600;
margin:5px 0;
padding: 0 !important;
position: relative;
width: 100%;
}
.promo_check_label label:before {
content: "";
width: 18px;
height: 18px;
background-color: #fff;
border: 1px solid #878788;
border-radius: 50%;
cursor: pointer;
float:right;
margin-left: 25px;
position: absolute;
right:0;
}
.promo_check_label input[type=checkbox]:checked + label:before {
content: "\2713";
font-size: 10px;
color: #e2a524;
border: 1px solid #e2a524 !important;
text-align: center;
font-weight: 200;
line-height: 15px;
}
.btn_clr_black {
background-color: #121212;
}
.mod_nobal p{
color: #666666;
font-size: 16px;
font-weight: 600;
margin:5px 0 15px 0;
line-height: 21px;
}
.mod_btn_ok{
width: 100%;
height: 100%;
color: #ffffff;
font-size: 12px;
font-weight: 400;
border: 1px solid #8c8c8c;
background-color: #000;
}
.mod_payment_head h2 {
color: #4f4b49;
font-size: 16px;
font-weight: 600;
margin: 0 0 10px 0;
}
.pay_hr {
width:50px;
height:3px;
border:none;
border-radius: 3px;
background-color: #efc142;
margin: 0 auto;
}
.mod_payment {
width:100%;
text-align: center;
}
.mod_payment .modal-body {
padding-bottom:50px !important;
}
.mod_payment_row{
width:100%;
padding: 25px 0;
}
.mod_payment_row p {
color: #989796;
font-size: 14px;
font-weight: 400;
margin:5px 0;
}
.mod_payment_row h3{
color: #777777;
font-size: 16px;
font-weight: 500;
margin:5px 0;
}
.mod_payment_row h3 span {
padding-left:10px;
color:#e18378 !important;
font-weight: 600!important;
}
.mod_payment_row h1 {
color: #4f4b49;
font-size: 25px;
font-weight: 600;
letter-spacing: 1px;
margin:15px 0 25px 0;
}
.mod_btn_row {
width:100%;
}
.mod_btn3 {
width:130px;
height:30px;
padding:3px;
margin: 0 auto;
}
.btn_clr_green {
background-color: #80a173;
}
.mod_btn_pay {
width: 100%;
height: 100%;
color: #ffffff;
font-size: 14px;
font-weight: 400;
border: 1px solid #d8d8d8;
}
div.stars {
display: inline-block;
}
input.star { display: none; }
label.star {
float: right;
padding: 0px 2px;
font-size: 25px;
color: #dddedf;
transition: all .2s;
margin: 0;
}
label.star:before {
content: '\2605';
}
label.star:hover {
color: #FFC107;
}
input.star:checked ~ label.star:before {
content: '\2605';
color: #FFC107;
transition: all .25s;
}
input.star-5:checked ~ label.star:before {
color: #FFC107;
}
.mod_rate_body h4 {
margin: 5px 0 0 0 !important;
}
.mod_rate_input textarea{
width:100%;
height:75px;
border:none;
background-color:#efefef;
padding: 10px;
margin:5px 0 10px 0;
color: #b6b6b6;
font-size: 14px;
font-weight: 500;
outline: none;
}
.mod_rate_input textarea::placeholder{
color: #b6b6b6 !important;
}
.rate_review {
text-align: center;
}
.rate_review .modal-header {
background-color: #121214;
text-align: center;
}
.rate_review .modal-header h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0;
}
.mod_verify_head h3{
color: #7c7c7c;
font-size: 15px;
font-weight: 500;
margin: 0;
padding: 5px 0;
}
.rate_review .modal-footer{
padding-top: 0px !important
}
/*---------------------------------
LAWYER MODAL STYLES
-----------------------------------*/
.lw_modal .modal-header {
background-color: #121214;
}
.lw_modal .modal-header h3 {
color: #fff;
font-size: 18px;
font-weight: 500;
margin: 0;
}
.lw_mod_head h3 {
color:#838383;
font-size: 16px;
font-weight: 600;
margin: 5px 0 15px 0;
}
.lw_mod_head h3 strong {
font-size: 17px;
color:#575757;
}
.lw_mod_head h3 span{
font-weight: 200;
}
.lw_input_list {
width:100%;
}
.lw_list_head {
width:100%;
}
.lw_list_head h3{
color:#838383;
font-size: 14px;
font-weight: 500;
margin: 5px 5% 0 0;
width: 40%;
float:left;
}
.lw_input_list ul {
width:100%;
list-style: none;
padding:0;
margin:0;
}
.lw_input_list ul li{
padding:5px 0;
}
.lw_input_clk {
width:40%;
}
.lw_input_action {
width:10%;
position:relative;
}
.lw_input_list input {
width:100% !important;
outline: none;
}
.lw_input_clk:first-child {
margin-right:5%;
}
.lw_input_clk input {
height: 25px;
border: 1px solid #b2b2b2;
color: #353130;
font-size: 14px;
font-weight: 300;
padding: 0 10px;
}
.lw_input_clk input::placeholder{
color:#b2b2b2;
}
.lw_input_action input[type=checkbox] {
display: none;
}
.lw_input_action label:before {
content: "\00D7";
font-size: 25px;
width: 20px;
height: 20px;
color: #b2b2b2;
border: 1px solid #b2b2b2;
border-radius: 50%;
font-weight: 100;
text-align: center;
line-height: 18px;
cursor: pointer;
position: absolute;
top:0;
}
.lw_input_action input[type=checkbox]:checked + label:before {
color: #e2a524 ! important;
border: 1px solid #e2a524 !important;
}
.list_add {
background-image: url("../../assets/img/modal_btn_add.png");
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 20px;
height: 20px;
border: none !important;
border-radius: 50%;
background-color: transparent;
outline: none;
}
.time_input {
background-image: url("../../assets/img/modal_clock.png");
background-repeat: no-repeat;
background-position: right 3px top 3px;
background-size: 15px;
}
.lw_input_row {
width:100%;
margin: 0 0 15px 0;
}
.lw_input_radio input{
width:50%;
float:left;
}
.lw_input_radio {
width:100%;
margin-bottom: 10px
}
.lw_input_radio input[type=radio] {
display: none;
}
.lw_input_radio label {
width: 50% !important;
float:left;
color: #48484a;
font-size: 14px;
font-weight: 400;
padding-left:20px;
margin:0;
position: relative;
}
.lw_input_radio label:before {
content: "";
width: 15px;
height: 15px;
color: #b2b2b2;
border: 1px solid #b2b2b2;
border-radius: 50%;
text-align: center;
line-height: 15px;
cursor: pointer;
position: absolute;
top: 2px;
left: 0;
margin-right:5%;
}
.lw_input_radio input[type=radio]:checked + label:before {
content: "\2022";
font-size: 25px;
font-weight: 100;
color: #e2a524 ! important;
border: 1px solid #e2a524 !important;
}
.lw_input_row label {
width:100%;
color: #48484a;
font-size: 14px;
font-weight: 400;
margin:5px 0;
}
.lw_input_row input,
.lw_input_row select,
.lw_input_row textarea{
width:100%;
height: 30px;
border: none;
outline: none;
background-color: #ececec;
color: #868686;
font-size: 14px;
font-weight: 500;
padding:0 10px;
}
.lw_input_row textarea{
padding:10px !important;
height: 75px !important;
}
.lw_edit_legal input {
background-color: transparent !important;
border: 1px solid #868686;
}
.lw_input_row select {
background-image: url("../../assets/img/modal_dropdown.png");
background-repeat: no-repeat;
background-position: right 5px top 5px;
background-size: 18px;
-webkit-appearance: none;
}
.lw_width_50 {
width:50%;
}
.leftpad3{
padding-right: 3px;
}
.rightpad3{
padding-left: 3px;
}
.lw_width_50 input {
background-image: url("../../assets/img/modal_calendar.png");
background-repeat: no-repeat;
background-position: right 5px top 5px;
background-size: 20px;
}
.lw_mod_btn1 {
width: 100%;
height: 30px;
color: #fff;
font-size: 14px;
font-weight: 500;
border: none;
background-color: transparent;
outline: none;
}
.lw_btn_green {
background-color: #4e9c30 !important;
}
.lw_btn_disable {
background-color: #d4d4d4 !important;
}
.lw_mod_head h2 {
color: #606062;
font-size: 20px;
font-weight: 600;
margin: 0 0 15px 0;
}
.mod_btn4 {
width: 100%;
height:30px;
padding:3px;
margin: 0 auto;
}
.btn_set_time {
width: 100%;
height: 100%;
color: #ffffff;
font-size: 14px;
font-weight: 400;
border: 1px solid #6c6455;
background-image: url("../../assets/img/modal_clock_yellow.png");
background-repeat: no-repeat;
background-position: left 70px top 4px;
background-size: 15px;
}
.lw_time_input{
border-bottom: 1px solid #d3d3d3 !important;
padding: 0 20px 0 0 !important;
background-color: transparent !important;
background-image: url("../../assets/img/modal_time.png");
background-repeat: no-repeat;
background-position: right 5px top 4px;
background-size: 20px;
}
.lw_width_33 {
width:33.33%;
float:left;
padding-right: 5px;
}
.lw_history {
width:100%;
height: 250px;
overflow-x: hidden;
}
.lw_history table {
border:none;
}
.lw_history table th,
.lw_history table td{
border:none !important;
}
.lw_history table thead tr{
background-color: #e2e2e2;
color: #575759;
font-size: 14px;
text-transform: uppercase;
font-weight: 600;
}
.lw_history table tbody tr{
color: #838383;
font-size: 14px;
font-weight: 400;
}
.map_modal .modal-header,
.map_modal .modal-body {
padding: 0 !important;
}
.map_modal iframe {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
cursor: pointer;
height:400px;
width:100%;
border:0;
}
/*DROP DOWS IN USER*/
.lw_drpdn {
margin:0;
padding: 20px !important;
background-color: #ebebeb;
}
.lw_drpdn_head {
color: #666666;
font-size: 18px;
font-weight: 600;
margin: 10px 0;
}
.lw_drp_check input[type=checkbox] {
display: none;
}
.lw_drp_check label {
color: #48484a;
font-size: 16px;
font-weight: 400;
padding-left:25px;
position: relative;
width: 100%;
}
.lw_drp_check label:before {
content: "";
width: 15px;
height: 15px;
color: #7c7c7c;
border: 1px solid #7c7c7c;
border-radius: 4px;
font-size: 12px;
font-weight: 500;
text-align: center;
line-height: 15px;
cursor: pointer;
position: absolute;
top: 2px;
left: 0;
}
.lw_drp_check input[type=checkbox]:checked + label:before {
content : "\2713";
}
export const environment = {
production: true
};
// The file contents for the current environment will overwrite these during build.
// The build system defaults to the dev environment which uses `environment.ts`, but if you do
// `ng build --env=prod` then `environment.prod.ts` will be used instead.
// The list of which env maps to which file can be found in `.angular-cli.json`.
export const environment = {
production: false
};
File added
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Asklawyer</title>
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
</head>
<body class="">
<app-root></app-root>
</body>
</html>
import { enableProdMode } from '@angular/core';
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
import { AppModule } from './app/app.module';
import { environment } from './environments/environment';
if (environment.production) {
enableProdMode();
}
platformBrowserDynamic().bootstrapModule(AppModule)
.catch(err => console.log(err));
/**
* This file includes polyfills needed by Angular and is loaded before the app.
* You can add your own extra polyfills to this file.
*
* This file is divided into 2 sections:
* 1. Browser polyfills. These are applied before loading ZoneJS and are sorted by browsers.
* 2. Application imports. Files imported after ZoneJS that should be loaded before your main
* file.
*
* The current setup is for so-called "evergreen" browsers; the last versions of browsers that
* automatically update themselves. This includes Safari >= 10, Chrome >= 55 (including Opera),
* Edge >= 13 on the desktop, and iOS 10 and Chrome on mobile.
*
* Learn more in https://angular.io/docs/ts/latest/guide/browser-support.html
*/
/***************************************************************************************************
* BROWSER POLYFILLS
*/
/** IE9, IE10 and IE11 requires all of the following polyfills. **/
// import 'core-js/es6/symbol';
// import 'core-js/es6/object';
// import 'core-js/es6/function';
// import 'core-js/es6/parse-int';
// import 'core-js/es6/parse-float';
// import 'core-js/es6/number';
// import 'core-js/es6/math';
// import 'core-js/es6/string';
// import 'core-js/es6/date';
// import 'core-js/es6/array';
// import 'core-js/es6/regexp';
// import 'core-js/es6/map';
// import 'core-js/es6/weak-map';
// import 'core-js/es6/set';
/** IE10 and IE11 requires the following for NgClass support on SVG elements */
// import 'classlist.js'; // Run `npm install --save classlist.js`.
/** IE10 and IE11 requires the following for the Reflect API. */
// import 'core-js/es6/reflect';
/** Evergreen browsers require these. **/
// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.
import 'core-js/es7/reflect';
/**
* Required to support Web Animations `@angular/platform-browser/animations`.
* Needed for: All but Chrome, Firefox and Opera. http://caniuse.com/#feat=web-animation
**/
// import 'web-animations-js'; // Run `npm install --save web-animations-js`.
/***************************************************************************************************
* Zone JS is required by default for Angular itself.
*/
import 'zone.js/dist/zone'; // Included with Angular CLI.
/***************************************************************************************************
* APPLICATION IMPORTS
*/
/* You can add global styles to this file, and also import other style files */
// This file is required by karma.conf.js and loads recursively all the .spec and framework files
import 'zone.js/dist/zone-testing';
import { getTestBed } from '@angular/core/testing';
import {
BrowserDynamicTestingModule,
platformBrowserDynamicTesting
} from '@angular/platform-browser-dynamic/testing';
declare const require: any;
// First, initialize the Angular testing environment.
getTestBed().initTestEnvironment(
BrowserDynamicTestingModule,
platformBrowserDynamicTesting()
);
// Then we find all the tests.
const context = require.context('./', true, /\.spec\.ts$/);
// And load the modules.
context.keys().map(context);
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/app",
"baseUrl": "./",
"module": "es2015",
"types": []
},
"exclude": [
"test.ts",
"**/*.spec.ts"
]
}
{
"extends": "../tsconfig.json",
"compilerOptions": {
"outDir": "../out-tsc/spec",
"baseUrl": "./",
"module": "commonjs",
"types": [
"jasmine",
"node"
]
},
"files": [
"test.ts"
],
"include": [
"**/*.spec.ts",
"**/*.d.ts"
]
}
/* SystemJS module definition */
declare var module: NodeModule;
interface NodeModule {
id: string;
}
{
"compileOnSave": false,
"compilerOptions": {
"outDir": "./dist/out-tsc",
"sourceMap": true,
"declaration": false,
"moduleResolution": "node",
"emitDecoratorMetadata": true,
"experimentalDecorators": true,
"target": "es5",
"typeRoots": [
"node_modules/@types"
],
"lib": [
"es2017",
"dom"
]
}
}
{
"rulesDirectory": [
"node_modules/codelyzer"
],
"rules": {
"arrow-return-shorthand": true,
"callable-types": true,
"class-name": true,
"comment-format": [
true,
"check-space"
],
"curly": true,
"deprecation": {
"severity": "warn"
},
"eofline": true,
"forin": true,
"import-blacklist": [
true,
"rxjs",
"rxjs/Rx"
],
"import-spacing": true,
"indent": [
true,
"spaces"
],
"interface-over-type-literal": true,
"label-position": true,
"max-line-length": [
true,
140
],
"member-access": false,
"member-ordering": [
true,
{
"order": [
"static-field",
"instance-field",
"static-method",
"instance-method"
]
}
],
"no-arg": true,
"no-bitwise": true,
"no-console": [
true,
"debug",
"info",
"time",
"timeEnd",
"trace"
],
"no-construct": true,
"no-debugger": true,
"no-duplicate-super": true,
"no-empty": false,
"no-empty-interface": true,
"no-eval": true,
"no-inferrable-types": [
true,
"ignore-params"
],
"no-misused-new": true,
"no-non-null-assertion": true,
"no-shadowed-variable": true,
"no-string-literal": false,
"no-string-throw": true,
"no-switch-case-fall-through": true,
"no-trailing-whitespace": true,
"no-unnecessary-initializer": true,
"no-unused-expression": true,
"no-use-before-declare": true,
"no-var-keyword": true,
"object-literal-sort-keys": false,
"one-line": [
true,
"check-open-brace",
"check-catch",
"check-else",
"check-whitespace"
],
"prefer-const": true,
"quotemark": [
true,
"single"
],
"radix": true,
"semicolon": [
true,
"always"
],
"triple-equals": [
true,
"allow-null-check"
],
"typedef-whitespace": [
true,
{
"call-signature": "nospace",
"index-signature": "nospace",
"parameter": "nospace",
"property-declaration": "nospace",
"variable-declaration": "nospace"
}
],
"unified-signatures": true,
"variable-name": false,
"whitespace": [
true,
"check-branch",
"check-decl",
"check-operator",
"check-separator",
"check-type"
],
"directive-selector": [
true,
"attribute",
"app",
"camelCase"
],
"component-selector": [
true,
"element",
"app",
"kebab-case"
],
"no-output-on-prefix": true,
"use-input-property-decorator": true,
"use-output-property-decorator": true,
"use-host-property-decorator": true,
"no-input-rename": true,
"no-output-rename": true,
"use-life-cycle-interface": true,
"use-pipe-transform-interface": true,
"component-class-suffix": true,
"directive-class-suffix": true
}
}
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment