Rayo's Tables | Open

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Koa

Speech: #607279

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Meddon&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 45%; margin: 0 auto; margin-bottom: -200px; text-align: center;"><img src="https://i.ibb.co/LCdcgsP/Koa01.png" style="width: 100%; border-radius: 500px;  border: 5px solid #384a49; box-shadow: 0px 0px 15px #000;" /></div><div style="width: 50%; margin: 0 auto -35px auto; padding: 50px; background: #607279; box-shadow: 0px 0px 15px #000; border: 10px double #384a49; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px black; color: #d1e2e0;"><div style="padding: 175px 50px 50px 50px; background: rgba(255,255,255,.25); border: 10px double #607279;">

Bottom:

Code:

</div></div><div style="width: 50%; margin: 0 auto; font-family: 'Meddon', cursive; font-size: 60px; text-align: center; text-shadow: 0px 0px 10px #000; color: #d1e2e0;">Koa</div>

Shark

Koa

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 1
quote line 2

Speech: #776d5b

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Zeyada&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: #bfb3a3 no-repeat bottom/100% url('https://i.ibb.co/ncFvwmN/Koa02.png'); padding-bottom: 530px; box-shadow: 0px 0px 15px #000; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #544646; color: #50483b;"><div style="padding: 50px;"><div style="font-family: 'Zeyada', cursive; font-size: 100px; text-align: center; line-height: 100px;">Koa</div><div style="margin-bottom: 25px; padding: 5px; background: rgba(0,0,0,.15); font-size: 10px; text-align: center; text-transform: uppercase;">quote line 1<br />quote line 2</div>

Bottom:

Code:

<div style="margin-top: 25px; padding: 5px; background: rgba(0,0,0,.15); font-size: 10px; text-align: center; text-transform: uppercase;">quote line 1<br />quote line 2</div></div><div style="background-image: linear-gradient(rgba(191,179,163,1),rgba(0, 0, 0, 0)); margin-bottom: -50px; padding: 50px;"></div></div>[/code]

{/code}

Shark

Koa

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 1
quote line 2

Speech: #b0bdc7

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Zeyada&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: #282d33 no-repeat bottom/100% url('https://i.ibb.co/6v26KdW/Koa03.png'); padding-bottom: 350px; box-shadow: 0px 0px 15px #000; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #544646; color: #6d767d;"><div style="padding: 50px; background: #282d33;"><div style="font-family: 'Zeyada', cursive; font-size: 100px; text-align: center; line-height: 100px;">Koa</div><div style="margin-bottom: 25px; padding: 5px; background: rgba(0,0,0,.25); font-size: 10px; text-align: center; text-transform: uppercase; color: #b0bdc7;">quote line 1<br />quote line 2</div>

Bottom:

Code:

<div style="margin-top: 25px; padding: 5px; background: rgba(0,0,0,.25); font-size: 10px; text-align: center; text-transform: uppercase; color: #b0bdc7;">quote line 1<br />quote line 2</div></div><div style="background-image: linear-gradient(rgba(40,45,51,1),rgba(0, 0, 0, 0)); margin-bottom: 0px; padding: 25px;"></div></div>

Shark

Hotaru

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 1
quote line 2

Speech: #cb9384

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Mrs+Saint+Delafield&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: #bfcecc no-repeat bottom/100% url('https://i.ibb.co/z5y0Vy5/Hotaru01.jpg'); padding-bottom: 575px; box-shadow: 0px 0px 15px #000; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #544646; color: #fff;"><div style="padding: 50px; background: #bfcecc;"><div style="font-family: 'Mrs Saint Delafield', cursive; font-size: 100px; text-align: center; line-height: 100px;">Hotaru</div><div style="margin-bottom: 25px; padding: 5px; background: rgba(255,255,255,.15); font-size: 10px; text-align: center; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div>

Bottom:

Code:

<div style="margin-top: 25px; padding: 5px; background: rgba(255,255,255,.15); font-size: 10px; text-align: center; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div></div><div style="background-image: linear-gradient(rgba(191,206,204,1),rgba(0, 0, 0, 0)); margin-bottom: -120px; padding: 50px;"></div></div>

Brit

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 3
quote line 4

Marcus

