Rayo's Tables

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

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/YRxtGSG/Alys07.png'); padding-bottom: 750px; box-shadow: 0px 0px 15px #000; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(238,231,216,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: #a59889;">Alys</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #a59889; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #0d181b; color: #eee7d8;">quote quote quote</div><div style="background-image: linear-gradient(rgba(0,0,0,0.05),rgba(0,0,0,.1)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #a59889; color: #a59889;">

Bottom:

Code:

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

Rhiannon

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

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/gZsQ9zr/600full-sharon-alexie.jpg'); padding-bottom: 700px; box-shadow: 0px 0px 15px #000; border-radius: 0px 0px 500px 500px; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(4,8,11,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 #c5b3b3; color: #c5b3b3;">Rhiannon</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #c5b3b3; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #04080b; color: #04080b;">quote quote quote</div><div style="background-image: linear-gradient(rgba(255,255,255,0.05),rgba(255,255,255,.1)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #c5b3b3; color: #c5b3b3;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #c5b3b3; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #04080b; color: #04080b;">quote quote quote</div></div><div style="background-image: linear-gradient(rgba(4,8,11,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></div></div>

Lyra

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

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; border-radius: 500px 500px 0px 0px; border: 5px #c59c64 solid; background: no-repeat bottom/100% url('https://i.ibb.co/1GCD501T/369556147-6477516365698474-41337750536979983-n.jpg'); padding-bottom: 650px; box-shadow: 0px 0px 15px #000; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="border-radius: 500px 500px 0px 0px; background: rgba(2,81,120,1); padding: 50px 50px 0px 50px;"><div style="padding: 50px 50px 0px 50px; font-family: 'Mrs Saint Delafield', cursive; font-size: 84px; text-align: center; text-shadow: 1px 1px 2px #7e6038; color: #c59c64;">Lyra</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #c59c64; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #0073b4; color: #7e6038;">quote quote quote</div><div style="background-image: linear-gradient(rgba(197,156,100,0.1),rgba(197,156,100,.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #061649; color: #c59c64;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #c59c64; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #0073b4; color: #7e6038;">quote quote quote</div>
</div><div style="background-image: linear-gradient(rgba(2,81,120,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. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Table inspired by the lovely Skylark <3

Speech: #838099

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Quicksand:[email protected]&family=Vujahday+Script&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px;"><div style="background: no-repeat top/100% url('https://i.ibb.co/yFPmF3vD/72641647-2444612315798349-3204925352432549572-n.jpg'); padding-top: 600px; border-radius: 500px 500px 0px 0px;"></div><div style="background: linear-gradient(rgba(19,22,27,0),rgba(19,22,27,1)); margin: -60px 0px -45px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Vujahday Script', cursive; font-weight: 400; font-style: normal; text-align: right; color: #838099;">Liam</div><div style="background: linear-gradient(to right, rgba(59,57,78,1), rgba(19,22,27,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; color: #838099;">quote quote quote</div><div style="background: rgba(19,22,27,1);"><div style="background: linear-gradient(135deg, rgba(59,57,78,.5), rgba(59,57,78,0), rgba(59,57,78,.5)); padding: 25px 50px; text-align: justify; color: #57556f;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to left, rgba(59,57,78,1), rgba(19,22,27,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: right; color: #838099;">quote quote quote</div></div>
<div style="padding-top: 2px; font-size: 10px; text-align: center;">Table inspired by the lovely Skylark <3</div>

Lyra

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

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Luxurious+Script&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.ibb.co/4wbMFyBF/451422471-1000430598054197-1211701041943458019-n.png'); padding-bottom: 700px; box-shadow: 0px 0px 15px #000; border-radius: 0px 0px 500px 500px; font-family: 'Poppins', sans-serif; font-size: 12px;"><div style="background: rgba(20,65,84,1); padding: 50px 50px 0px 50px;"><div style="margin-top: -15px; padding: 0px 50px 15px 50px; font-family: 'Luxurious Script', cursive; font-weight: 400; font-style: normal; font-size: 100px; text-align: center; text-shadow: 0px 0px 0px #112f3e; color: #112f3e;">Lyra</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #112f3e; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #5b7682; color: #5b7682;">quote quote quote</div><div style="background-image: linear-gradient(rgba(44,79,95,0.75),rgba(44,79,95,.25)); padding: 35px; box-shadow: 0px 0px 0px #ccdceb; text-align: justify; text-shadow: 0px 0px 0px #5b7682; color: #5b7682;">

Bottom:

Code:

</div><div style="width: 100%; padding: 7px 0px 5px 0px; background: #112f3e; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #5b7682; color: #5b7682;">quote quote quote</div></div><div style="background-image: linear-gradient(rgba(20,65,84,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></div></div>

