first commit
This commit is contained in:
33
src/components/Team.jsx
Normal file
33
src/components/Team.jsx
Normal file
@@ -0,0 +1,33 @@
|
||||
import React from "react";
|
||||
|
||||
export const Team = (props) => {
|
||||
return (
|
||||
<div id="team" className="text-center">
|
||||
<div className="container">
|
||||
<div className="col-md-8 col-md-offset-2 section-title">
|
||||
<h2>Meet the Team</h2>
|
||||
<p>
|
||||
Lorem ipsum dolor sit amet, consectetur adipiscing elit duis sed
|
||||
dapibus leonec.
|
||||
</p>
|
||||
</div>
|
||||
<div id="row">
|
||||
{props.data
|
||||
? props.data.map((d, i) => (
|
||||
<div key={`${d.name}-${i}`} className="col-md-3 col-sm-6 team">
|
||||
<div className="thumbnail">
|
||||
{" "}
|
||||
<img src={d.img} alt="..." className="team-img" />
|
||||
<div className="caption">
|
||||
<h4>{d.name}</h4>
|
||||
<p>{d.job}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
: "loading"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user