Rayo's Tables

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

Sohalia

Speech: #8da0b4

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Lavishly+Yours&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://w0.peakpx.com/wallpaper/752/423/HD-wallpaper-skyler-samuels-actress-women-blonde-long-hair-black-dress-blue-eyes-lipstick-women-outdoors.jpg'); padding-top: 400px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(40,40,40,1)); padding: 200px;"></div><div style="background: rgba(40,40,40,1); padding: 50px;"><div style="margin-top: -100px; background: #5a6c80; padding: 7px 35px 5px 35px; font-family: 'Josefin Sans', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #d8e6ea;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(0,0,0,.2); padding: 35px; font-family: 'Josefin Sans', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #5a6c80;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #5a6c80; padding: 7px 35px 5px 35px; font-family: 'Josefin Sans', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #d8e6ea;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Lavishly Yours', cursive; font-size: 100px; text-align: right; text-shadow: 0px 0px 0px #fff; color: #5a6c80;">Sohalia</div></div></div>
</div><div style="margin-top: -200px; background: #5a6c80; padding: 7px 35px 5px 35px; font-family: 'Josefin Sans', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #d8e6ea;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Lavishly Yours', cursive; font-size: 100px; text-align: right; text-shadow: 0px 0px 0px #fff; color: #5a6c80;">Sohalia</div></div></div>

George

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ante tortor, bibendum quis mauris et, sagittis aliquam mi. Nam sed euismod sapien. Donec interdum libero vitae dolor semper, eget finibus justo pretium. Suspendisse ac varius arcu. Ut felis urna, mollis viverra lectus a, auctor eleifend dolor. Nam porttitor leo vel dolor laoreet, quis porttitor turpis porttitor. Aliquam vitae dapibus elit. Proin tempus tempus sapien eget luctus. Donec volutpat vitae arcu eget sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris volutpat commodo ultricies. Morbi finibus ex vitae blandit efficitur. Maecenas et efficitur elit, in lacinia purus.

Aenean rhoncus sed erat sit amet tristique. Quisque ut mi iaculis, auctor nulla at, venenatis magna. Ut arcu dui, fringilla quis ullamcorper ut, volutpat eget ipsum. Nunc pharetra mauris sed odio rhoncus egestas. In risus erat, bibendum at aliquet eget, finibus sit amet neque. In faucibus lorem congue lacus fermentum, ut mollis tortor auctor. Donec et lorem fermentum, finibus enim eu, volutpat enim. Duis sed ex at risus commodo interdum. Aliquam posuere sapien sit amet cursus fermentum. Nulla sollicitudin auctor lectus, sit amet ornare mi consectetur et. Praesent ultrices vestibulum lacinia. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Speech: #855a3a

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Comforter+Brush&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: rgba(218,224,233,1); border-radius: 500px 500px 0px 0px; box-shadow: 0px 0px 10px #000; font-family: 'Playfair Display', serif; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #4c3218;"><div style="padding: 75px 50px 40px 50px; font-family: 'Comforter Brush', cursive; font-size: 72px; text-align: center;">George</div><div style="padding: 0px 100px; text-align: justify;">

Bottom:

Code:

</div><img src="https://i.ibb.co/260xd6X/George06.png" style="width: 100%; display: block;" /></div>

         
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque ante tortor, bibendum quis mauris et, sagittis aliquam mi. Nam sed euismod sapien. Donec interdum libero vitae dolor semper, eget finibus justo pretium. Suspendisse ac varius arcu. Ut felis urna, mollis viverra lectus a, auctor eleifend dolor. Nam porttitor leo vel dolor laoreet, quis porttitor turpis porttitor. Aliquam vitae dapibus elit. Proin tempus tempus sapien eget luctus. Donec volutpat vitae arcu eget sollicitudin. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Mauris volutpat commodo ultricies. Morbi finibus ex vitae blandit efficitur. Maecenas et efficitur elit, in lacinia purus.

Aenean rhoncus sed erat sit amet tristique. Quisque ut mi iaculis, auctor nulla at, venenatis magna. Ut arcu dui, fringilla quis ullamcorper ut, volutpat eget ipsum. Nunc pharetra mauris sed odio rhoncus egestas. In risus erat, bibendum at aliquet eget, finibus sit amet neque. In faucibus lorem congue lacus fermentum, ut mollis tortor auctor. Donec et lorem fermentum, finibus enim eu, volutpat enim. Duis sed ex at risus commodo interdum. Aliquam posuere sapien sit amet cursus fermentum. Nulla sollicitudin auctor lectus, sit amet ornare mi consectetur et. Praesent ultrices vestibulum lacinia. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

quote line 1
quote line 2

George

Speech: #c2b8b2

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Beth+Ellen&family=Lora&display=swap" rel="stylesheet"><div style="width: 75%; margin: 0 auto; padding: 10px; background: #33241d; box-shadow: 0px 0px 15px #000; border-radius: 200px 10px 200px 10px; font-family: 'Lora', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 5px #000; color: #817873;"><img src="https://64.media.tumblr.com/f9e192c3cc8a2dce8e2c0d8aa53a0bbd/tumblr_mwjadyJDh61rmam60o4_500.pnj" style="width: 100%; border-radius: 200px 10px 0px 0px;" /><div style="margin: 25px; padding: 25px; background: rgba(255,255,255,.05);">

