Skip to content

Commit

Permalink
Merge pull request #48 from ArslanYM/contributors_page
Browse files Browse the repository at this point in the history
Added Contributors page React code.
  • Loading branch information
ArslanYM authored May 23, 2023
2 parents b040546 + dc80550 commit 5de559a
Show file tree
Hide file tree
Showing 2 changed files with 101 additions and 0 deletions.
101 changes: 101 additions & 0 deletions web/src/pages/Contributors.jsx
Original file line number Diff line number Diff line change
@@ -0,0 +1,101 @@
// eslint-disable-next-line no-unused-vars
import React from 'react'

export const Contributors = () => {
return (
<>
<section className="text-gray-600 body-font">
<div className="container px-5 py-24 mx-auto">
<div className="flex flex-col text-center w-full mb-20">
<h1 className="sm:text-3xl text-2xl font-medium title-font mb-4 text-gray-900">Our Team</h1>
<p className="lg:w-2/3 mx-auto leading-relaxed text-base">Whatever cardigan tote bag tumblr hexagon brooklyn asymmetrical gentrify, subway tile poke farm-to-table. Franzen you probably havent heard of them.</p>
</div>
<div className="flex flex-wrap -m-2">
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/80x80" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Holden Caulfield</h2>
<p className="text-gray-500">UI Designer</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/84x84" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Henry Letham</h2>
<p className="text-gray-500">CTO</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/88x88" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Oskar Blinde</h2>
<p className="text-gray-500">Founder</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/90x90" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">John Doe</h2>
<p className="text-gray-500">DevOps</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/94x94" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Martin Eden</h2>
<p className="text-gray-500">Software Engineer</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/98x98" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Boris Kitua</h2>
<p className="text-gray-500">UX Researcher</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/100x90" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Atticus Finch</h2>
<p className="text-gray-500">QA Engineer</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/104x94" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Alper Kamu</h2>
<p className="text-gray-500">System</p>
</div>
</div>
</div>
<div className="p-2 lg:w-1/3 md:w-1/2 w-full">
<div className="h-full flex items-center border-gray-200 border p-4 rounded-lg">
<img alt="team" className="w-16 h-16 bg-gray-100 object-cover object-center flex-shrink-0 rounded-full mr-4" src="https://dummyimage.com/108x98" />
<div className="flex-grow">
<h2 className="text-gray-900 title-font font-medium">Rodrigo Monchi</h2>
<p className="text-gray-500">Product Manager</p>
</div>
</div>
</div>
</div>
</div>
</section>
</>

)
}
Empty file.

1 comment on commit 5de559a

@vercel
Copy link

@vercel vercel bot commented on 5de559a May 23, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

starter-hive – ./

starter-hive.vercel.app
starter-hive-git-main-arslanym.vercel.app
starter-hive-arslanym.vercel.app

Please sign in to comment.