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?
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.
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.
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.