Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Title Changed #24

Closed
wants to merge 16 commits into from
Closed
2 changes: 2 additions & 0 deletions src/App.jsx
Original file line number Diff line number Diff line change
@@ -4,11 +4,13 @@ import ContactUs from "./components/contact/ContactUs";
import Navbar from "./components/NavBar/NavBar";
>>>>>>> 8edfb0f806db73a6c5fa74aa22c70469c2ea7a62
import Footer from "./components/footer/Footer";
import Team from "./components/team/Team";

function App() {
return (
<div>
<<<<<<< HEAD
<Team />
<ContactUs />
=======
<Navbar/>
Binary file added src/assets/dp.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
26 changes: 26 additions & 0 deletions src/components/team/Card.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,26 @@
export default function Card({ name, image, role, linkedin, github, twitter }) {
console.log(role.name);
return (
<div className="flex flex-col justify-center w-[18.875rem] h-[24.4375rem] shrink-0">
<div className="">{role}</div>
<img
className="text-[#1C1C1C] text-[1.625rem] not-italic font-medium leading-[normal]"
src={image}
alt="Meh"
/>
<h1>{name}</h1>
<h2>{role}</h2>
<div className="flex flex-row justify-center">
<a href={linkedin}>
<img src="" />
</a>
<a href={github}>
<img src="" />
</a>
<a href={twitter}>
<img src="" />
</a>
</div>
</div>
);
}
17 changes: 17 additions & 0 deletions src/components/team/Team.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,17 @@
import * as data from "../../data/data2023.json";
import Card from "./Card";
export default function Team() {
console.log(data.teamMembers[0]);
return (
<div className="flex 6flex-row justify-evenly">
<Card
name={data.teamMembers[0].name}
role={data.teamMembers[0].role}
linkedin={data.teamMembers[0].linkedinUrl}
github={data.teamMembers[0].githubUrl}
twitter={data.teamMembers[0].twitterUrl}
image={data.teamMembers[0].image}
/>
</div>
);
}