Skip to content

Update advisors.tsx #2

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.

Sign up for GitHub

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

Open
Durgesh4993 wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Update advisors.tsx #2

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
104 changes: 36 additions & 68 deletions src/components/advisors.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,81 +2,49 @@ const Advisors = () => {
return (
<div className="impact">
<div className="container mx-auto py-20 px-5 md:px-0">
<div className="h-100 flex flex-col justify-center items-center cols-2">
<h1 className="text-secondary text-[24px] md:text-[50px] font-bold pb-2">
<div className="flex flex-col justify-center items-center md:grid md:grid-cols-1 lg:grid-cols-3 md:gap-12">
<h1 className="text-secondary text-2xl md:text-4xl font-bold pb-2">
Our Advisors
</h1>
<div className="container mx-auto w-[20vw] pb-5 md:pb-10">
<img src="/images/separator.png" />
</div>
<div className="container mx-auto md:grid md:grid-cols-3 md:gap-12 pb-10 mt-5 md:mt-8">
<div className="bg-white mx-5 md:mx-0 py-8 px-5 md:px-6 rounded-xl border-[3px] border-[#B99806]">
<img
src="/images/abhishek.webp"
className="rounded-full mx-auto"
/>
<p className="text-[18px] md:text-[25px] font-bold text-secondary text-center mt-3 md:mt-5">
Shri Abhishek Singh (IAS)
</p>
<p className="text-[14px] md:text-[16px] font-mono-medium text-primary text-center mt-2">
President & CEO NeGD, MD & CEO - Digital India Corporation & CEO
Karmayogi Bharat
</p>
<div className="container mx-auto mt-2">
<img src="/images/separator.png" />
</div>
<p className="text-[15px] md:text-[16px] font-medium italic text-primary text-center mt-3 md:mt-5">
Abhishek Singh is an officer of the 1995 batch of IAS and has
worked with the central government to create policy for
leveraging technology to improve Governance. He has been the
guiding force behind running major population-scale projects
such as Karamyogi, DIKSHA and DigiLocker.
</p>
</div>
<div className="bg-white mx-5 md:mx-0 mt-8 md:mt-0 py-8 px-5 md:px-6 rounded-xl border-[3px] border-[#B99806]">
<img src="/images/pramod.webp" className="rounded-full mx-auto" />
<p className="text-[18px] md:text-[25px] font-bold text-secondary text-center mt-3 md:mt-5">
Dr Pramod Varma
</p>
<p className="text-[14px] md:text-[16px] font-mono-medium text-primary text-center mt-2">
Chief Architect of Aadhaar, CTO - EkStep Foundation & Co-Founder
- FIDE.org
</p>
<div className="container mx-auto mt-2">
<img src="/images/separator.png" />
</div>
<p className="text-[15px] md:text-[16px] font-medium italic text-primary text-center mt-3 md:mt-5">
Pramod played an integral role in building and scaling Aadhar to
1.2 billion people in a short span of 7 years. In addition, he
has also helped architect various India Stack layers scale such
as eSign, Digital Locker, and Unified Payment Interface (UPI).
</p>
</div>
<div className="bg-white mx-5 md:mx-0 mt-8 md:mt-0 py-8 px-5 md:px-6 rounded-xl border-[3px] border-[#B99806]">
<img src="/images/lobo.webp" className="rounded-full mx-auto" />
<p className="text-[18px] md:text-[25px] font-bold text-secondary text-center mt-3 md:mt-5">
Donald Lobo
</p>
<p className="text-[14px] md:text-[16px] font-mono-medium text-primary text-center mt-2">
Founder - Open Brackets Foundation & Executive Director - Chintu
Gudiya Foundation
</p>
<div className="container mx-auto mt-2">
<img src="/images/separator.png" />
</div>
<p className="text-[15px] md:text-[16px] font-medium italic text-primary text-center mt-3 md:mt-5">
Donald has been actively working to empower NGOs and
organisations to develop open-source software for the public
good. His foundation's current focus is on transforming the way
non profits use tech and data via the Project Tech4Dev, Avni and
Glific initiatives.
</p>
</div>
<div className="w-20vw md:w-full pb-5 md:pb-10">
<img src="/images/separator.png" alt="Separator" />
</div>
<AdvisorCard
image="/images/abhishek.webp"
name="Shri Abhishek Singh (IAS)"
designation="President & CEO NeGD, MD & CEO - Digital India Corporation & CEO Karmayogi Bharat"
description="Abhishek Singh is an officer of the 1995 batch of IAS and has worked with the central government to create policy for leveraging technology to improve Governance. He has been the guiding force behind running major population-scale projects such as Karamyogi, DIKSHA, and DigiLocker."
/>
<AdvisorCard
image="/images/pramod.webp"
name="Dr Pramod Varma"
designation="Chief Architect of Aadhaar, CTO - EkStep Foundation & Co-Founder - FIDE.org"
description="Pramod played an integral role in building and scaling Aadhar to 1.2 billion people in a short span of 7 years. In addition, he has also helped architect various India Stack layers scale such as eSign, Digital Locker, and Unified Payment Interface (UPI)."
/>
<AdvisorCard
image="/images/lobo.webp"
name="Donald Lobo"
designation="Founder - Open Brackets Foundation & Executive Director - Chintu Gudiya Foundation"
description="Donald has been actively working to empower NGOs and organisations to develop open-source software for the public good. His foundation's current focus is on transforming the way non-profits use tech and data via the Project Tech4Dev, Avni, and Glific initiatives."
/>
</div>
</div>
</div>
);
};

const AdvisorCard = ({ image, name, designation, description }) => {
return (
<div className="bg-white mx-5 md:mx-0 mt-8 py-8 px-5 md:px-6 rounded-xl border-3 border-[#B99806]">
<img src={image} className="rounded-full mx-auto" alt={name} />
<p className="text-2xl md:text-4xl font-bold text-secondary text-center mt-3 md:mt-5">{name}</p>
<p className="text-lg md:text-xl font-mono-medium text-primary text-center mt-2">{designation}</p>
<div className="w-20vw md:w-full mt-2">
<img src="/images/separator.png" alt="Separator" />
</div>
<p className="text-base md:text-lg font-medium italic text-primary text-center mt-3 md:mt-5">{description}</p>
</div>
);
};

export default Advisors;