first commit
This commit is contained in:
Dhanraj
@ -0,0 +1,87 @@
|
||||
<!-- STRAT TESTIMONIAL -->
|
||||
<section class="section bg-client" id="testi">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center mt-5 mb-5">
|
||||
<div class="col-lg-12">
|
||||
<owl-carousel-o [options]="customOptions">
|
||||
<ng-template carouselSlide>
|
||||
<div class="text-center w-75 mx-auto">
|
||||
<div class="testi-icon text-white">
|
||||
<i class="ti-quote-left"></i>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<p class="user-review text-center">Risus cubilia etiam parturient augue nostra
|
||||
sodales sit aptent venenatis magna sapien
|
||||
ante hendrerit ullamcorper tincidunt urna eget Ante feugiat.</p>
|
||||
<div class="">
|
||||
<img src="assets/images/testi/testi-1.jpg" alt=""
|
||||
class="rounded-circle testi-user mx-auto d-block">
|
||||
</div>
|
||||
<p class="testi-user-name text-center text-white mb-0 mt-4">- John Litts,
|
||||
Globing</p>
|
||||
<p class="text-muted">
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template carouselSlide>
|
||||
<div class="text-center w-75 mx-auto">
|
||||
<div class="testi-icon text-white">
|
||||
<i class="ti-quote-left"></i>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<p class="user-review text-center">Risus cubilia etiam parturient augue nostra
|
||||
sodales sit aptent venenatis ullamcorper tincidunt urna, eget magna sapien
|
||||
ante hendrerit Ante feugiat.</p>
|
||||
<div class="">
|
||||
<img src="assets/images/testi/testi-2.jpg" alt=""
|
||||
class="rounded-circle testi-user mx-auto d-block">
|
||||
</div>
|
||||
<p class="testi-user-name text-center text-white mb-0 mt-4">- John Litts,
|
||||
Globing</p>
|
||||
<p class="text-muted">
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
<ng-template carouselSlide>
|
||||
<div class="text-center w-75 mx-auto">
|
||||
<div class="testi-icon text-white">
|
||||
<i class="ti-quote-left"></i>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<p class="user-review text-center">Risus cubilia etiam parturient augue nostra
|
||||
sodales sit aptent venenatis magna ullamcorper tincidunt urna, eget sapien
|
||||
ante hendrerit Ante feugiat.</p>
|
||||
<div class="">
|
||||
<img src="assets/images/testi/testi-3.jpg" alt=""
|
||||
class="rounded-circle testi-user mx-auto d-block">
|
||||
</div>
|
||||
<p class="testi-user-name text-center text-white mb-0 mt-4">- John Litts,
|
||||
Globing</p>
|
||||
<p class="text-muted">
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
<span class="ti-star text-warning"></span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</ng-template>
|
||||
</owl-carousel-o>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- END TESTIMONIAL -->
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ClientComponent } from './client.component';
|
||||
|
||||
describe('ClientComponent', () => {
|
||||
let component: ClientComponent;
|
||||
let fixture: ComponentFixture<ClientComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ ClientComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ClientComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,34 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
import { OwlOptions } from 'ngx-owl-carousel-o';
|
||||
|
||||
@Component({
|
||||
selector: 'app-client',
|
||||
templateUrl: './client.component.html',
|
||||
styleUrls: ['./client.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* Client component
|
||||
*/
|
||||
export class ClientComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
customOptions: OwlOptions = {
|
||||
loop: true,
|
||||
mouseDrag: false,
|
||||
touchDrag: false,
|
||||
pullDrag: false,
|
||||
dots: false,
|
||||
navSpeed: 700,
|
||||
responsive: {
|
||||
0: {
|
||||
items: 1
|
||||
},
|
||||
},
|
||||
nav: true,
|
||||
navText: [ '<div class="test_nav_right"><i class="ti-angle-right"></i></div>', '<div class="test_nav_left"><i class="ti-angle-left"></i></div>' ]
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,72 @@
|
||||
<!-- CONTACT FORM START-->
|
||||
<section class="section " style="background-color: #f8fcffe8;" id="contact">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<i class="ti-headphone-alt title-icon text-muted"></i>
|
||||
<h3 class="title">Get In <span class="fw-bold">Touch</span></h3>
|
||||
<!-- <p class="text-muted mt-3 title-subtitle mx-auto">It is a long established fact that a reader will
|
||||
be of a page when established fact looking at its layout.</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-4">
|
||||
<div class="mt-4 pt-4">
|
||||
<p class="text-muted mt-4"> <span class="fw-bold ">Phone No.:</span><br> <span
|
||||
class="d-block mt-2">04172 – 224627 / 224626</span></p>
|
||||
<p class="text-muted mt-4"><span class="fw-bold ">Address:</span><br> <span
|
||||
class="d-block mt-2">Christian Medical College, IDA Scudder Rd, Vellore, Tamil Nadu 632004</span></p>
|
||||
<p class="text-muted mt-4"><span class="fw-bold ">Email Address:</span><br> <span
|
||||
class="d-block mt-2">traumasurg.academic@cmcvellore.ac.in</span></p>
|
||||
<p class="text-muted mt-4"><span class="fw-bold ">Time:</span><br> <span
|
||||
class="d-block mt-2">9:00AM To 6:00PM</span></p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-8">
|
||||
<div class="custom-form mt-4 pt-4">
|
||||
<form method="post" name="myForm" onsubmit="return validateForm()">
|
||||
<p id="error-msg"></p>
|
||||
<div id="simple-msg"></div>
|
||||
<div class="row">
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group mt-2">
|
||||
<input name="name" id="name" type="text" class="form-control"
|
||||
placeholder="Your name*">
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6">
|
||||
<div class="form-group mt-2">
|
||||
<input name="email" id="email" type="email" class="form-control"
|
||||
placeholder="Your email*">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group mt-2">
|
||||
<input type="text" class="form-control" id="subject" placeholder="Your Subject.." />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="form-group mt-2">
|
||||
<textarea name="comments" id="comments" rows="4" class="form-control"
|
||||
placeholder="Your message..."></textarea>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row">
|
||||
<div class="col-lg-12 text-right">
|
||||
<input type="submit" id="submit" name="send" class="submitBnt btn btn-primary"
|
||||
value="Send Message">
|
||||
<div id="simple-msg"></div>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- CONTACT FORM END-->
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ContactComponent } from './contact.component';
|
||||
|
||||
describe('ContactComponent', () => {
|
||||
let component: ContactComponent;
|
||||
let fixture: ComponentFixture<ContactComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ ContactComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ContactComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,19 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-contact',
|
||||
templateUrl: './contact.component.html',
|
||||
styleUrls: ['./contact.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* Contact component
|
||||
*/
|
||||
export class ContactComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,64 @@
|
||||
<!-- START TEAM -->
|
||||
<section class="section" id="faq">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<i class="ti-comments title-icon text-muted"></i>
|
||||
<h3 class="title"><span class="fw-bold">Our</span> focus is:</h3>
|
||||
<!-- <p class="text-muted mt-3 title-subtitle mx-auto">It is a long established fact that a reader will
|
||||
be of a page when established fact looking at its layout.</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="row text-center mt-2 ">
|
||||
<div class="m-1">
|
||||
<h5 class="mb-0 f-18 font-weight-600">
|
||||
To save lives and improve quality of life for survivors
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<div class="m-1">
|
||||
<h5 class="mb-0 f-18 font-weight-600">
|
||||
To minimise disability and other long-term consequences of traumatic
|
||||
injuries
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<div class="m-1">
|
||||
<h5 class="mb-0 f-18 font-weight-600">
|
||||
To reduce the economic and social impact of injuries
|
||||
</h5>
|
||||
</div>
|
||||
|
||||
<div class="m-1">
|
||||
<h5 class="mb-0 f-18 font-weight-600">
|
||||
To advance the trauma care field, enhance outcomes and improve the
|
||||
quality of care at all levels national and international.
|
||||
</h5>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- END TEAM -->
|
||||
|
||||
<!-- START CTA -->
|
||||
<!-- <section class="section">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<h3 class="mb-4">You have another questions or need help?</h3>
|
||||
<div class="">
|
||||
<a href="#" class="btn btn-round btn-primary">Contact Us</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section> -->
|
||||
<!-- END TEAM -->
|
||||
|
||||
<!-- <ng-template #content>
|
||||
<p class="text-muted">You want customer to your store. Easily publish your coupans and
|
||||
when a user has manage to catch one of your coupens, the coupens wil be deducted
|
||||
from your coupens account at Clooger.</p>
|
||||
</ng-template> -->
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { FaqComponent } from './faq.component';
|
||||
|
||||
describe('FaqComponent', () => {
|
||||
let component: FaqComponent;
|
||||
let fixture: ComponentFixture<FaqComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ FaqComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FaqComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
19
support-portal-frontend/src/app/shared/faq/faq.component.ts
Normal file
19
support-portal-frontend/src/app/shared/faq/faq.component.ts
Normal file
@ -0,0 +1,19 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-faq',
|
||||
templateUrl: './faq.component.html',
|
||||
styleUrls: ['./faq.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* FAQ component
|
||||
*/
|
||||
export class FaqComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,61 @@
|
||||
<!-- START FETURES -->
|
||||
<section class="section bg-honey" id="features">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<i class="ti-bookmark-alt title-icon text-muted"></i>
|
||||
<h3 class="title text-primary"><span class="fw-bold">Ranipet Campus</span></h3>
|
||||
<p class="text-muted mt-3 title-primary mx-auto">Level 1 Trauma Care Facility at Ranipet Campuss</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row mt-5 vertical-content">
|
||||
<div class="col-lg-6 mt-2">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="assets/images/cmc/p1.png" alt="" class="img-fluid mx-auto d-block">
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-5 offset-lg-1 mt-2">
|
||||
<div class="features-desc">
|
||||
<!-- <h2>This is Improve Your Marketing <br> business</h2> -->
|
||||
<p class="text-muted mt-3">
|
||||
The Level 1 Trauma Care Facility with dedicated ambulance entry has started functioning at the
|
||||
CMC Vellore Ranipet Campus.The facility is located on the ground floor of Block D, co-located
|
||||
with the Cardiac Care Unit. It includes an Emergency Bay, 6 state-of-the-art trauma operation
|
||||
theatres, a radiology suite and 112 ward & ICU beds.
|
||||
|
||||
</p>
|
||||
<!-- <a href="#" class="btn btn-primary btn-round mt-3">Read more<i
|
||||
class="mdi mdi-chevron-right"></i></a> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row mt-5 pt-5 vertical-content">
|
||||
<div class="col-lg-5 mt-2">
|
||||
<div class="features-desc">
|
||||
<!-- <h2>This Is Increase Your Marketing Performance</h2> -->
|
||||
<p class="text-muted mt-3">Trauma is an unforeseen incident which is life or limb threatening. The
|
||||
immediate commencement of trauma care is important for life and limb saving. In this Context the
|
||||
Department of trauma surgery commits itself to offer quality services towards Primary assessment
|
||||
and surgical interventions for the Injured Victim in a comprehensive manner. The subsequent
|
||||
review and follow-up as Outpatient services.</p>
|
||||
<!-- <a href="#" class="btn btn-primary btn-round mt-3">Read more<i
|
||||
class="mdi mdi-chevron-right"></i></a> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-lg-6 offset-lg-1 mt-2">
|
||||
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img src="assets/images/cmc/ct.jpg" alt="" class="img-fluid mx-auto d-block">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- END FEATURES -->
|
||||
@ -0,0 +1,4 @@
|
||||
.bg-honey{
|
||||
background-color: #f5f5f5;
|
||||
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { FeaturesComponent } from './features.component';
|
||||
|
||||
describe('FeaturesComponent', () => {
|
||||
let component: FeaturesComponent;
|
||||
let fixture: ComponentFixture<FeaturesComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ FeaturesComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FeaturesComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,19 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-features',
|
||||
templateUrl: './features.component.html',
|
||||
styleUrls: ['./features.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* Features component
|
||||
*/
|
||||
export class FeaturesComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,33 @@
|
||||
<!-- STRT FOOTER -->
|
||||
<section class="section footer">
|
||||
<!-- <div class="bg-overlay"></div> -->
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-12">
|
||||
<div class="text-center">
|
||||
<ul class="list-inline social mb-0">
|
||||
<li class="list-inline-item"><a href="#" class="social-icon text-muted"><i
|
||||
class="ti-facebook"></i></a></li>
|
||||
<li class="list-inline-item"><a href="#" class="social-icon text-muted"><i
|
||||
class="ti-twitter-alt"></i></a></li>
|
||||
<li class="list-inline-item"><a href="#" class="social-icon text-muted"><i
|
||||
class="ti-linkedin"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-terms">
|
||||
<ul class="mb-0 list-inline text-center mt-4 pt-2">
|
||||
<li class="list-inline-item"><a href="#" class="text-muted">Terms & Condition</a></li>
|
||||
<li class="list-inline-item"><a href="#" class="text-muted">Privacy Policy</a></li>
|
||||
<li class="list-inline-item"><a href="#" class="text-muted">Contact Us</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mt-4 pt-2 text-center">
|
||||
<p class="copy-rights text-muted mb-0">
|
||||
{{year}} © CMC VELLORE. <span class="text-white">Design by UDHAYAM INFOTECH</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- END FOOTER -->
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { FooterComponent } from './footer.component';
|
||||
|
||||
describe('FooterComponent', () => {
|
||||
let component: FooterComponent;
|
||||
let fixture: ComponentFixture<FooterComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ FooterComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(FooterComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,21 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-footer',
|
||||
templateUrl: './footer.component.html',
|
||||
styleUrls: ['./footer.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* Footer component
|
||||
*/
|
||||
export class FooterComponent implements OnInit {
|
||||
|
||||
year = new Date().getFullYear()
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,245 @@
|
||||
<!-- START PRICING -->
|
||||
<section class="section bg-light" id="pricing">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<!-- <img src="assets/images/cmc/logo-1.png" style="max-width:10%;" alt="..." class="img-thumbnail mb-2" > -->
|
||||
<h6 class="title">
|
||||
Events
|
||||
<!-- <span class="fw-bold"> Save the Day! </span> -->
|
||||
</h6>
|
||||
<!-- <p class="text-muted mt-3 title-subtitle mx-auto">It is a long established fact that a reader will
|
||||
be of a page when established fact looking at its layout.</p> -->
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-2" *ngFor="let event of events">
|
||||
<div class="col-lg-12">
|
||||
<div
|
||||
class="bg-white price-box mt-3"
|
||||
[ngClass]="{ active: event.isActive === true }"
|
||||
>
|
||||
<div class="row" style="align-items: center">
|
||||
<div class="col-2">
|
||||
<img
|
||||
src="assets/images/cmc/logo-1.png"
|
||||
alt="..."
|
||||
class="img-thumbnail mb-2"
|
||||
/>
|
||||
</div>
|
||||
<div class="col-8">
|
||||
<div class="plan-price fw-bold text-center">
|
||||
<h1 class="mb-0 fw-bold">
|
||||
{{ event.subject }}
|
||||
<br />
|
||||
<span class="text-primary">{{ event.title }}</span>
|
||||
<br>
|
||||
<span>{{event.subTitle}}</span>
|
||||
</h1>
|
||||
<!-- <p class="mb-0">(on {{event.date}})</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-2">
|
||||
<img
|
||||
src="assets/images/cmc/logo-2.png"
|
||||
alt="..."
|
||||
class="img-thumbnail mb-2"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="container-fluid plan-features text-muted mt-5 mb-5">
|
||||
<div class="row mt-2" *ngFor="let event of events">
|
||||
<div class="col-md-6">
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-bolder">Venue</h5>
|
||||
<p
|
||||
class="card-text"
|
||||
*ngFor="let v of event.venue"
|
||||
class="mb-0"
|
||||
>
|
||||
<b class="text-primary"
|
||||
>{{ v.title }}
|
||||
<span *ngIf="v.date">on {{ v.date }}</span>
|
||||
</b>
|
||||
<span *ngIf="v.address">, {{ v.address }}</span>
|
||||
<span *ngIf="v.info"> - ({{ v.info }})</span>.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-bolder">Highlights</h5>
|
||||
<p
|
||||
class="card-text mb-0 mx-2 text-capitalize"
|
||||
*ngFor="let o of event.highlights"
|
||||
>
|
||||
<span class="text-primary">* </span> {{ o }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-bolder">Contact Information</h5>
|
||||
<p class="mb-0">Email: {{ event.email }}</p>
|
||||
<p>Phone: {{ event.phone }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 text-right">
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-bolder">Date</h5>
|
||||
<p>{{ event.date }}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-bolder">
|
||||
Organizing Committee - Department of Trauma Surgery
|
||||
</h5>
|
||||
<p
|
||||
class="card-text mb-0 mx-2 text-capitalize"
|
||||
*ngFor="let o of event.orgnisers"
|
||||
>
|
||||
<span class="text-primary">* </span>{{ o }}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="card mb-2">
|
||||
<div class="card-body">
|
||||
<h5 class="card-title fw-bolder">Registration</h5>
|
||||
|
||||
<p
|
||||
class="mb-0 font-italic mx-2"
|
||||
*ngFor="let fee of event.fee"
|
||||
>
|
||||
{{ fee.desc }}
|
||||
</p>
|
||||
|
||||
<!-- <p class="mb-0"> Register at <a href="#">www.traumasurg.com</a></p> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p>
|
||||
<button
|
||||
(click)="register(event)"
|
||||
class="btn btn-success btn-round float-end"
|
||||
>
|
||||
Register
|
||||
</button>
|
||||
|
||||
<button
|
||||
(click)="status(event)"
|
||||
class="btn btn-info btn-round float-end me-3"
|
||||
>
|
||||
Registration Status
|
||||
</button>
|
||||
</p>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br />
|
||||
<div class="container my-2">
|
||||
<h1 class="my-2 fw-bold text-center">
|
||||
<span class="text-primary">Brochure</span>
|
||||
</h1>
|
||||
|
||||
<div class="row">
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img
|
||||
src="assets/images/cmc/s1.png"
|
||||
alt="..."
|
||||
class="img-thumbnail mb-2"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col">
|
||||
<div class="card">
|
||||
<div class="card-body">
|
||||
<img
|
||||
src="assets/images/cmc/s2.png"
|
||||
alt="..."
|
||||
class="img-thumbnail mb-2"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<div class="container">
|
||||
<!-- <div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<i class="ti-user title-icon text-muted"></i>
|
||||
<h3 class="title">Our <span class="fw-bold">Faculties</span></h3>
|
||||
|
||||
</div>
|
||||
</div> -->
|
||||
|
||||
<div class="row">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<!-- <i class="ti-user title-icon text-muted"></i> -->
|
||||
<h3 class="title text-primary">
|
||||
meet Our <span class="fw-bold">Faculties</span>
|
||||
</h3>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<ng-container *ngFor="let item of doctors; let i = index">
|
||||
<div class="col-lg-4">
|
||||
<div class="text-center bg-white team-box mt-3 p-5">
|
||||
<div>
|
||||
<img
|
||||
style=" width: 105px; height: 105px;"
|
||||
[src]="
|
||||
item.image
|
||||
? 'assets/images/doctors/' + item.image
|
||||
: 'assets/images/doctor/pro-logo.png'
|
||||
"
|
||||
alt=""
|
||||
class="img-fluid rounded-circle img-thumbnail mx-auto d-block"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div class="team-name">
|
||||
<p class="fw-bold mb-0 mt-4">{{ item.name }}</p>
|
||||
<p class="mb-0 mt-4">
|
||||
<span *ngIf="item.prof">{{ item.prof }}, </span> {{ item.at }}
|
||||
</p>
|
||||
<!-- <p class="text-muted mt-4">
|
||||
{{ item.dept }}
|
||||
</p> -->
|
||||
</div>
|
||||
<!-- <div class="">
|
||||
<ul class="list-inline team-social mt-4 mb-0">
|
||||
<li class="list-inline-item"><a href="#"><i class="ti-github"></i></a></li>
|
||||
<li class="list-inline-item"><a href="#"><i class="ti-skype"></i></a></li>
|
||||
<li class="list-inline-item"><a href="#"><i class="ti-twitter-alt"></i></a></li>
|
||||
</ul>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start a new row after every fourth item -->
|
||||
<div class="w-100" *ngIf="(i + 1) % 6 === 0"></div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- END PRICING -->
|
||||
@ -0,0 +1,14 @@
|
||||
.fw-bolder{
|
||||
font-weight: bolder!important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
.im{
|
||||
max-width: 40%;
|
||||
width: 154px;
|
||||
height: 154px;
|
||||
/* background-size: 100% auto; */
|
||||
object-fit: cover;
|
||||
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { PricingComponent } from './pricing.component';
|
||||
|
||||
describe('PricingComponent', () => {
|
||||
let component: PricingComponent;
|
||||
let fixture: ComponentFixture<PricingComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ PricingComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(PricingComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,94 @@
|
||||
import { Component, OnInit } from "@angular/core";
|
||||
import { Router } from "@angular/router";
|
||||
import { DataService } from "src/app/data.service";
|
||||
|
||||
@Component({
|
||||
selector: "app-pricing",
|
||||
templateUrl: "./pricing.component.html",
|
||||
styleUrls: ["./pricing.component.scss"],
|
||||
})
|
||||
|
||||
/**
|
||||
* Pricing component
|
||||
*/
|
||||
export class PricingComponent implements OnInit {
|
||||
constructor(private router: Router, private dataService: DataService) {}
|
||||
|
||||
events = [];
|
||||
doctors = [];
|
||||
ngOnInit(): void {
|
||||
this.events = this.dataService.events;
|
||||
this.doctors = this.events[0].doctors;
|
||||
}
|
||||
|
||||
team = [
|
||||
{
|
||||
image: "sukria.png",
|
||||
name: "Dr. Sukria Nayak",
|
||||
dept: "Professor Head, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
{
|
||||
image: "amit.png",
|
||||
name: "Dr. Amit Gupta",
|
||||
dept: "Professor, Division of Trauma Surgery, JPNATC, AIIMS, New Delhi",
|
||||
},
|
||||
{
|
||||
name: "Dr. Kirthi Sathyakumar",
|
||||
dept: " Associate Professor, Emergency Radiology, CMC, Vellore",
|
||||
},
|
||||
{
|
||||
image: "subodh.png",
|
||||
name: "Dr. Subodh Kumar",
|
||||
dept: "Professor, Division of Trauma Surgery, JPNATC, AIIMS, New Delhi",
|
||||
},
|
||||
{
|
||||
name: "Dr. Santhosh R Benjamin",
|
||||
dept: " Associate Professor, Department of Cardiothoracic Surgery, CMC Vellore",
|
||||
},
|
||||
{
|
||||
image: "kajal.png",
|
||||
name: "Dr. Kajal Jain",
|
||||
dept: "Professor, Department of Anaesthesia, PGIMER, Chandigarh",
|
||||
},
|
||||
{
|
||||
name: "Dr. Raghu",
|
||||
dept: "Professor, Division of Trauma and Acute Care Surgery, University Hospital, Michigan Medicine, Ann Arbor",
|
||||
},
|
||||
{
|
||||
name: "Dr. Vinay M Rao",
|
||||
dept: " Assistant Professor, Department of Cardiothoracic Surgery, CMC Vellore",
|
||||
},
|
||||
{
|
||||
name: "Dr. Niladri Banerjee",
|
||||
dept: " Assistant Professor, Department of Surgery, AIIMS, Jodhpur",
|
||||
},
|
||||
{
|
||||
name: "Dr. Susheel Sudheesh",
|
||||
dept: " Assistant Professor, Department of Anaesthesia, CMC Vellore",
|
||||
},
|
||||
{
|
||||
image: "srujan.png",
|
||||
name: "Dr. Srujan Lam Sharma",
|
||||
dept: " Assistant Professor, Department of Trauma Surgery, CMC, Vellore",
|
||||
},
|
||||
{
|
||||
image: "vignesh.png",
|
||||
name: "Dr. Vignesh Kumar",
|
||||
dept: " Associate Professor, PIMS, Puducherry ",
|
||||
},
|
||||
{
|
||||
name: "Dr. Joses Dany James",
|
||||
dept: " Assistant Professor, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
];
|
||||
|
||||
register(event) {
|
||||
console.log(event);
|
||||
this.router.navigate(["/register", event.id]);
|
||||
}
|
||||
|
||||
status(event) {
|
||||
console.log(event);
|
||||
this.router.navigate(["/check-status"]);
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,40 @@
|
||||
import { Directive, Input, EventEmitter, Inject, Output, ElementRef, HostListener } from '@angular/core';
|
||||
import { DOCUMENT } from '@angular/common';
|
||||
|
||||
@Directive({
|
||||
selector: '[appScrollspy]'
|
||||
})
|
||||
export class ScrollspyDirective {
|
||||
|
||||
@Input() public spiedTags = [];
|
||||
@Output() public sectionChange = new EventEmitter<string>();
|
||||
private currentSection: string;
|
||||
|
||||
// tslint:disable-next-line: variable-name
|
||||
constructor(private _el: ElementRef, @Inject(DOCUMENT) private document: Document,) { }
|
||||
|
||||
@HostListener('window:scroll', ['$event'])
|
||||
/**
|
||||
* Window scroll method
|
||||
*/
|
||||
onScroll(event: any) {
|
||||
let currentSection: string;
|
||||
const children = this._el.nativeElement.querySelectorAll('section');
|
||||
const scrollTop = this.document.documentElement.scrollTop;
|
||||
const parentOffset = this.document.documentElement.offsetTop;
|
||||
|
||||
// tslint:disable-next-line: prefer-for-of
|
||||
for (let i = 0; i < children.length; i++) {
|
||||
const element = children[i];
|
||||
if (this.spiedTags.some(spiedTag => spiedTag === element.tagName)) {
|
||||
if ((element.offsetTop - parentOffset) <= scrollTop) {
|
||||
currentSection = element.id;
|
||||
}
|
||||
}
|
||||
}
|
||||
if (currentSection !== this.currentSection) {
|
||||
this.currentSection = currentSection;
|
||||
this.sectionChange.emit(this.currentSection);
|
||||
}
|
||||
}
|
||||
}
|
||||
@ -0,0 +1,39 @@
|
||||
<!-- START SERVICES -->
|
||||
<section class="section" id="services">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<i class="ti-ruler-pencil title-icon text-muted"></i>
|
||||
<h3 class="title"> <span class="fw-bold">about us</span></h3>
|
||||
<p class="text-muted mt-3 mx-auto">Christian Medical College Vellore was started as a
|
||||
one-bedded clinic-cum-dispensary in 1900 by Dr. Ida Sophia Scudder, the daughter of
|
||||
second-generation medical missionaries. Today, this healthcare organization of international repute
|
||||
includes a network of primary, secondary, tertiary and quaternary care hospitals, with around 3844
|
||||
beds spread across six campuses in and around Vellore, and in the neighboring state of Andhra
|
||||
Pradesh. The main hospital is situated in the 19-acre Town Campus (earlier referred to as the
|
||||
Thottappalayam Campus) in the heart of Vellore town. The hospital complex is the site for clinical
|
||||
training for all the students. The vast majority of the clinical departments are located on the
|
||||
hospital campus. From April 2016 to March 2017, the hospital, which has close to 2500 beds,
|
||||
received more than 21 lakh outpatients, more than a lakh inpatients and recorded more than 14, 500
|
||||
births.</p>
|
||||
</div>
|
||||
</div>
|
||||
<!-- <div class="row mt-5">
|
||||
<div class="col-md-4" *ngFor="let item of servicesData">
|
||||
<div class="services-box">
|
||||
<div class="services-icon">
|
||||
<i :class="{{item.icon}} text-primary"></i>
|
||||
</div>
|
||||
<div class="mt-3">
|
||||
<h5 class="services-title fw-bold mb-3">{{item.title}}</h5>
|
||||
<p class="services-subtitle text-muted"> Ut enim ad minim veniam, quis nostrud exercitation
|
||||
ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div> -->
|
||||
<!-- end col -->
|
||||
<!-- end row -->
|
||||
</div>
|
||||
</section>
|
||||
<!-- END SERVICES -->
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { ServicesComponent } from './services.component';
|
||||
|
||||
describe('ServicesComponent', () => {
|
||||
let component: ServicesComponent;
|
||||
let fixture: ComponentFixture<ServicesComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ ServicesComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(ServicesComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,46 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-services',
|
||||
templateUrl: './services.component.html',
|
||||
styleUrls: ['./services.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* Services component
|
||||
*/
|
||||
export class ServicesComponent implements OnInit {
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
servicesData = [
|
||||
{
|
||||
icon: 'ti-settings',
|
||||
title: 'Digital Design'
|
||||
},
|
||||
{
|
||||
icon: 'ti-palette',
|
||||
title: 'Unlimited Colors'
|
||||
},
|
||||
{
|
||||
icon: 'ti-stats-up',
|
||||
title: 'Strategy Solutions'
|
||||
},
|
||||
{
|
||||
icon: 'ti-package',
|
||||
title: 'Awesome Support'
|
||||
},
|
||||
{
|
||||
icon: 'ti-dashboard',
|
||||
title: 'Truly Multipurpose'
|
||||
},
|
||||
{
|
||||
icon: 'ti-headphone',
|
||||
title: 'Easy to customize'
|
||||
}
|
||||
]
|
||||
|
||||
}
|
||||
29
support-portal-frontend/src/app/shared/shared.module.ts
Normal file
29
support-portal-frontend/src/app/shared/shared.module.ts
Normal file
@ -0,0 +1,29 @@
|
||||
import { NgModule } from '@angular/core';
|
||||
|
||||
import { CommonModule } from '@angular/common';
|
||||
import { CarouselModule } from 'ngx-owl-carousel-o';
|
||||
import { ScrollToModule } from '@nicky-lenaers/ngx-scroll-to';
|
||||
|
||||
import { ServicesComponent } from './services/services.component';
|
||||
import { FeaturesComponent } from './features/features.component';
|
||||
import { ClientComponent } from './client/client.component';
|
||||
import { TeamComponent } from './team/team.component';
|
||||
import { FaqComponent } from './faq/faq.component';
|
||||
import { PricingComponent } from './pricing/pricing.component';
|
||||
import { ContactComponent } from './contact/contact.component';
|
||||
import { FooterComponent } from './footer/footer.component';
|
||||
import { SwitcherComponent } from './switcher/switcher.component';
|
||||
import { ScrollspyDirective } from './scrollspy.directive';
|
||||
import { BrowserModule } from '@angular/platform-browser';
|
||||
|
||||
@NgModule({
|
||||
declarations: [ServicesComponent, FeaturesComponent, ClientComponent, TeamComponent, FaqComponent, PricingComponent, ContactComponent, FooterComponent, SwitcherComponent, ScrollspyDirective],
|
||||
imports: [
|
||||
// BrowserModule,
|
||||
CommonModule,
|
||||
CarouselModule,
|
||||
ScrollToModule.forRoot()
|
||||
],
|
||||
exports: [ServicesComponent, FeaturesComponent, ClientComponent, TeamComponent, FaqComponent, PricingComponent, ContactComponent, FooterComponent, SwitcherComponent, ScrollspyDirective]
|
||||
})
|
||||
export class SharedModule { }
|
||||
@ -0,0 +1,35 @@
|
||||
<!-- Back to top -->
|
||||
<div (window:scroll)="windowScroll()">
|
||||
<a href="javascript:void(0);" [ngxScrollTo]="'#home'" class="back-to-top" id="back-to-top"> <i class="ti-angle-up"> </i> </a>
|
||||
</div>
|
||||
<!-- Style switcher -->
|
||||
<div id="style-switcher" [style]="isVisible ? 'left: 0px' : 'left: -189px'">
|
||||
<div>
|
||||
<h3>Select your color</h3>
|
||||
<ul class="pattern">
|
||||
<li>
|
||||
<a class="color1" href="javascript: void(0);" (click)="setTheme('default')"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="color2" href="javascript: void(0);" (click)="setTheme('pink')"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="color3" href="javascript: void(0);" (click)="setTheme('yellow')"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="color4" href="javascript: void(0);" (click)="setTheme('green')"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="color5" href="javascript: void(0);" (click)="setTheme('purple')"></a>
|
||||
</li>
|
||||
<li>
|
||||
<a class="color6" href="javascript: void(0);" (click)="setTheme('light-blue')"></a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="bottom">
|
||||
<a href="javascript: void(0);" class="settings" (click)="toggleSwitcher()"><i
|
||||
class="ti-settings ti-spin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<!-- end Style switcher -->
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { SwitcherComponent } from './switcher.component';
|
||||
|
||||
describe('SwitcherComponent', () => {
|
||||
let component: SwitcherComponent;
|
||||
let fixture: ComponentFixture<SwitcherComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ SwitcherComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(SwitcherComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
@ -0,0 +1,45 @@
|
||||
import { Component, OnInit } from '@angular/core';
|
||||
|
||||
@Component({
|
||||
selector: 'app-switcher',
|
||||
templateUrl: './switcher.component.html',
|
||||
styleUrls: ['./switcher.component.scss']
|
||||
})
|
||||
|
||||
/**
|
||||
* Switcher component
|
||||
*/
|
||||
export class SwitcherComponent implements OnInit {
|
||||
|
||||
isVisible = false;
|
||||
|
||||
constructor() { }
|
||||
|
||||
ngOnInit(): void {
|
||||
}
|
||||
|
||||
windowScroll() {
|
||||
if (
|
||||
document.body.scrollTop > 100 ||
|
||||
document.documentElement.scrollTop > 100
|
||||
) {
|
||||
document.getElementById("back-to-top").style.display = "inline";
|
||||
} else {
|
||||
document.getElementById("back-to-top").style.display = "none";
|
||||
}
|
||||
}
|
||||
/**
|
||||
* Onclick color change
|
||||
* @param theme theme color
|
||||
*/
|
||||
setTheme(theme) {
|
||||
document
|
||||
.getElementById('color-opt')
|
||||
.setAttribute('href', 'assets/css/colors/' + theme + '.css');
|
||||
}
|
||||
|
||||
toggleSwitcher() {
|
||||
this.isVisible = !this.isVisible;
|
||||
}
|
||||
|
||||
}
|
||||
@ -0,0 +1,50 @@
|
||||
<!-- START TEAM-->
|
||||
|
||||
<section class="section team-bg" id="team">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-12">
|
||||
<i class="ti-user title-icon text-muted"></i>
|
||||
<h3 class="title">Our <span class="fw-bold">Faculties</span></h3>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row mt-5">
|
||||
<ng-container *ngFor="let item of team; let i = index">
|
||||
<div class="col-lg-3">
|
||||
<div class="card border-dark text-center bg-white team-box mt-3 p-5">
|
||||
<div >
|
||||
<img
|
||||
style="width:90px;height: 90px;"
|
||||
[src]="item.image ? 'assets/images/doctors/'+item.image : 'assets/images/doctor/pro-logo.png'"
|
||||
alt=""
|
||||
class="img-fluid rounded-circle img-thumbnail mx-auto d-block"
|
||||
/>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="team-name">
|
||||
<p class="fw-bold mb-0 mt-4">{{ item.name }}</p>
|
||||
<p class="text-muted mt-4">
|
||||
{{ item.dept }}
|
||||
</p>
|
||||
</div>
|
||||
<!-- <div class="">
|
||||
<ul class="list-inline team-social mt-4 mb-0">
|
||||
<li class="list-inline-item"><a href="#"><i class="ti-github"></i></a></li>
|
||||
<li class="list-inline-item"><a href="#"><i class="ti-skype"></i></a></li>
|
||||
<li class="list-inline-item"><a href="#"><i class="ti-twitter-alt"></i></a></li>
|
||||
</ul>
|
||||
</div> -->
|
||||
</div>
|
||||
</div>
|
||||
<!-- Start a new row after every fourth item -->
|
||||
<div class="w-100" *ngIf="(i + 1) % 6 === 0"></div>
|
||||
</ng-container>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<!-- END TEAM -->
|
||||
@ -0,0 +1,3 @@
|
||||
.team-bg{
|
||||
background-color: #fffff8;
|
||||
}
|
||||
@ -0,0 +1,25 @@
|
||||
import { ComponentFixture, TestBed } from '@angular/core/testing';
|
||||
|
||||
import { TeamComponent } from './team.component';
|
||||
|
||||
describe('TeamComponent', () => {
|
||||
let component: TeamComponent;
|
||||
let fixture: ComponentFixture<TeamComponent>;
|
||||
|
||||
beforeEach(async () => {
|
||||
await TestBed.configureTestingModule({
|
||||
declarations: [ TeamComponent ]
|
||||
})
|
||||
.compileComponents();
|
||||
});
|
||||
|
||||
beforeEach(() => {
|
||||
fixture = TestBed.createComponent(TeamComponent);
|
||||
component = fixture.componentInstance;
|
||||
fixture.detectChanges();
|
||||
});
|
||||
|
||||
it('should create', () => {
|
||||
expect(component).toBeTruthy();
|
||||
});
|
||||
});
|
||||
104
support-portal-frontend/src/app/shared/team/team.component.ts
Normal file
104
support-portal-frontend/src/app/shared/team/team.component.ts
Normal file
@ -0,0 +1,104 @@
|
||||
import { Component, OnInit } from "@angular/core";
|
||||
|
||||
@Component({
|
||||
selector: "app-team",
|
||||
templateUrl: "./team.component.html",
|
||||
styleUrls: ["./team.component.scss"],
|
||||
})
|
||||
|
||||
/**
|
||||
* Team component
|
||||
*/
|
||||
export class TeamComponent implements OnInit {
|
||||
constructor() {}
|
||||
|
||||
ngOnInit(): void {}
|
||||
|
||||
team = [
|
||||
{
|
||||
image : 'sukria.png',
|
||||
name: "Dr. Sukria Nayak",
|
||||
dept: "Professor & Head, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
|
||||
{
|
||||
image : '13.jpg',
|
||||
|
||||
name: "Dr. Vijayan P",
|
||||
dept: "Associate Surgeon, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
|
||||
{
|
||||
image : '14.jpg',
|
||||
|
||||
name: "Dr. Joses Dany James",
|
||||
dept: " Assistant Professor, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
|
||||
{
|
||||
image : 'srujan.png',
|
||||
name: "Dr. Srujan Lam Sharma",
|
||||
dept: " Assistant Professor, Department of Trauma Surgery, CMC, Vellore",
|
||||
},
|
||||
]
|
||||
teama= [
|
||||
{
|
||||
image : 'sukria.png',
|
||||
name: "Dr. Sukria Nayak",
|
||||
dept: "Head, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
{
|
||||
image : 'amit.png',
|
||||
name: "Dr. Amit Gupta",
|
||||
dept: "Professor, Division of Trauma Surgery, JPNATC, AIIMS, New Delhi",
|
||||
},
|
||||
{
|
||||
name: "Dr. Kirthi Sathyakumar",
|
||||
dept: " Associate Professor, Emergency Radiology, CMC, Vellore",
|
||||
},
|
||||
{
|
||||
image : 'subodh.png',
|
||||
name: "Dr. Subodh Kumar",
|
||||
dept: "Professor, Division of Trauma Surgery, JPNATC, AIIMS, New Delhi",
|
||||
},
|
||||
{
|
||||
name: "Dr. Santhosh R Benjamin",
|
||||
dept: " Associate Professor, Department of Cardiothoracic Surgery, CMC Vellore",
|
||||
},
|
||||
{
|
||||
image : 'kajal.png',
|
||||
name: "Dr. Kajal Jain",
|
||||
dept: "Professor, Department of Anaesthesia, PGIMER, Chandigarh",
|
||||
},
|
||||
{
|
||||
name: "Dr. Raghu",
|
||||
dept: "Professor, Division of Trauma and Acute Care Surgery, University Hospital, Michigan Medicine, Ann Arbor",
|
||||
},
|
||||
{
|
||||
name: "Dr. Vinay M Rao",
|
||||
dept: " Assistant Professor, Department of Cardiothoracic Surgery, CMC Vellore",
|
||||
},
|
||||
{
|
||||
name: "Dr. Niladri Banerjee",
|
||||
dept: " Assistant Professor, Department of Surgery, AIIMS, Jodhpur",
|
||||
},
|
||||
{
|
||||
name: "Dr. Susheel Sudheesh",
|
||||
dept: " Assistant Professor, Department of Anaesthesia, CMC Vellore",
|
||||
},
|
||||
{
|
||||
image : 'srujan.png',
|
||||
name: "Dr. Srujan Lam Sharma",
|
||||
dept: " Assistant Professor, Department of Trauma Surgery, CMC, Vellore",
|
||||
},
|
||||
{
|
||||
image : 'vignesh.png',
|
||||
name: "Dr. Vignesh Kumar",
|
||||
dept: " Associate Professor, PIMS, Puducherry ",
|
||||
},
|
||||
{
|
||||
name: "Dr. Joses Dany James",
|
||||
dept: " Assistant Professor, Department of Trauma Surgery, CMC Vellore",
|
||||
},
|
||||
];
|
||||
}
|
||||
Reference in New Issue
Block a user