Skip to content

Instantly share code, notes, and snippets.

@andersonms1
Created May 5, 2021 01:31
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save andersonms1/d740aac86d49d260bc295a52fa78a525 to your computer and use it in GitHub Desktop.
Save andersonms1/d740aac86d49d260bc295a52fa78a525 to your computer and use it in GitHub Desktop.
React code generate by BuilderIO
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