Speech: #a8abb5

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Zeyada&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.thefamouspeople.com/profiles/images/joel-courtney-2.jpg'); padding-top: 300px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #a8abb5; border-right: 4px solid #a8abb5;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)); padding: 50px;"><div style="margin-top: -100px; background: #a8abb5; padding: 5px 35px 6px 35px; font-family: 'Lato', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.15); padding: 35px; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #a8abb5; padding: 5px 35px 6px 35px; font-family: 'Lato', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 3<br />quote line 4</div><div style="margin: 20px 50px -50px 0px; font-family: 'Zeyada', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #88936b; color: #a8abb5;">Marcus</div></div></div>

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 3
quote line 4

Marcus

Speech: #c7c0ba

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Zeyada&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.thefamouspeople.com/profiles/images/joel-courtney-7.jpg'); padding-top: 300px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #c7c0ba; border-right: 4px solid #c7c0ba;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(74,65,60,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(74,65,60,1),rgba(59,51,48,1)); padding: 50px;"><div style="margin-top: -100px; background: #c7c0ba; padding: 5px 35px 6px 35px; font-family: 'Lato', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.15); padding: 35px; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #c7c0ba; padding: 5px 35px 6px 35px; font-family: 'Lato', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 3<br />quote line 4</div><div style="margin: 20px 50px -50px 0px; font-family: 'Zeyada', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #88936b; color: #c7c0ba;">Marcus</div></div></div>

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 3
quote line 4

Marcus

Speech: #828c95

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Yellowtail&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://justvoicesagency.com/app/uploads/2022/02/joe-dempsie-2021-w665h665.jpeg'); padding-top: 300px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #828c95; border-right: 4px solid #828c95;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)); padding: 50px;"><div style="margin-top: -100px; background: #828c95; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.15); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #828c95; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Yellowtail', cursive; font-size: 72px; text-align: right; text-shadow: 0px 0px 0px #88936b; color: #828c95;">Marcus</div></div></div>

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote line 3
quote line 4

Marcus

Speech: #828c95

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Italianno&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.pinimg.com/originals/90/e2/4b/90e24b069ce519a69987c2e07bbd1c9d.png'); padding-top: 300px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #3e0403; border-right: 4px solid #3e0403;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)); padding: 50px;"><div style="margin-top: -100px; background: #3e0403; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.15); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #3e0403; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Italianno', cursive; font-size: 72px; text-align: right; text-shadow: 0px 0px 0px #000; color: #3e0403;">Marcus</div></div></div>

Soleil

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #eee3ea

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Poppins&family=Satisfy&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/qjwKDqk/Sol02.jpg'); padding-bottom: 550px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 5px solid #a6765f; border-right: 5px solid #a6765f; border-bottom: 5px solid #a6765f; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(199,198,203,1); padding: 100px 50px 0px 50px; border-radius: 300px 300px 0px 0px;"><div style="padding: 0px 50px 25px 50px; font-family: 'Satisfy', cursive; font-size: 72px; text-align: center; text-shadow: 0px 0px 0px #a6765f; color: #a6765f;">Soleil</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #a6765f; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div><div style="background-image: linear-gradient(rgba(166,118,95,0.05),rgba(166,118,95,0.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #7d947d; color: #fff;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #a6765f; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div></div><div style="background-image: linear-gradient(rgba(199,198,203,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></div></div>

Soleil

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #f4f2e9

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Poppins&family=Satisfy&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/sKR3RLs/Sol01.png'); padding-bottom: 500px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 5px solid #677da6; border-right: 5px solid #677da6; border-bottom: 5px solid #677da6; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(221,226,230,1); padding: 100px 50px 0px 50px; border-radius: 300px 300px 0px 0px;"><div style="padding: 0px 50px 25px 50px; font-family: 'Satisfy', cursive; font-size: 72px; text-align: center; text-shadow: 0px 0px 0px #677da6; color: #677da6;">Soleil</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #677da6; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div><div style="background-image: linear-gradient(rgba(103,125,166,0.05),rgba(103,125,166,0.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #fff;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #677da6; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div></div><div style="background-image: linear-gradient(rgba(221,226,230,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></div></div>

