Create `Techshift` Component

[srirag-vuppala]

Problem

We are a part of the Techshift Alliance and proud about it! So we would want to advertise that on our WhatWeDo page.

Do This

Create a component named Techshift alliance

• Code should be added to the files located in components/WhatWeDo and assets/WhatWeDo
• The text for the paragraph will be hard coded within the component
• The logo can be exposed as a SVG from the Figma

The arrow seen on the desktop version will scroll to the next section on click. To implement this functionality the next section had the id "join-a-project-team". Below is some example code.

##Example Code
    function scrollToElement() {
        const element =  document.getElementById(props.location);
        element.scrollIntoView({ behavior: 'smooth' })
    }
    return (
        <button className="CategoryButton" onClick={scrollToElement}>
            <span className="button-text">{props.category}</span>
        </button>
    )

Mobile:

Desktop:

Note

• To text the scroll functionality you will need to create a div with the id "join-a-project-team"
• The mobile version does not include the arrow, hide the arrow with css or using the react-responsive library.