Team.js
1 import React from "react"; 2 import "./Team.css"; 3 import teamMember1 from "../images/JanSofta.jpeg"; 4 import teamMember2 from "../images/pedro.jpeg"; 5 import teamMember3 from "../images/craig.png"; 6 import teamMember4 from "../images/Beko.jpeg"; 7 8 const Team = () => { 9 return ( 10 <div className="team-container"> 11 <h1>Meet Our Team</h1> 12 <div className="team-gallery"> 13 <div className="team-item"> 14 <a 15 href="https://www.linkedin.com/in/jan-softa-680a79b2/" 16 target="_blank" 17 rel="noopener noreferrer" 18 > 19 <img src={teamMember1} alt="Team Member 1" /> 20 </a> 21 <h2>CEO and fullstack developer</h2> 22 <p>Jan Softa</p> 23 </div> 24 <div className="team-item"> 25 <a 26 href="https://www.linkedin.com/in/pedroguimaraes/" 27 target="_blank" 28 rel="noopener noreferrer" 29 > 30 <img src={teamMember2} alt="Team Member 2" /> 31 </a> 32 <h2>Tech lead</h2> 33 <p>Pedro Guimaraes</p> 34 </div> 35 <div className="team-item"> 36 <a 37 href="https://www.linkedin.com/in/craig-s-dsilva/" 38 target="_blank" 39 rel="noopener noreferrer" 40 > 41 <img src={teamMember3} alt="Team Member 3" /> 42 </a> 43 <h2>Fullstack developer</h2> 44 <p>Craig D'Silva</p> 45 </div> 46 <div className="team-item"> 47 <a 48 href="https://www.linkedin.com/in/abubakar-meigag/" 49 target="_blank" 50 rel="noopener noreferrer" 51 > 52 <img src={teamMember4} alt="Team Member 4" /> 53 </a> 54 <h2>Fullstack developer</h2> 55 <p>aka Beko</p> 56 </div> 57 </div> 58 </div> 59 ); 60 }; 61 62 export default Team;