Bottom:

Code:

</div><div style="padding: 20px 50px 0px 150px; font-size: 10px; text-transform: uppercase;">quote line 1<br />quote line 2</div><div style="margin-top: -35px; padding: 0px 50px 20px 50px; font-family: 'Beth Ellen', cursive; font-size: 72px;">George</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

Sohalia

Speech: #729369

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Josefin+Sans&family=Lavishly+Yours&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/f2X8FzD/Soh07.jpg'); padding-top: 300px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(214,211,220,1)); padding: 150px;"></div><div style="background: rgba(214,211,220,1); padding: 50px;"><div style="margin-top: -100px; background: #081f02; padding: 7px 35px 5px 35px; font-family: 'Josefin Sans', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #d8e6ea;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(0,0,0,.1); padding: 35px; font-family: 'Josefin Sans', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #081f02;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #081f02; padding: 7px 35px 5px 35px; font-family: 'Josefin Sans', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #d8e6ea;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Lavishly Yours', cursive; font-size: 100px; text-align: right; text-shadow: 0px 0px 0px #fff; color: #081f02;">Sohalia</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

Sohalia

Speech: #cf8287

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://images.squarespace-cdn.com/content/v1/56c346b607eaa09d9189a870/1542073942657-FC5AJJVM6P6D9Z8J4WI7/image-asset.jpeg'); padding-top: 350px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(255,255,255,1)); padding: 200px;"></div><div style="background: rgba(255,255,255,1); padding: 50px;"><div style="margin-top: -100px; background: #93010b; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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(0,0,0,.05); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #93010b;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #93010b; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #fff; color: #93010b;">Sohalia</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

Sohalia

Speech: #e9c9cf

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.laudmagazine.com.au/wp-content/uploads/2017/04/W_Capture-One-Catalog0409.jpg'); padding-top: 350px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(56,61,77,1)); padding: 200px;"></div><div style="background: rgba(56,61,77,1); padding: 50px;"><div style="margin-top: -100px; background: #b5203b; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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,.1); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #cf8287;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #b5203b; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #cf8287; color: #cf8287;">Sohalia</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

Sohalia

Speech: #ccd1e2

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.laudmagazine.com.au/wp-content/uploads/2017/04/W_Capture-One-Catalog0143.jpg'); padding-top: 350px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #878ea3; border-right: 4px solid #878ea3;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(56,61,77,1)); padding: 200px;"></div><div style="background: rgba(56,61,77,1); padding: 50px;"><div style="margin-top: -100px; background: #878ea3; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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,.1); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #878ea3;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #878ea3; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #cf8287; color: #65697d;">Sohalia</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

Sohalia

Speech: #fbc2b2

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/vZTGBbz/Soh08.png'); padding-top: 300px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #fbc2b2; border-right: 4px solid #fbc2b2;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(118,136,64,1)); padding: 200px;"></div><div style="background: rgba(118,136,64,1); padding: 50px;"><div style="margin-top: -100px; background: #fbc2b2; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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,.25); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #fbc2b2; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #cf8287; color: #fbc2b2;">Sohalia</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

Sohalia

Speech: #ffffff

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.pinimg.com/564x/71/d8/e7/71d8e7fb108ffd62e74b82e4cd3c2aae.jpg'); padding-top: 400px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #f4e6cb; border-right: 4px solid #f4e6cb;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(45,29,30,1)); padding: 165px;"></div><div style="background: rgba(45,29,30,1); padding: 50px;"><div style="margin-top: -100px; background: #f4e6cb; padding: 5px 35px 6px 35px; font-family: 'Cormorant', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #2d1d1e;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.25); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #f4e6cb;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #f4e6cb; padding: 5px 35px 6px 35px; font-family: 'Cormorant', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #2d1d1e;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #cf8287; color: #f4e6cb;">Sohalia</div></div></div>

Sohalia

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.

Speech: #000000

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Parisienne&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat bottom/100% url('https://i.pinimg.com/564x/80/37/8f/80378fe4d223cbd337682bc75963da22.jpg'); padding-bottom: 750px; box-shadow: 0px 0px 15px #000;"><div style="background: rgba(219,201,181,1); padding: 50px;"><div style="padding: 0px 50px; font-family: 'Parisienne', cursive; font-size: 72px; text-align: center; text-shadow: 0px 0px 0px #544646; color: #544646;">Sohalia</div><div style="padding: 35px; border-left: 5px solid #544646; border-right: 5px solid #544646; box-shadow: 0px 0px 0px #815d43; text-align: justify; text-shadow: 0px 0px 0px #544646; color: #544646;">

Bottom:

Code:

</div></div><div style="background-image: linear-gradient(rgba(219,201,181,1),rgba(0, 0, 0, 0)); margin-bottom: -100px; padding: 50px;"></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.

Sohalia

Speech: #d60010

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; border-radius: 300px; box-shadow: 0px 0px 15px #000; text-align: center;"><img src="https://i.ibb.co/XXPcNtc/Soh09.png" style="width: 100%; border-radius: 500px;" /></div><div style="width: 50%; margin: 0 auto -35px auto; padding: 50px; background: #c7b0a2; box-shadow: 0px 0px 15px #000; border: 10px double #dbc7bb; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px black; color: #fff;"><div style="padding: 175px 50px 50px 50px; background: rgba(255,255,255,.25); border: 10px double #eadcd4;">

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 #675448; color: #fff;">Sohalia</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

Sohalia

Speech: #ee284b

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://64.media.tumblr.com/51886a3dac5cdac8ba8729ee72c580c9/986bd21f793cfd9b-27/s1280x1920/15f1e95194f4c8967f0d142da56a1882e4fb0d92.jpg'); padding-top: 350px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #ee284b; border-right: 4px solid #ee284b;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(254,110,37,1)); padding: 200px;"></div><div style="background-image: linear-gradient(rgba(254,110,37,1),rgba(182,2,5,1)); padding: 50px;"><div style="margin-top: -100px; background: #ee284b; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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,.25); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #ee284b; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #cf8287; color: #ee284b;">Sohalia</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

Sohalia

Speech: #cf789b

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Birthstone+Bounce&family=Cormorant&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.pinimg.com/originals/89/15/75/891575ecb3e9462444f52750417722a0.jpg'); padding-top: 350px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #b5334f; border-right: 4px solid #b5334f;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(57,62,65,1)); padding: 200px;"></div><div style="background-image: linear-gradient(rgba(57,62,65,1),rgba(0,0,0,1)); padding: 50px;"><div style="margin-top: -100px; background: #b5334f; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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,.25); padding: 35px; font-family: 'Cormorant', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #b5334f; padding: 5px 35px 6px 35px; font-family: 'Cormorant', 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: 'Birthstone Bounce', cursive; font-size: 80px; text-align: right; text-shadow: 0px 0px 0px #cf8287; color: #b5334f;">Sohalia</div></div></div>

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum sodales sit amet augue eu luctus. Duis vitae justo sit amet tellus semper rutrum. Nulla facilisi. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Praesent massa ligula, imperdiet sit amet cursus ut, vulputate et elit. Morbi eget fermentum diam, at aliquam ex. Nulla euismod elementum porttitor. Praesent est velit, aliquam in feugiat pellentesque, posuere quis turpis. Morbi in bibendum orci. Pellentesque ut urna in purus sagittis tincidunt. Curabitur accumsan suscipit dignissim. Nullam nec ante sit amet sapien aliquam vehicula.

In hac habitasse platea dictumst. Praesent convallis leo ante, sit amet maximus mauris mollis ac. Nam vel tellus at libero auctor aliquam ac eget sem. Curabitur dictum auctor elementum. Curabitur eget mi laoreet, egestas libero vitae, laoreet nulla. Duis tempus faucibus mi, quis venenatis ex. Vestibulum scelerisque varius efficitur. Sed elit sapien, porttitor vel est id, efficitur cursus lectus. Integer egestas eleifend tortor non bibendum. Donec ipsum lorem, imperdiet eu tortor nec, fermentum tristique nisi. Mauris venenatis tincidunt nulla. Cras interdum, neque non rutrum tristique, leo sem posuere orci, vel sagittis lectus mi ut ante. Duis lacus metus, ornare eu tincidunt id, tincidunt et mi. Donec libero lectus, fringilla nec justo nec, tristique pellentesque ante. Nunc finibus libero a magna gravida, in congue massa tempor.

quote quote quote
quote quote quote

George

Speech: #b1b1b1

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap" rel="stylesheet"><div style="position: relative; min-height: 600px; width: 65%; background: #000 url('https://i.ibb.co/BPRjfqm/George07.png') no-repeat left top; background-size: 70%; margin: 0 auto; box-shadow: 0px 0px 10px #000;"><div style="width: 55%; margin-left: 40%; padding: 35px 0px 35px 0px; font-family: 'Playfair Display', serif; font-size: 12px; text-align: justify; text-shadow: 0px 0px 0px #000; color: #fff;">

Bottom:

Code:

</div><div style="padding-bottom: 35px;"><div style="width: 55%; margin: 0 0 0 40%; padding: 5px 5px 5px 0px; background-image: linear-gradient(90deg, #000, #7c7c7c); font-family: 'Playfair Display', serif; font-size: 10px; text-align: right; text-transform: uppercase; color: #000;">quote quote quote<br />quote quote quote</div></div><div style="position: absolute; top: 40px; left: 500px; writing-mode: vertical-rl; font-family: 'Playfair Display', serif; font-size: 60px; text-transform: uppercase; text-shadow: 0px 0px 0px #000; color: #000;">George</div></div>