Aithne

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #ffffff

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px;"><div style="background: no-repeat top/100% url('https://i.ibb.co/vxT6gxRM/740full-whitney-peak.jpg'); padding-top: 600px; border-radius: 500px 500px 0px 0px;"></div><div style="background: linear-gradient(rgba(14,10,7,0),rgba(14,10,7,1)); margin: -80px 0px -35px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: right; color: #b3a8a2;">Aithne</div><div style="background: linear-gradient(to right, rgba(119,109,99,1), rgba(14,10,7,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; color: #b3a8a2;">quote quote quote</div><div style="background: rgba(14,10,7,1);"><div style="background: linear-gradient(135deg, rgba(119,109,99,.5), rgba(119,109,99,0), rgba(119,109,99,.5)); padding: 25px 50px; text-align: justify; color: #b3a8a2;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to left, rgba(119,109,99,1), rgba(14,10,7,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: right; color: #b3a8a2;">quote quote quote</div></div>

Aithne

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #4898cc

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px;"><div style="background: no-repeat top/100% url('https://i.ibb.co/JFmw3kpt/Aithne-Fyrhund3.jpg'); padding-top: 350px; border-radius: 500px 500px 0px 0px;"></div><div style="background: linear-gradient(rgba(2,3,8,0),rgba(2,3,8,1)); margin: -65px 0px -37px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: right; color: #1a5a97; text-shadow: 1px 1px 0px #4898cc;">Aithne</div><div style="background: linear-gradient(to right, rgba(12,30,54,1), rgba(2,3,8,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; color: #1a5a97;">quote quote quote</div><div style="background: rgba(2,3,8,1);"><div style="background: linear-gradient(135deg, rgba(12,30,54,.5), rgba(12,30,54,0), rgba(12,30,54,.5)); padding: 25px 50px; text-align: justify; color: #1a5a97;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to left, rgba(12,30,54,1), rgba(2,3,8,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: right; color: #1a5a97;">quote quote quote</div></div>

Aithne

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #e82200

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px;"><div style="background: no-repeat top/100% url('https://i.ibb.co/6RNm88VY/Aithne-Fyrhund1.jpg'); padding-top: 370px; border-radius: 500px 500px 0px 0px;"></div><div style="background: linear-gradient(rgba(36,7,7,0),rgba(36,7,7,1)); margin: -65px 0px -37px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: right; color: #7d1810; text-shadow: 1px 1px 0px #e82200;">Aithne</div><div style="background: linear-gradient(to right, rgba(72,21,20,1), rgba(36,7,7,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; color: #7d1810;">quote quote quote</div><div style="background: rgba(36,7,7,1);"><div style="background: linear-gradient(135deg, rgba(72,21,20,.5), rgba(72,21,20,0), rgba(72,21,20,.5)); padding: 25px 50px; text-align: justify; color: #7d1810;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to left, rgba(72,21,20,1), rgba(36,7,7,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: right; color: #7d1810;">quote quote quote</div></div>

Aithne

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #a38bb0

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px;"><div style="background: no-repeat top/100% url('https://i.ibb.co/ds5wwxZ0/Aithne-Fyrhund2.jpg'); padding-top: 370px; border-radius: 500px 500px 0px 0px;"></div><div style="background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); margin: -65px 0px -37px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: right; color: #634a71; text-shadow: 1px 1px 0px #a38bb0;">Aithne</div><div style="background: linear-gradient(to right, rgba(69,48,81,1), rgba(0,0,0,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; color: #634a71;">quote quote quote</div><div style="background: rgba(0,0,0,1);"><div style="background: linear-gradient(135deg, rgba(69,48,81,.5), rgba(69,48,81,0), rgba(69,48,81,.5)); padding: 25px 50px; text-align: justify; color: #634a71;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to left, rgba(69,48,81,1), rgba(0,0,0,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: right; color: #634a71;">quote quote quote</div></div>

Aithne

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #6a5d46

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px; text-shadow: 0px 0px 0px #6a5d46;"><div style="background: no-repeat top/100% url('https://i.ibb.co/gZLrv5q1/Aithne01.png'); padding-top: 300px;"></div><div style="background: linear-gradient(rgba(176,161,135,0),rgba(176,161,135,1)); margin: -65px 0px -37px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: left; text-shadow: 1px 1px 0px #6a5d46; color: #8d7e64;">Aithne</div><div style="background: linear-gradient(to left, rgba(210,199,183,1), rgba(176,161,135,1)); padding: 5px 50px; font-size: 11px; text-align: right; text-transform: uppercase; color: #8d7e64;">quote quote quote</div><div style="background: rgba(176,161,135,1);"><div style="background: linear-gradient(45deg, rgba(210,199,183,.5), rgba(210,199,183,0), rgba(210,199,183,.5)); padding: 25px 50px; text-align: justify; color: #8d7e64;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to right, rgba(210,199,183,1), rgba(176,161,135,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: left; color: #8d7e64;">quote quote quote</div></div>

Aithne

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #171d3d

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px; text-shadow: 0px 0px 0px #e8d7cf;"><div style="background: no-repeat top/100% url('https://i.ibb.co/nssthh70/740full-whitney-peak.jpg'); padding-top: 590px;"></div><div style="margin: -65px 0px -37px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: left; text-shadow: 1px 1px 0px #ab7668; color: #e8d7cf;">Aithne</div><div style="background: linear-gradient(to left, rgba(195,152,135,1), rgba(234,240,240,1)); padding: 5px 50px; font-size: 11px; text-align: right; text-transform: uppercase; color: #8f6453;">quote quote quote</div><div style="background: rgba(234,240,240,1);"><div style="background: linear-gradient(45deg, rgba(195,152,135,.5), rgba(195,152,135,0), rgba(195,152,135,.5)); padding: 25px 50px; text-align: justify; color: #ab7668;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to right, rgba(195,152,135,1), rgba(234,240,240,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: left; color: #8f6453;">quote quote quote</div></div>

