Created
May 5, 2021 01:31
-
-
Save andersonms1/d740aac86d49d260bc295a52fa78a525 to your computer and use it in GitHub Desktop.
React code generate by BuilderIO
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
import styled from "styled-components"; | |
const Div = styled.div` | |
display: flex; | |
flex-direction: column; | |
max-width: 352px; | |
justify-content: flex-start; | |
align-items: flex-start; | |
`; | |
const Div2 = styled.div` | |
display: flex; | |
flex-direction: row; | |
max-width: 352px; | |
justify-content: center; | |
@media (max-width: 640px) { | |
margin-right: -2px; | |
} | |
`; | |
const Div3 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 24px; | |
width: 24px; | |
`; | |
const Image = styled.img` | |
object-fit: contain; | |
object-position: center; | |
position: absolute; | |
height: 100%; | |
width: 100%; | |
top: 0; | |
left: 0; | |
`; | |
const ImageSizer = styled.div` | |
width: 100%; | |
padding-top: 58.333333333333336%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Div4 = styled.div` | |
max-width: 58px; | |
margin-left: 119px; | |
color: rgba(0, 0, 0, 1); | |
font-size: 22px; | |
letter-spacing: 0px; | |
text-align: left; | |
font-family: Playfair Display, sans-serif; | |
`; | |
const Div5 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 32px; | |
width: 32px; | |
margin-left: 119px; | |
`; | |
const ImageSizer2 = styled.div` | |
width: 100%; | |
padding-top: 100%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Div6 = styled.div` | |
display: flex; | |
flex-direction: column; | |
max-width: 336px; | |
margin-top: 29px; | |
`; | |
const Columns = styled.div` | |
display: flex; | |
`; | |
const Column = styled.div` | |
display: flex; | |
flex-direction: column; | |
line-height: normal; | |
width: calc(55.37% - 10px); | |
margin-left: 0px; | |
`; | |
const Div7 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 170px; | |
width: 170px; | |
`; | |
const Image3 = styled.img` | |
object-fit: cover; | |
object-position: center; | |
position: absolute; | |
height: 100%; | |
width: 100%; | |
top: 0; | |
left: 0; | |
`; | |
const ImageSizer3 = styled.div` | |
width: 100%; | |
padding-top: 91.17647058823529%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Column2 = styled.div` | |
display: flex; | |
flex-direction: column; | |
line-height: normal; | |
width: calc(49.19% - 10px); | |
margin-left: 20px; | |
`; | |
const Div8 = styled.div` | |
display: flex; | |
flex-direction: column; | |
max-width: 151px; | |
justify-content: flex-start; | |
align-items: flex-start; | |
`; | |
const Div9 = styled.div` | |
max-width: 70px; | |
color: rgba(0, 0, 0, 1); | |
font-size: 22px; | |
letter-spacing: 0px; | |
text-align: center; | |
font-family: Playfair Display, sans-serif; | |
`; | |
const WalletWithChainStyle36252 = styled.div` | |
max-width: 151px; | |
margin-top: 11px; | |
line-height: 150%; | |
letter-spacing: 0px; | |
text-align: left; | |
font-family: Work Sans, sans-serif; | |
`; | |
const Div10 = styled.div` | |
max-width: 50px; | |
margin-top: 11px; | |
color: rgba(0, 0, 0, 1); | |
font-size: 20px; | |
letter-spacing: 0px; | |
text-align: left; | |
font-family: Work Sans, sans-serif; | |
`; | |
const Div11 = styled.div` | |
display: flex; | |
flex-direction: row; | |
max-width: 66px; | |
justify-content: flex-start; | |
align-items: flex-start; | |
margin-top: 11px; | |
padding-top: 7px; | |
padding-bottom: 7px; | |
padding-right: 15px; | |
padding-left: 15px; | |
background-color: rgba(0, 0, 0, 1); | |
color: rgba(251, 251, 251, 1); | |
font-size: 14px; | |
letter-spacing: 0px; | |
text-align: center; | |
font-family: Work Sans, sans-serif; | |
`; | |
const Div12 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 94px; | |
width: 94px; | |
margin-top: 11px; | |
`; | |
const ImageSizer4 = styled.div` | |
width: 100%; | |
padding-top: 23.404255319148938%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Div13 = styled.div` | |
display: flex; | |
flex-direction: column; | |
max-width: 316px; | |
margin-top: 29px; | |
@media (max-width: 640px) { | |
padding-left: 7px; | |
} | |
`; | |
const Column3 = styled.div` | |
display: flex; | |
flex-direction: column; | |
line-height: normal; | |
width: calc(29.09% - 13.333333333333334px); | |
margin-left: 0px; | |
`; | |
const Div14 = styled.div` | |
max-width: 80px; | |
color: rgba(0, 0, 0, 1); | |
font-size: 14px; | |
line-height: 150%; | |
letter-spacing: 0px; | |
text-align: left; | |
font-family: Work Sans, sans-serif; | |
`; | |
const Column4 = styled.div` | |
display: flex; | |
flex-direction: column; | |
line-height: normal; | |
width: calc(33.09% - 13.333333333333334px); | |
margin-left: 20px; | |
`; | |
const Div15 = styled.div` | |
display: flex; | |
flex-direction: column; | |
max-width: 91px; | |
justify-content: flex-start; | |
align-items: flex-start; | |
`; | |
const Div16 = styled.div` | |
max-width: 91px; | |
color: rgba(0, 0, 0, 1); | |
font-size: 14px; | |
line-height: 150%; | |
letter-spacing: 0px; | |
text-align: left; | |
font-family: Work Sans, sans-serif; | |
`; | |
const Div17 = styled.div` | |
display: flex; | |
max-width: 91px; | |
height: 0px; | |
width: 91px; | |
margin-top: 9px; | |
border-color: rgba(0, 0, 0, 1); | |
border-width: 2px; | |
border-style: solid; | |
`; | |
const Column5 = styled.div` | |
display: flex; | |
flex-direction: column; | |
line-height: normal; | |
width: calc(42.55% - 13.333333333333334px); | |
margin-left: 20px; | |
`; | |
const Div18 = styled.div` | |
max-width: 117px; | |
color: rgba(0, 0, 0, 1); | |
font-size: 14px; | |
line-height: 150%; | |
letter-spacing: 0px; | |
text-align: left; | |
font-family: Work Sans, sans-serif; | |
`; | |
const Div19 = styled.div` | |
display: flex; | |
flex-direction: column; | |
position: relative; | |
margin-top: 20px; | |
line-height: normal; | |
height: auto; | |
text-align: center; | |
@media (max-width: 640px) { | |
margin-left: auto; | |
} | |
`; | |
const Div20 = styled.div` | |
display: flex; | |
flex-direction: column; | |
position: relative; | |
margin-top: 20px; | |
line-height: normal; | |
height: auto; | |
text-align: center; | |
`; | |
const Div21 = styled.div` | |
display: flex; | |
flex-direction: column; | |
position: relative; | |
margin-top: 20px; | |
line-height: normal; | |
height: auto; | |
text-align: center; | |
@media (max-width: 640px) { | |
margin-right: auto; | |
} | |
`; | |
const Div22 = styled.div` | |
display: flex; | |
flex-direction: row; | |
max-width: 351px; | |
justify-content: center; | |
margin-top: 29px; | |
border-radius: 69px; | |
box-shadow: 0px 14px 56px 0px rgba(0, 0, 0, 0.14000000059604645); | |
padding-top: 13px; | |
padding-bottom: 13px; | |
padding-right: 20px; | |
padding-left: 20px; | |
background-color: rgba(255, 255, 255, 1); | |
`; | |
const Div23 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 18.000118255615234px; | |
width: 18.000118255615234px; | |
`; | |
const ImageSizer5 = styled.div` | |
width: 100%; | |
padding-top: 111.08703746834617%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Div24 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 19.99658203125px; | |
width: 19.99658203125px; | |
margin-left: 65px; | |
`; | |
const ImageSizer6 = styled.div` | |
width: 100%; | |
padding-top: 100.01709276487681%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Div25 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 21px; | |
width: 21px; | |
margin-left: 65px; | |
`; | |
const ImageSizer7 = styled.div` | |
width: 100%; | |
padding-top: 78.57142857142857%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
const Div26 = styled.div` | |
display: flex; | |
position: relative; | |
min-width: 20px; | |
min-height: 20px; | |
max-width: 42px; | |
width: 42px; | |
margin-left: 65px; | |
`; | |
const ImageSizer8 = styled.div` | |
width: 100%; | |
padding-top: 76.19047619047619%; | |
pointer-events: none; | |
font-size: 0; | |
`; | |
export default function MyComponent(props) { | |
return ( | |
<> | |
<Div> | |
<Div2> | |
<Div3 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={0.5833333333333334} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539" | |
type="image/webp" | |
/> | |
<Image | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F50dc4cd4ace543a4ab6a6b5421e7a539" | |
></Image> | |
</picture> | |
<ImageSizer className="builder-image-sizer"></ImageSizer> | |
</Div3> | |
<Div4>bagzz</Div4> | |
<Div5 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={1} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f" | |
type="image/webp" | |
/> | |
<img | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Ff888e3bbc3564a69a0dfb80118f5b94f" | |
/> | |
</picture> | |
<ImageSizer2 className="builder-image-sizer"></ImageSizer2> | |
</Div5> | |
</Div2> | |
<Div6 stackColumnsAt="never" space={15}> | |
<Columns className="builder-columns"> | |
<Column className="builder-column"> | |
<Div7 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8" | |
backgroundPosition="center" | |
backgroundSize="cover" | |
aspectRatio={0.9117647058823529} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8" | |
type="image/webp" | |
/> | |
<Image3 | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5760ede29b1c4a61aaa489cc2ae401c8" | |
></Image3> | |
</picture> | |
<ImageSizer3 className="builder-image-sizer"></ImageSizer3> | |
</Div7> | |
</Column> | |
<Column2 className="builder-column"> | |
<Div8> | |
<Div9>Artsy</Div9> | |
<WalletWithChainStyle36252> | |
Wallet with chain Style #36252 0YK0G 1000 | |
</WalletWithChainStyle36252> | |
<Div10>$564</Div10> | |
<Div11>Buy now</Div11> | |
<Div12 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={0.23404255319148937} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689" | |
type="image/webp" | |
/> | |
<img | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F80bb6a80ed74422f963de1ede792a689" | |
/> | |
</picture> | |
<ImageSizer4 className="builder-image-sizer"></ImageSizer4> | |
</Div12> | |
</Div8> | |
</Column2> | |
</Columns> | |
</Div6> | |
<Div13 stackColumnsAt="never" space={14}> | |
<div className="builder-columns"> | |
<Column3 className="builder-column"> | |
<Div14>Description</Div14> | |
</Column3> | |
<Column4 className="builder-column"> | |
<Div15> | |
<Div16>Shipping info</Div16> | |
<Div17></Div17> | |
</Div15> | |
</Column4> | |
<Column5 className="builder-column"> | |
<Div18>Payment options</Div18> | |
</Column5> | |
</div> | |
</Div13> | |
<Div19> | |
<p> | |
Pre-order, Made to Order and DIY items will ship on the estimated | |
date noted on the product description page. These items will ship | |
through Premium Express once they become available. | |
</p> | |
</Div19> | |
<Div20> | |
<p> | |
<strong>Return policy</strong> | |
</p> | |
</Div20> | |
<Div21> | |
<p> | |
Returns may be made by mail or in store. The return window for | |
online purchases is 30 days (10 days in the case of beauty items) | |
from the date of delivery. You may return products by mail using the | |
complimentary prepaid return label included with your order, and | |
following the return instructions provided in your digital invoice. | |
</p> | |
</Div21> | |
<Div22> | |
<Div23 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={1.1108703746834616} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9" | |
type="image/webp" | |
/> | |
<img | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2Fbd00ac6b7fac452686183b23603435c9" | |
/> | |
</picture> | |
<ImageSizer5 className="builder-image-sizer"></ImageSizer5> | |
</Div23> | |
<Div24 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={1.000170927648768} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f" | |
type="image/webp" | |
/> | |
<img | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F6336e27d862f48df95ee8c606a4bf43f" | |
/> | |
</picture> | |
<ImageSizer6 className="builder-image-sizer"></ImageSizer6> | |
</Div24> | |
<Div25 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={0.7857142857142857} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544" | |
type="image/webp" | |
/> | |
<img | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F808b07e752b440b4ad0480987a7f0544" | |
/> | |
</picture> | |
<ImageSizer7 className="builder-image-sizer"></ImageSizer7> | |
</Div25> | |
<Div26 | |
image="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25" | |
backgroundPosition="center" | |
backgroundSize="contain" | |
aspectRatio={0.7619047619047619} | |
> | |
<picture> | |
<source | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?format=webp&width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25" | |
type="image/webp" | |
/> | |
<img | |
src="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25" | |
srcSet="https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=100 100w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=200 200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=400 400w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=800 800w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=1200 1200w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=1600 1600w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25?width=2000 2000w, https://cdn.builder.io/api/v1/image/assets%2FTEMP%2F5344ec28f33047f097b55464d45ceb25" | |
/> | |
</picture> | |
<ImageSizer8 className="builder-image-sizer"></ImageSizer8> | |
</Div26> | |
</Div22> | |
</Div> | |
</> | |
); | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment