Angular Bootstrap Team sections
Angular team sections - Bootstrap 4 & Material Design
Note: This documentation is for an older version of Bootstrap (v.4). A
newer version is available for Bootstrap 5. We recommend migrating to the latest version of our product - Material Design for
Bootstrap 5.
Go to docs v.5
MDB provides you multiple sections and components to present your team.
Required styles import
Starting with MDB Angular 8, using the following components requires importing an additional stylesheet. Add the following imports to the global
styles.scssstylesheet file.
@import "~ng-uikit-pro-standard/assets/scss/core/colors";
@import "~ng-uikit-pro-standard/assets/scss/core/variables";
@import "~ng-uikit-pro-standard/assets/scss/core/variables-pro";
@import "~ng-uikit-pro-standard/assets/scss/sections-pro/_team-pro.scss";
Team v.1 MDB Pro component
Our amazing team
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.
.webp)
Anna Williams
Graphic designer
Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci sed quia non numquam modi tempora eius.
.webp)
John Doe
Web developer
Sed ut perspiciatis unde omnis iste natus error sit voluptatem ipsa accusantium doloremque rem laudantium totam aperiam.
.webp)
Maria Smith
Photographer
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim est fugiat nulla id eu laborum.
<!-- Section: Team v.1 -->
<section class="team-section text-center my-5">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold my-5">Our amazing team</h2>
<!-- Section description -->
<p class="grey-text w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Fugit, error
amet numquam iure provident voluptate esse quasi,
veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.</p>
<!-- Grid row -->
<div class="row">
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(20).webp" class="rounded-circle z-depth-1"
alt="Sample avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Anna Williams</h5>
<p class="text-uppercase blue-text">
<strong>Graphic designer</strong>
</p>
<p class="grey-text">Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur,
adipisci sed
quia non numquam modi
tempora eius.</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f" class="blue-text"> </mdb-icon>
</a>
<!-- Twitter -->
<a class="p-2 fa-lg tw-ic">
<mdb-icon fab icon="twitter" class="blue-text"> </mdb-icon>
</a>
<!-- Instagram -->
<a class="p-2 fa-lg ins-ic">
<mdb-icon fab icon="instagram" class="blue-text"> </mdb-icon>
</a>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-lg-0 mb-5">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(3).webp" class="rounded-circle z-depth-1"
alt="Sample avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">John Doe</h5>
<p class="text-uppercase blue-text">
<strong>Web developer</strong>
</p>
<p class="grey-text">Sed ut perspiciatis unde omnis iste natus error sit voluptatem ipsa accusantium
doloremque
rem laudantium totam
aperiam.</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f" class="blue-text"> </mdb-icon>
</a>
<!-- Instagram -->
<a class="p-2 fa-lg ins-ic">
<mdb-icon fab icon="instagram" class="blue-text"> </mdb-icon>
</a>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6 mb-md-0 mb-5">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(30).webp" class="rounded-circle z-depth-1"
alt="Sample avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Maria Smith</h5>
<p class="text-uppercase blue-text">
<strong>Photographer</strong>
</p>
<p class="grey-text">Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt
mollit
anim est fugiat nulla
id eu laborum.</p>
<ul class="list-unstyled mb-0">
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f" class="blue-text"> </mdb-icon>
</a>
<!-- Twitter -->
<a class="p-2 fa-lg ins-ic">
<mdb-icon fab icon="dribbble" class="blue-text"> </mdb-icon>
</a>
<!-- Instagram -->
<a class="p-2 fa-lg ins-ic">
<mdb-icon fab icon="instagram" class="blue-text"> </mdb-icon>
</a>
</ul>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-lg-3 col-md-6">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(32).webp" class="rounded-circle z-depth-1"
alt="Sample avatar">
</div>
<h5 class="font-weight-bold mt-4 mb-3">Tom Adams</h5>
<p class="text-uppercase blue-text">
<strong>Backend developer</strong>
</p>
<p class="grey-text">Perspiciatis repellendus ad odit consequuntur, eveniet earum nisi qui consectetur
totam
officia voluptates perferendis
voluptatibus aut.</p>
<ul class="list-unstyled mb-0">
<!-- Facebook -->
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f" class="blue-text"> </mdb-icon>
</a>
<!-- Github -->
<a class="p-2 fa-lg ins-ic">
<mdb-icon fab icon="github" class="blue-text"> </mdb-icon>
</a>
</ul>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</section>
<!-- Section: Team v.1 -->
Team v.2 MDB Pro component
Our amazing team
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.
.webp)
.webp)
.webp)
<!-- Section: Team v.2 -->
<section class="team-section text-center my-5">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold my-5">Our amazing team</h2>
<!-- Section description -->
<p class="grey-text w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur adipisicing elit.
Fugit, error
amet numquam iure provident voluptate esse quasi,
veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.</p>
<!-- Grid row -->
<div class="row text-center">
<!-- Grid column -->
<div class="col-md-4 mb-md-0 mb-5">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(10).webp" class="rounded z-depth-1-half" alt="Sample avatar">
</div>
<h4 class="font-weight-bold dark-grey-text my-4">Maria Kate</h4>
<h6 class="text-uppercase grey-text mb-3">
<strong>Photographer</strong>
</h6>
<!-- Facebook-->
<a type="button" mdbBtn floating="true" size="sm" color="fb" class="mx-1 mb-0">
<mdb-icon fab icon="facebook-f"></mdb-icon>
</a>
<!--Dribbble -->
<a type="button" mdbBtn floating="true" size="sm" color="dribbble" class="mx-1 mb-0">
<mdb-icon fab icon="dribbble"></mdb-icon>
</a>
<!-- Twitter -->
<a type="button" mdbBtn floating="true" size="sm" color="tw" class="mx-1 mb-0">
<mdb-icon fab icon="twitter"></mdb-icon>
</a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4 mb-md-0 mb-5">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(27).webp" class="rounded z-depth-1-half" alt="Sample avatar">
</div>
<h4 class="font-weight-bold dark-grey-text my-4">John Doe</h4>
<h6 class="text-uppercase grey-text mb-3">
<strong>Front-end Developer</strong>
</h6>
<!--Email-->
<a type="button" mdbBtn floating="true" size="sm" color="email" class="mx-1 mb-0">
<mdb-icon fas icon="envelope"></mdb-icon>
</a>
<!-- Facebook-->
<a type="button" mdbBtn floating="true" size="sm" color="fb" class="mx-1 mb-0">
<mdb-icon fab icon="facebook-f"></mdb-icon>
</a>
<!-- GitHub-->
<a type="button" mdbBtn floating="true" size="sm" color="git" class="mx-1 mb-0">
<mdb-icon fab icon="github"></mdb-icon>
</a>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-md-4">
<div class="avatar mx-auto">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(31).webp" class="rounded z-depth-1-half" alt="Sample avatar">
</div>
<h4 class="font-weight-bold dark-grey-text my-4">Sarah Melyah</h4>
<h6 class="text-uppercase grey-text mb-3">
<strong>Web Developer</strong>
</h6>
<!--Linkedin -->
<a type="button" mdbBtn floating="true" size="sm" color="li" class="mx-1 mb-0">
<mdb-icon fab icon="linkedin-in"></mdb-icon>
</a>
<!-- Twitter -->
<a type="button" mdbBtn floating="true" size="sm" color="tw" class="mx-1 mb-0">
<mdb-icon fab icon="twitter"></mdb-icon>
</a>
<!--Pinterest -->
<a type="button" mdbBtn floating="true" size="sm" color="pin" class="mx-1 mb-0">
<mdb-icon fab icon="pinterest"></mdb-icon>
</a>
</div>
<!-- Grid column -->
</div>
<!-- Grid row -->
</section>
<!-- Section: Team v.2 -->
Team v.3 MDB Pro component
Our amazing team
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.
.webp)
.webp)
.webp)
<!-- Section: Team v.3 -->
<section class="team-section my-5">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold text-center my-5">Our amazing team</h2>
<!-- Section description -->
<p class="grey-text text-center w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas
nostrum quisquam eum porro a pariatur veniam.</p>
<!-- Grid row-->
<div class="row text-center text-md-left">
<!-- Grid column -->
<div class="col-xl-6 col-lg-12 mb-5 d-md-flex justify-content-between">
<div class="avatar mb-md-0 mb-4 mx-4">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(32).webp" class="rounded z-depth-1" alt="Sample avatar">
</div>
<div class="mx-4">
<h4 class="font-weight-bold mb-3">John Doe</h4>
<h6 class="font-weight-bold grey-text mb-3">Web Designer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic
tenetur.</p>
<!-- Facebook-->
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f"> </mdb-icon>
</a>
<!-- Twitter -->
<a class="p-2 fa-lg tw-ic">
<mdb-icon fab icon="twitter"> </mdb-icon>
</a>
<!--Dribbble -->
<a class="p-2 fa-lg dribbble-ic">
<mdb-icon fab icon="dribbble"> </mdb-icon>
</a>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-xl-6 col-lg-12 mb-5 d-md-flex justify-content-between">
<div class="avatar mb-md-0 mb-4 mx-4">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(20).webp" class="rounded z-depth-1" alt="Sample avatar">
</div>
<div class="mx-4">
<h4 class="font-weight-bold mb-3">Maria Kate</h4>
<h6 class="font-weight-bold grey-text mb-3">Photographer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic
tenetur.</p>
<!-- Facebook-->
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f"> </mdb-icon>
</a>
<!--YouTube -->
<a class="p-2 fa-lg yt-ic">
<mdb-icon fab icon="youtube"> </mdb-icon>
</a>
<!--Instagram-->
<a class="p-2 fa-lg ins-ic">
<mdb-icon fab icon="instagram"> </mdb-icon>
</a>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid row-->
<!-- Grid row-->
<div class="row text-center text-md-left">
<!-- Grid column -->
<div class="col-xl-6 col-lg-12 mb-xl-0 mb-5 d-md-flex justify-content-between">
<div class="avatar mb-md-0 mb-4 mx-4">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(26).webp" class="rounded z-depth-1" alt="Sample avatar">
</div>
<div class="mx-4">
<h4 class="font-weight-bold mb-3">Anna Deynah</h4>
<h6 class="font-weight-bold grey-text mb-3">Web Developer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic
tenetur.</p>
<!-- Facebook-->
<a class="p-2 fa-lg fb-ic">
<mdb-icon fab icon="facebook-f"> </mdb-icon>
</a>
<!-- Twitter -->
<a class="p-2 fa-lg tw-ic">
<mdb-icon fab icon="twitter"> </mdb-icon>
</a>
<!-- GitHub-->
<a class="p-2 fa-lg git-ic">
<mdb-icon fab icon="github"> </mdb-icon>
</a>
</div>
</div>
<!-- Grid column -->
<!-- Grid column -->
<div class="col-xl-6 col-lg-12 d-md-flex justify-content-between">
<div class="avatar mb-md-0 mb-4 mx-4">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img%20(29).webp" class="rounded z-depth-1 img-fluid"
alt="Sample avatar">
</div>
<div class="mx-4">
<h4 class="font-weight-bold mb-3">Sarah Melyah</h4>
<h6 class="font-weight-bold grey-text mb-3">Front-end Developer</h6>
<p class="grey-text">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quod eos id officiis hic
tenetur.</p>
<!-- Google +-->
<a class="p-2 fa-lg gplus-ic">
<mdb-icon fab icon="google-plus"> </mdb-icon>
</a>
<!--LinkedIn -->
<a class="p-2 fa-lg li-ic">
<mdb-icon fab icon="linkedin-in"> </mdb-icon>
</a>
<!--Email-->
<a class="p-2 fa-lg email-ic">
<mdb-icon fas icon="envelope"> </mdb-icon>
</a>
</div>
</div>
<!-- Grid column -->
</div>
<!-- Grid row-->
</section>
<!-- Section: Team v.3 -->
Team v.4 MDB Pro component
Our amazing team
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas nostrum quisquam eum porro a pariatur veniam.
.webp)
About me
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis rem amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum, officia laudantium quaerat?
Click here to rotate back
.webp)
About me
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis rem amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum, officia laudantium quaerat?
Click here to rotate back
.webp)
.webp)
About me
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis rem amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum, officia laudantium quaerat?
Click here to rotate back
<!--Section: Team v.4-->
<section class="section pb-3">
<!-- Section heading -->
<h2 class="h1-responsive font-weight-bold text-center my-5">Our amazing team</h2>
<!-- Section description -->
<p class="grey-text text-center w-responsive mx-auto mb-5">Lorem ipsum dolor sit amet, consectetur
adipisicing elit. Fugit, error amet numquam iure provident voluptate esse quasi, veritatis totam voluptas
nostrum quisquam eum porro a pariatur veniam.</p>
<div class="row">
<!--Grid column-->
<div class="col-lg-4 col-md-12">
<mdb-card-rotating #cards1>
<!--Front Side-->
<div class="face front tp-box_side tp-box_front">
<!-- Image-->
<div class="card-up">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(132).webp" class="img-fluid">
</div>
<!--Avatar-->
<div class="avatar">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img (10).webp" class="rounded-circle img-responsive">
</div>
<!--Content-->
<div class="card-body">
<h4>Maria Kate</h4>
<p>Photographer</p>
<!--Triggering button-->
<a class="rotate-btn" data-card="card-1" (click)="cards1.toggle()">
<mdb-icon fas icon="redo"></mdb-icon> Click here to rotate</a>
</div>
</div>
<!--/.Front Side-->
<!--Back Side-->
<div class="back tp-box_side tp-box_back">
<!--Content-->
<h4>About me</h4>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis
rem
amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum,
officia
laudantium quaerat?
</p>
<hr>
<!--Social Icons-->
<ul class="list-inline list-unstyled">
<li class="list-inline-item">
<a class="icons-sm fb-ic">
<mdb-icon fab icon="facebook-f"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm pin-ic">
<mdb-icon fab icon="pinterest"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm ins-ic">
<mdb-icon fab icon="instagram"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm tw-ic">
<mdb-icon fab icon="twitter"></mdb-icon>
</a>
</li>
</ul>
<!--Triggering button-->
<a class="rotate-btn" data-card="card-1" (click)="cards1.toggle()">
<mdb-icon fas icon="undo"></mdb-icon> Click here to rotate back</a>
</div>
<!--/.Back Side-->
</mdb-card-rotating>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-4 col-md-12">
<mdb-card-rotating #cards2>
<!--Front Side-->
<div class="face front tp-box_side tp-box_front">
<!-- Image-->
<div class="card-up">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(73).webp" class="img-fluid">
</div>
<!--Avatar-->
<div class="avatar">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img (20).webp" class="rounded-circle img-responsive">
</div>
<!--Content-->
<div class="card-body">
<h4>Anna Deynah</h4>
<p>Web Designer</p>
<!--Triggering button-->
<a class="rotate-btn" data-card="card-1" (click)="cards2.toggle()">
<mdb-icon fas icon="redo"></mdb-icon> Click here to rotate</a>
</div>
</div>
<!--/.Front Side-->
<!--Back Side-->
<div class="back tp-box_side tp-box_back">
<!--Content-->
<h4>About me</h4>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis
rem
amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum,
officia
laudantium quaerat?
</p>
<hr>
<!--Social Icons-->
<ul class="list-inline list-unstyled">
<li class="list-inline-item">
<a class="icons-sm fb-ic">
<mdb-icon fab icon="facebook-f"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm tw-ic">
<mdb-icon fab icon="twitter"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm gplus-ic">
<mdb-icon fab icon="google-plus"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm dribbble-ic">
<mdb-icon fab icon="dribbble"></mdb-icon>
</a>
</li>
</ul>
<!--Triggering button-->
<a class="rotate-btn" data-card="card-1" (click)="cards2.toggle()">
<mdb-icon fas icon="undo"></mdb-icon> Click here to rotate back</a>
</div>
<!--/.Back Side-->
</mdb-card-rotating>
</div>
<!--Grid column-->
<!--Grid column-->
<div class="col-lg-4 col-md-12">
<mdb-card-rotating #cards3>
<!--Front Side-->
<div class="face front tp-box_side tp-box_front">
<!-- Image-->
<div class="card-up">
<img src="https://mdbootstrap.com/img/Photos/Horizontal/Nature/4-col/img%20(14).webp" class="img-fluid">
</div>
<!--Avatar-->
<div class="avatar">
<img src="https://mdbootstrap.com/img/Photos/Avatars/img (8).webp" class="rounded-circle img-responsive">
</div>
<!--Content-->
<div class="card-body">
<h4>John Doe</h4>
<p>Front-end Developer</p>
<!--Triggering button-->
<a class="rotate-btn" data-card="card-1" (click)="cards3.toggle()">
<mdb-icon fas icon="redo"></mdb-icon> Click here to rotate</a>
</div>
</div>
<!--/.Front Side-->
<!--Back Side-->
<div class="back tp-box_side tp-box_back">
<!--Content-->
<h4>About me</h4>
<hr>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime quae, dolores dicta. Blanditiis
rem
amet repellat, dolores nihil quae in mollitia asperiores ut rerum repellendus, voluptatum eum,
officia
laudantium quaerat?
</p>
<hr>
<!--Social Icons-->
<ul class="list-inline list-unstyled">
<li class="list-inline-item">
<a class="icons-sm gplus-ic">
<mdb-icon fab icon="google-plus"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm fb-ic">
<mdb-icon fab icon="facebook-f"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm git-ic">
<mdb-icon fab icon="github"></mdb-icon>
</a>
</li>
<li class="list-inline-item">
<a class="icons-sm li-ic">
<mdb-icon fab icon="linkedin-in"></mdb-icon>
</a>
</li>
</ul>
<!--Triggering button-->
<a class="rotate-btn" data-card="card-1" (click)="cards3.toggle()">
<mdb-icon fas icon="undo"></mdb-icon> Click here to rotate back</a>
</div>
<!--/.Back Side-->
</mdb-card-rotating>
</div>
<!--Grid column-->
</div>
</section>
<!--Section: Team v.4-->
Angular Team - API
In this section you will find informations about required modules and available inputs, outputs, methods and events of Angular team sections.
Modules used
In order to speed up your application, you can choose to import only the modules you actually need, instead of importing the entire MDB Angular library. Remember that importing the entire library, and immediately afterwards a specific module, is bad practice, and can cause application errors.
import { CardsModule, WavesModule } from 'ng-uikit-pro-standard'