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.

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

Jump to bottom

Addition of Team D page #89

Open
wants to merge 2 commits into
base: master
Choose a base branch
from
Open

Addition of Team D page #89

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ec0180c
Adding TeamD subblock for light & dark mode
mohitm15 Jul 13, 2022
c51aaef
Adding TeamD icon
mohitm15 Jul 14, 2022
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
5 changes: 4 additions & 1 deletion src/blocks/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -144,10 +144,12 @@ import DarkStepC from './step/dark/c';
import LightTeamA from './team/light/a';
import LightTeamB from './team/light/b';
import LightTeamC from './team/light/c';
import LightTeamD from './team/light/d';

import DarkTeamA from './team/dark/a';
import DarkTeamB from './team/dark/b';
import DarkTeamC from './team/dark/c';
import DarkTeamD from './team/dark/d';

import LightTestimonialA from './testimonial/light/a';
import LightTestimonialB from './testimonial/light/b';
Expand Down Expand Up @@ -245,7 +247,8 @@ export default function getBlock({theme = 'indigo', darkMode = false}) {
Team: {
TeamA: darkMode ? <DarkTeamA theme={theme} /> : <LightTeamA theme={theme} />,
TeamB: darkMode ? <DarkTeamB theme={theme} /> : <LightTeamB theme={theme} />,
TeamC: darkMode ? <DarkTeamC theme={theme} /> : <LightTeamC theme={theme} />
TeamC: darkMode ? <DarkTeamC theme={theme} /> : <LightTeamC theme={theme} />,
TeamD: darkMode ? <DarkTeamD theme={theme} /> : <LightTeamD theme={theme} />
},
Testimonial: {
TestimonialA: darkMode ? <DarkTestimonialA theme={theme} /> : <LightTestimonialA theme={theme} />,
Expand Down
219 changes: 219 additions & 0 deletions src/blocks/team/dark/d.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,219 @@
import React from "react";
import PropTypes from "prop-types";

function DarkTeamD(props) {
return (
<section className="text-gray-400 bg-gray-900 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-white">
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
haven&apos;t heard of them.
</p>
</div>

<div className="flex items-center lg:w-3/5 mx-auto border-b pb-5 mb-5 border-gray-800 sm:flex-row flex-col">
<div
className={`sm:w-32 sm:h-32 h-20 w-20 sm:mr-10 inline-flex items-center justify-center rounded-full bg-gray-800 flex-shrink-0`}
>
<img
alt="team"
className=" bg-gray-100 object-cover object-center flex-shrink-0 rounded-full"
src="https://dummyimage.com/200x200"
/>
</div>
<div className="flex-grow sm:text-left text-center mt-6 sm:mt-0">
<h2 className="text-white text-lg title-font font-medium mb-2">
Holden Caulfield <span className="font-light">| UI Designer</span>
</h2>
<p className="leading-relaxed text-base mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny pack
vaporware photo booth fam.
</p>
<span className="inline-flex">
<a href className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" />
</svg>
</a>
<a href className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
</svg>
</a>
<a href className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" />
</svg>
</a>
</span>
</div>
</div>

<div className="flex items-center lg:w-3/5 mx-auto border-b pb-5 mb-5 border-gray-800 sm:flex-row flex-col">
<div
className={`sm:w-32 sm:h-32 h-20 w-20 sm:mr-10 inline-flex items-center justify-center rounded-full bg-gray-800 flex-shrink-0`}
>
<img
alt="team"
className=" bg-gray-100 object-cover object-center flex-shrink-0 rounded-full"
src="https://dummyimage.com/200x200"
/>
</div>
<div className="flex-grow sm:text-left text-center mt-6 sm:mt-0">
<h2 className="text-white text-lg title-font font-medium mb-2">
Atticus Finch{" "}
<span className="font-light">| Product Manager</span>
</h2>
<p className="leading-relaxed text-base mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny pack
vaporware photo booth fam.
</p>
<span className="inline-flex">
<a href className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" />
</svg>
</a>
<a href className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
</svg>
</a>
<a href className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" />
</svg>
</a>
</span>
</div>
</div>

<div className="flex items-center lg:w-3/5 mx-auto sm:flex-row flex-col">
<div
className={`sm:w-32 sm:h-32 h-20 w-20 sm:mr-10 inline-flex items-center justify-center rounded-full bg-gray-800 flex-shrink-0`}
>
<img
alt="team"
className=" bg-gray-100 object-cover object-center flex-shrink-0 rounded-full"
src="https://dummyimage.com/200x200"
/>
</div>
<div className="flex-grow sm:text-left text-center mt-6 sm:mt-0">
<h2 className="text-white text-lg title-font font-medium mb-2">
Alper Kamu{" "}
<span className="font-light">| Software Developer</span>
</h2>
<p className="leading-relaxed text-base mb-4">
DIY tote bag drinking vinegar cronut adaptogen squid fanny pack
vaporware photo booth fam.
</p>
<span className="inline-flex">
<a href className="text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M18 2h-3a5 5 0 00-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 011-1h3z" />
</svg>
</a>
<a href className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M23 3a10.9 10.9 0 01-3.14 1.53 4.48 4.48 0 00-7.86 3v1A10.66 10.66 0 013 4s-4 9 5 13a11.64 11.64 0 01-7 2c9 5 20 0 20-11.5a4.5 4.5 0 00-.08-.83A7.72 7.72 0 0023 3z" />
</svg>
</a>
<a href className="ml-2 text-gray-500">
<svg
fill="none"
stroke="currentColor"
strokeLinecap="round"
strokeLinejoin="round"
strokeWidth="2"
className="w-5 h-5"
viewBox="0 0 24 24"
>
<path d="M21 11.5a8.38 8.38 0 01-.9 3.8 8.5 8.5 0 01-7.6 4.7 8.38 8.38 0 01-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 01-.9-3.8 8.5 8.5 0 014.7-7.6 8.38 8.38 0 013.8-.9h.5a8.48 8.48 0 018 8v.5z" />
</svg>
</a>
</span>
</div>
</div>
</div>
</section>
);
}

DarkTeamD.defaultProps = {
theme: "indigo",
};

DarkTeamD.propTypes = {
theme: PropTypes.string.isRequired,
};

export default DarkTeamD;
Loading