LUKA

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #717171

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/sgTmYt7/Luka01.png'); padding-bottom: 450px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #1f1f1f; border-right: 5px solid #1f1f1f; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(204,203,203,1);"><div style="padding: 25px 50px 25px 50px; font-family: 'Playfair Display', serif; font-size: 60px; text-align: left; text-shadow: 0px 0px 0px #4f4f4f; color: #1f1f1f;">LUKA</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #1f1f1f; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div><div style="background-image: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,0.15)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #7d947d; color: #1f1f1f;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #1f1f1f; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div></div></div>

Paige

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.
 

quote quote quote
quote quote quote

Speech: #ded4d8

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Ruthie&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/DbZQmdM/Paige01.png'); padding-top: 250px; border-radius: 50px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(134,107,90,1)); padding: 200px;"></div><div style="background: rgba(134,107,90,1); padding: 50px; border-radius: 0px 0px 50px 50px;"><div style="margin-top: -250px; margin-bottom: -25px; padding: 0px 50px; font-family: 'Ruthie', cursive; font-size: 72px; text-align: center; text-shadow: 0px 0px 7px #000; color: #fff;">Paige</div><div style="background: rgba(255,255,255,.35); padding: 35px; border-left: 5px solid #644d3e; border-right: 5px solid #644d3e; border-radius: 25px; box-shadow: 0px 0px 15px #000; text-align: justify; text-shadow: 0px 0px 0px #000; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: 5px; font-size: 11px; text-align: center; text-transform: uppercase; color: #fff;">quote quote quote<br />quote quote quote</div></div></div>

PAIGE

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #f3f1ea

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/8bd74xg/Paige02.jpg'); padding-bottom: 700px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #817d72; border-right: 5px solid #817d72; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(196,197,183,1);"><div style="padding: 25px 50px 25px 50px; font-family: 'Playfair Display', serif; font-size: 60px; text-align: left; text-shadow: 0px 0px 0px #4f4f4f; color: #817d72;">PAIGE</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #817d72; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #f3f1ea;">quote quote quote</div><div style="background-image: linear-gradient(rgba(255,255,255,0.15),rgba(255,255,255,0.35)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #7d947d; color: #817d72;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #817d72; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #f3f1ea;">quote quote quote</div></div></div>

LENA

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed dictum arcu nec metus blandit, et iaculis elit fermentum. Donec vel viverra erat. Ut quis tortor mauris. Ut aliquet nec elit in vulputate. In vel eros venenatis, aliquam metus sed, consequat augue. Etiam consequat porttitor aliquet. Sed auctor nisl ipsum, eu luctus neque cursus sed. Aenean ullamcorper egestas rhoncus. Ut ultrices nulla ante, at vulputate diam tempus eget. Donec id risus a turpis tincidunt pellentesque. Duis at sodales quam. Morbi posuere ipsum non est porta, in ultricies elit interdum.

Donec hendrerit ultricies eros non iaculis. Fusce hendrerit lorem sed placerat facilisis. In interdum dui imperdiet, hendrerit arcu et, molestie neque. Suspendisse maximus a orci sed laoreet. Integer eget enim vulputate, egestas risus a, lobortis quam. Ut orci odio, condimentum at turpis eu, pellentesque condimentum est. Phasellus lobortis accumsan mattis. Phasellus quis est felis. Suspendisse et massa vel augue auctor tincidunt. Praesent sit amet consequat erat. Aenean lacinia lorem eget tempus consectetur. Donec convallis, sem quis euismod luctus, massa enim rhoncus sem, tincidunt sollicitudin justo tortor sed dui. Sed in viverra ante, ut maximus tortor. Etiam convallis rhoncus nunc sed varius. Curabitur efficitur commodo lectus, non fringilla velit tempor nec. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #cccccc

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://spinoff.com.br/entrete/wp-content/uploads/2023/03/Bruna-Marquezine.jpg'); padding-bottom: 325px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #484848; border-right: 5px solid #484848; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(144,144,144,1);"><div style="padding: 25px 50px 25px 50px; font-family: 'Playfair Display', serif; font-size: 60px; text-align: left; text-shadow: 0px 0px 0px #4f4f4f; color: #484848;">LENA</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #484848; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div><div style="background: linear-gradient(rgba(0,0,0,.05),rgba(0,0,0,.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #0b1016; color: #fff;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #484848; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div></div></div>