Rayo's Tables

LIAM

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: #a4a4a4

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/105% url('https://i.pinimg.com/564x/2a/6c/cb/2a6ccbc17f8e080a855b145cbef19837.jpg'); padding-bottom: 625px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #717171; border-right: 5px solid #717171; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(22,22,22,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: #717171;">LIAM</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #717171; 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(138,138,138,0.05),rgba(138,138,138,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: #717171; 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(22,22,22,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></div></div>

LIAM

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: #5d637b

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/0GydY94/Liam05.png'); padding-bottom: 650px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #070939; border-right: 5px solid #070939; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(226,236,218,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: #070939;">LIAM</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #070939; 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(255,255,255,0.5),rgba(255,255,255,0.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #7d947d; color: #070939;">

Bottom:

Code:

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

LIAM

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: #a4a4a4

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@1,500&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/tYJS9s5/Liam06.png'); padding-bottom: 700px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #717171; border-right: 5px solid #717171; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(22,22,22,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: #717171;">LIAM</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #717171; 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(138,138,138,0.05),rgba(138,138,138,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: #717171; 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(22,22,22,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></div></div>

LIAM

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/nc2cxzS/Liam07.png'); padding-bottom: 750px; 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: right; text-shadow: 0px 0px 0px #4f4f4f; color: #1f1f1f;">LIAM</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>

NOE

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/Hgs68Bt/Noe07.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(174,164,161,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;">NOE</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(255,255,255,0.25),rgba(255,255,255,0.50)); 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>

NOE

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: #3c0c0c

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/hWFjgz0/Noe08.jpg'); padding-bottom: 600px; 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-image: linear-gradient(to right, rgba(71,65,65,1),rgba(153,142,140,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;">NOE</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: #aca19f;">quote quote quote</div><div style="background-image: linear-gradient(rgba(0,0,0,0.15),rgba(0,0,0,0.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #1f1f1f; 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: #aca19f;">quote quote quote</div></div></div>

NOE

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/BgKvnBR/Noe09.png'); padding-bottom: 650px; 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(255,255,255,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;">NOE</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="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>

Noe

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: #a18757

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&family=Poppins&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/BfyW4Yt/Noe10.png'); padding-bottom: 640px; box-shadow: 0px 0px 15px #000; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(13,24,27,1); padding: 50px 50px 0px 50px;"><div style="padding: 0px 50px 0px 50px; font-family: 'Mrs Saint Delafield', cursive; font-size: 84px; text-align: center; text-shadow: 0px 0px 0px #daf5fc; color: #344856;">Noe</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #344856; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #0d181b; color: #0d181b;">quote quote quote</div><div style="background-image: linear-gradient(rgba(255,255,255,0.03),rgba(255,255,255,.08)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #212121; color: #344856;">

Bottom:

Code:

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

Alys

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: #3c1515

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://static.independent.co.uk/2023/04/12/13/newFile-3.jpg?quality=75&width=990&crop=3%3A2%2Csmart&auto=webp'); padding-top: 100px; border-radius: 50px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(187,104,98,1)); padding: 100px;"></div><div style="background: linear-gradient(rgba(187,104,98,1),rgba(95,41,41,1)); padding: 50px; border-radius: 0px 0px 50px 50px;"><div style="margin-top: -150px; margin-bottom: -25px; padding: 0px 50px; font-family: 'Ruthie', cursive; font-size: 72px; text-align: center; text-shadow: 0px 0px 7px #000; color: #fff;">Alys</div><div style="background: linear-gradient(rgba(255,255,255,.05),rgba(255,255,255,.25)); padding: 35px; border-left: 5px solid #3c1515; border-right: 5px solid #3c1515; 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>

SOHALIA

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: #e7ecf0

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/XJg10HP/Soh16.png'); padding-bottom: 700px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #fff; border-right: 5px solid #fff; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(176,180,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: #fff;">SOHALIA</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #fff; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #b0b4b7;">quote quote quote</div><div style="background-image: linear-gradient(rgba(255,255,255,0.25),rgba(255,255,255,0.50)); 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: #fff; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #b0b4b7;">quote quote quote</div></div></div>

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.
 

ALYS GLASSE

Speech: #65b7dd

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/ssMySDJ/Alys04.png'); padding-top: 300px; border-radius: 50px; box-shadow: 0px 0px 15px #000; font-family: serif;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(221,219,224,1)); padding: 100px;"></div><div style="background: linear-gradient(rgba(221,219,224,1),rgba(221,219,224,1)); padding: 50px; border-radius: 0px 0px 50px 50px;"><div style="margin-top: -150px; background: linear-gradient(rgba(101,183,221,.05),rgba(101,183,221,.25)); padding: 35px; border-left: 3px solid #65b7dd; border-right: 3px solid #65b7dd; border-radius: 25px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: 5px; margin-right: 35px; font-size: 12px; text-align: right; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #65b7dd;"><i>ALYS GLASSE</i></div></div></div>

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.
 

ALYS GLASSE

Speech: #c13621

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/gT2NHhc/Alys05.png'); padding-top: 300px; border-radius: 50px; box-shadow: 0px 0px 15px #000; font-family: serif;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(12,11,16,1)); padding: 100px;"></div><div style="background: linear-gradient(rgba(12,11,16,1),rgba(0,0,0,1)); padding: 50px; border-radius: 0px 0px 50px 50px;"><div style="margin-top: -150px; background: linear-gradient(rgba(193,54,33,.05),rgba(193,54,33,.15)); padding: 35px; border-left: 5px solid #c13621; border-right: 5px solid #c13621; border-radius: 25px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: 5px; margin-right: 35px; font-size: 14px; text-align: right; text-transform: uppercase; text-shadow: 0px 0px 0px #000; color: #c13621;"><i>ALYS GLASSE</i></div></div></div>

ALYS

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: #29696a

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/MgvCsjf/Alys06.png'); padding-bottom: 750px; box-shadow: 0px 0px 15px #000; border-left: 5px solid #112729; border-right: 5px solid #112729; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(239,238,241,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: #112729;">ALYS</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #112729; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote quote quote</div><div style="padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #7d947d; color: #112729;">

Bottom:

Code:

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

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.
 

ALYS GLASSE

Speech: #c13621

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://www.thetimes.co.uk/imageserver/image/%2Fmethode%2Fsundaytimes%2Fprod%2Fweb%2Fbin%2Fe14d65cc-eaa0-11e9-9861-f093f6623161.jpg?crop=2667%2C1500%2C0%2C0&resize=1500'); padding-top: 75px; border-radius: 50px; box-shadow: 0px 0px 15px #000; font-family: serif;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(12,11,16,1)); padding: 100px;"></div><div style="background: linear-gradient(rgba(12,11,16,1),rgba(0,0,0,1)); padding: 50px; border-radius: 0px 0px 50px 50px;"><div style="margin-top: -150px; background: linear-gradient(rgba(191,0,51,.05),rgba(191,0,51,.15)); padding: 35px; border-left: 5px solid #bf0033; border-right: 5px solid #bf0033; border-radius: 25px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: 5px; margin-right: 35px; font-size: 14px; text-align: right; text-transform: uppercase; color: #bf0033;"><i>ALYS GLASSE</i></div></div></div>