Files
twenty/packages/twenty-website/src/app/components/oss-friends/Header.tsx
gitstart-twenty 1924962e8c OSS Friends list is out of date (#3192)
* OSS Friends list is out of date

Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Add icons

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>

* Refactor according to review

Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>

* OSS Friends list is out of date

Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: niteshsingh1357 <niteshsingh1357@gmail.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: Thiago Nascimbeni <tnascimbeni@gmail.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: niteshsingh1357 <niteshsingh1357@gmail.com>
2024-01-03 22:38:25 +01:00

42 lines
754 B
TypeScript

'use client';
import styled from '@emotion/styled';
const Title = styled.h2`
font-size: 56px;
font-weight: 600;
color: #b3b3b3;
margin-bottom: 0px;
margin-top: 64px;
@media (max-width: 810px) {
font-size: 28px;
}
`;
const Description = styled.h2`
font-size: 20px;
color: #818181;
margin-top: 0px;
margin-bottom: 36px;
font-weight: 400;
@media (max-width: 810px) {
font-size: 18px;
}
`;
export const Header = () => {
return (
<>
<Title>
Open-source <br /> <span style={{ color: 'black' }}>friends</span>
</Title>
<Description>
We are proud to collaborate with a diverse group of partners to <br />
promote open-source software.
</Description>
</>
);
};