Reactstrap Core Teams
-Share with your customers and visitors your core team, let them know who are they working with, using these teams section components.
Description
We’ve made the following teams components using various
reactstrap
components, and
Bootstrap
classes and also some custom
scss/css
classes.
Example
Since these components were created with the thought of expanding on a whole screen, you should also take a look at our live preview, to see it on full width here.
Team1
Our Awesome Team 1
People in this world shun people for being great. For being a bright color. For standing out. But the time is now to be okay to be the greatest you. Would you believe in what you believe in?
Charlie Watson
-
Dedicated entrepreneur
-
Urban exploration
Quavo Austen
-
Dedicated entrepreneur
-
Urban exploration
Lucy Thomson
-
Dedicated entrepreneur
-
Urban exploration
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import Team1 from "components/teams/Team1.js";
function Example() {
return (
<>
<Team1 />
</>
);
}
export default Example;Team2
The Executive Team
This is the paragraph where you can write more details about your team. Keep you user engaged by providing meaningful information.
Sofia Scarlett
UX Designer
-
Keen on great design
-
Outdors lover
-
Super friendly support team
Dylan Wyatt
Team Lead
-
Dedicated entrepreneur
-
Urban exploration
-
Able to get good at everything
Mila Skylar
Content Creator
-
High quality publication
-
Storytelling
-
Master of words qualification
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import Team2 from "components/teams/Team2.js";
function Example() {
return (
<>
<Team2 />
</>
);
}
export default Example;Team3
You are into a great company
This is the paragraph where you can write more details about your team. Keep you user engaged by providing meaningful information.
Jane Doe
Scrum Master
|
|
Leadership |
|
|
Skiing, Chess |
|
|
• • • • • |
Hannah Klein
CTO
|
|
Leadership |
|
|
Skiing, Chess |
|
|
• • • • • |
Lucy Khan
Brand Strategist
|
|
Leadership |
|
|
Skiing, Chess |
|
|
• • • • • |
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import Team3 from "components/teams/Team3.js";
function Example() {
return (
<>
<Team3 />
</>
);
}
export default Example;Team4
The Amazing Team
Society has put up so many boundaries, so many limitations on what’s right and wrong that it’s almost impossible to get a pure thought out. It’s like a little kid, a little boy, looking at colors.
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import Team4 from "components/teams/Team4.js";
function Example() {
return (
<>
<Team4 />
</>
);
}
export default Example;Team5
Meet our awesome team
People are so scared to lose that they don't even try. Like, one thing people can't say is that I'm not trying, and I'm not trying my hardest, and I'm not trying to do the best way I know how.
import React from "react";
// reactstrap components
// import {
//
// } from "reactstrap";
// Core Components
import Team5 from "components/teams/Team5.js";
function Example() {
return (
<>
<Team5 />
</>
);
}
export default Example;Note
You should note, that none of the bellow components are dynamic, as we do not know what your end use case will be. Feel free to change it, add your own props and dynamic code.