Noe

quote quote quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eget congue leo, faucibus consectetur felis. Mauris pharetra ultricies sapien. Donec vitae erat massa. Etiam ultrices lacus dui, molestie dapibus ipsum vehicula et. Integer sed cursus lacus. Mauris vel eleifend ligula, non suscipit diam. Sed non mauris eget est sodales sodales. Nunc id egestas sapien. Donec et quam velit. Aenean id pretium dui, in vulputate nisl. Sed elementum lobortis rutrum. Nulla maximus mattis efficitur. Quisque sagittis ligula vel varius tincidunt.

In imperdiet et lorem eget pellentesque. Vivamus posuere interdum nisi, id cursus quam convallis id. Suspendisse leo ante, euismod nec nisl a, rhoncus elementum augue. Cras mattis risus vel volutpat imperdiet. Curabitur tincidunt iaculis turpis et tempor. Integer pretium odio vitae velit dapibus pharetra. Maecenas finibus congue suscipit. Quisque molestie malesuada mi et mollis. Nunc in velit non massa imperdiet mattis. Etiam eleifend sit amet dolor sit amet ultrices. Nulla et aliquam eros, nec molestie quam. Cras ac tellus fringilla lacus rhoncus accumsan. Integer in tortor augue. Aenean tincidunt dui et posuere blandit. Etiam ut tempor lacus. Interdum et malesuada fames ac ante ipsum primis in faucibus.

quote quote quote

Speech: #000000

Top:

Code:

<link rel="preconnect" href="https://fonts.googleapis.com"><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><link href="https://fonts.googleapis.com/css2?family=Passions+Conflict&family=Quicksand:[email protected]&display=swap" rel="stylesheet"><div style="width: 60%; margin: 0 auto; font-family: 'Quicksand', sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-size: 14px; text-shadow: 0px 0px 0px #e1b979;"><div style="background: no-repeat top/100% url('https://i.ibb.co/Df4WMgzk/300-Stephanie-Hsu-210.jpg'); padding-top: 590px;"></div><div style="margin: -65px 0px -37px 0px; padding: 0px 50px; font-size: 72px; font-family: 'Passions Conflict', cursive; font-weight: 400; font-style: normal; text-align: left; text-shadow: 1px 1px 0px #e1b979; color: #530810;">Noe</div><div style="background: linear-gradient(to left, rgba(83,8,16,1), rgba(225,185,121,1)); padding: 5px 50px; font-size: 11px; text-align: right; text-transform: uppercase; color: #e1b979;">quote quote quote</div><div style="background: rgba(225,185,121,1);"><div style="background: linear-gradient(45deg, rgba(83,8,16,.5), rgba(83,8,16,0), rgba(83,8,16,.5)); padding: 25px 50px; text-align: justify; color: #530810;">

Bottom:

Code:

</div></div><div style="background: linear-gradient(to right, rgba(83,8,16,1), rgba(225,185,121,1)); padding: 5px 50px; font-size: 11px; text-transform: uppercase; text-align: left; color: #e1b979;">quote quote quote</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

Liam

Speech: # 9e01a

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Comforter&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/GfwJjBqJ/Infected-Liam.png'); padding-top: 350px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #63006d; border-right: 4px solid #63006d;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(29,0,31,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(29,0,31,1),rgba(0,0,0,1)); padding: 50px;"><div style="margin-top: -100px; background: #63006d; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #9e01ae; text-transform: uppercase; color: #9e01ae;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.03); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #63006d; color: #63006d;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #63006d; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #9e01ae; text-transform: uppercase; color: #9e01ae;">quote line 3<br />quote line 4</div><div style="margin: 10px 50px -25px 0px; font-family: 'Comforter', cursive; font-size: 72px; text-align: right; text-shadow: 0px 0px 0px #6e7e11; color: #63006d;">Liam</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

Callum

Speech: #67c5de

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Comforter&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/jZ1F2ths/720full-wouter-peelen.jpg'); padding-top: 350px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #23678e; border-right: 4px solid #23678e;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(244,242,243,1)); padding: 150px;"></div><div style="background-image: linear-gradient(rgba(244,242,243,1),rgba(211,213,212,1)); padding: 50px;"><div style="margin-top: -150px; background: #23678e; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #f4f2f3; text-transform: uppercase; color: #f4f2f3;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(35,103,142,.1); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #23678e; color: #23678e;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #23678e; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #f4f2f3; text-transform: uppercase; color: #f4f2f3;">quote line 3<br />quote line 4</div><div style="margin: 10px 50px -25px 0px; font-family: 'Comforter', cursive; font-size: 72px; text-align: right; text-shadow: 0px 0px 0px #6e7e11; color: #23678e;">Callum</div></div></div>