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

Alys

Speech: #8db4b2

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/HdSWPFv/Alys02.jpg'); padding-top: 250px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(219,218,223,1)); padding: 200px;"></div><div style="background: rgba(219,218,223,1); padding: 50px;"><div style="margin-top: -200px; background: #a5c9c7; padding: 5px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.25); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #a5c9c7;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #a5c9c7; padding: 5px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Mrs Saint Delafield', cursive; font-size: 100px; text-align: right; text-shadow: 0px 0px 0px #fff; color: #a5c9c7">Alys</div></div></div>

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

quote line 1
quote line 2

George

Speech: #e1eb1f

Top:

Code:

<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Cinzel+Decorative&display=swap" rel="stylesheet"><div style="width: 78%; box-sizing: border-box; margin: 0 auto; background: #000; box-shadow: 0px 0px 10px #000; border-radius: 300px 300px 15px 15px; padding: 10px; text-align: justify; font-family:'Libre Baskerville', serif; color: #fff; font-size: 12px; letter-spacing: 1px;"><div style="width: auto; height: 325px; margin: 0 auto;background: url('https://64.media.tumblr.com/a99ef3ac3a1cf25b946ad6152a8426cb/b43d6ba48db50c59-ad/s540x810/1612400e1c59f6c34e77f3787861dfc88410db68.gif') top left no-repeat; background-size:100%; border-radius: 300px 300px 0px 0px; box-shadow: 0px 0px 0px #000;"></div><div style="padding: 5px 35px; background: #302d6b; font-family: 'Libre Baskerville', serif; font-size: 10px; text-align: left; color: #fff; text-shadow: 0px 0px 0px #fff; letter-spacing: 3.5px; font-weight: bold; text-transform: uppercase;">quote line 1<br />quote line 2</div><div style="background-color: #28282f;"><div style="padding: 15px 35px; font-size: 14px; text-shadow: 0px 0px 0px #fff;">

Bottom:

Code:

</div></div><div style="padding: 5px 35px; background: #302d6b; font-family: 'Libre Baskerville', serif; font-size: 10px; text-align: right; color: #fff; text-shadow: 0px 0px 0px #fff; letter-spacing: 3.5px; font-weight: bold; text-transform: uppercase;">quote line 1<br />quote line 2</div><div style="padding-top: 40px; padding-bottom: 25px; font-family: Cinzel Decorative; font-size: 60px; text-align: center; color: #e5e6de; text-shadow: 0px 0px 0px #d4d5c9; letter-spacing: 10px; line-height: 15px;">George</div></div>

George

quote line 1
quote line 2

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 3
quote line 4

Speech: #867063

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: #fff; box-shadow: 0px 0px 10px #000; font-family: 'Playfair Display', serif; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #000;"><img src="https://i.ibb.co/xf6GP2H/George03-01.png" style="width: 100%;" /><div style="margin-top: -30px; margin-bottom: -25px; padding: 0px 50px 10px 50px; font-family: 'Cedarville Cursive', cursive; font-size: 60px; text-align: center;">George</div><div style="padding: 0px 50px 10px 50px; font-size: 10px; text-align: center; text-transform: uppercase;">quote line 1<br />quote line 2</div><div style="padding: 0px 50px; text-align: justify;">

Bottom:

Code:

</div><div style="padding: 10px 50px 0px 50px; font-size: 10px; text-align: center; text-transform: uppercase;">quote line 3<br />quote line 4</div><img src="https://i.ibb.co/3FBKp9X/George03-02.png" style="width: 100%;" /></div>

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

quote line 1
quote line 2

George

Speech: #d6dbe5

Top:

Code:

<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Cinzel+Decorative&display=swap" rel="stylesheet"><div style="width: 65%; box-sizing: border-box; margin: 0 auto; padding: 10px; background-image: linear-gradient(rgba(99,107,123,1),rgba(82,88,99,1)); box-shadow: 0px 0px 10px #000; border-radius: 300px 300px 15px 15px; font-family:'Libre Baskerville', serif; font-size: 12px; text-align: justify;"><div style="width: auto; height: 325px; margin: 0 auto; background: url('https://64.media.tumblr.com/46be82152b559f84d21499cb12f64d8d/b43d6ba48db50c59-20/s540x810/7e8c6746f4bbe9efe7ab2b27899ebcc3eb497d84.gif') top left no-repeat; background-size:100%; border-radius: 300px 300px 0px 0px;"></div><div style="padding: 10px 35px; background: rgba(41,49,67,.35); font-family: 'Libre Baskerville', serif; font-size: 8px; font-weight: bold; text-align: left; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; letter-spacing: 3.5px; color: #b2b8c5; ">quote line 1<br />quote line 2</div><div style="background-color: rgba(255,255,255,.25);"><div style="padding: 15px 35px; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #b2b8c5;">

Bottom:

Code:

</div></div><div style="padding: 10px 35px; background: rgba(41,49,67,.35); font-family: 'Libre Baskerville', serif; font-size: 8px; font-weight: bold; text-align: right; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; letter-spacing: 3.5px; color: #b2b8c5; ">quote line 1<br />quote line 2</div><div style="padding-top: 35px; padding-bottom: 25px; font-family: Cinzel Decorative; font-size: 60px; text-align: center; text-shadow: 0px 0px 0px #d4d5c9; letter-spacing: 10px; line-height: 15px; color: #b2b8c5;">George</div></div>

Sohalia

quote line 1
quote line 2

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 3
quote line 4

Speech: #8ca861

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: #fff; box-shadow: 0px 0px 10px #000; font-family: 'Playfair Display', serif; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #000;"><div style="padding: 30px 50px 0px 50px; font-family: 'Cedarville Cursive', cursive; font-size: 60px; text-align: center;">Sohalia</div><div style="padding: 0px 50px 10px 50px; font-size: 10px; text-align: center; text-transform: uppercase;">quote line 1<br />quote line 2</div><div style="padding: 0px 50px; text-align: justify;">

Bottom:

Code:

</div><div style="padding: 10px 50px 0px 50px; font-size: 10px; text-align: center; text-transform: uppercase;">quote line 3<br />quote line 4</div><div style="width: 100%; text-align: center;"><img src="https://i.ibb.co/MpMjYKd/Soh04.png" style="width: 96%; padding: 30px 0px 9px 0px; text-align: center;" /></div></div>

Sohalia

quote line 1
quote line 2

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 3
quote line 4

Speech: #87b4db

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: #e8e9ee; box-shadow: 0px 0px 10px #000; font-family: 'Playfair Display', serif; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #000;"><div style="padding: 30px 50px 0px 50px; font-family: 'Comforter Brush', cursive; font-size: 60px; text-align: center;">Sohalia</div><div style="background: #cee4fc; margin: 0px 50px 20px 50px; padding: 5px; font-size: 10px; text-align: center; text-transform: uppercase;">quote line 1<br />quote line 2</div><div style="padding: 0px 50px; text-align: justify;">

Bottom:

Code:

</div><div style="background: #cee4fc; margin: 20px 50px 0px 50px; padding: 5px; font-size: 10px; text-align: center; text-transform: uppercase;">quote line 3<br />quote line 4</div><div style="width: 100%; text-align: center;"><img src="https://i.ibb.co/xG3WLQB/Soh05.png" style="width: 100%;" /></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

Alys

Speech: #aaaaaa

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: #fff url('https://i.ibb.co/MVS5hWW/Alys03.png') no-repeat left bottom; background-size: 35%; 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: #000;">

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, #fff, #000); font-family: 'Playfair Display', serif; font-size: 10px; text-align: right; text-transform: uppercase; color: #fff;">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 5px #fff; color: #000;">Alys</div></div>

Sohalia

quote line 1
quote line 2

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 3
quote line 4

Speech: #94dad4

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Cedarville+Cursive&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: #3995c2; box-shadow: 0px 0px 10px #000; font-family: 'Playfair Display', serif; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #000;"><div style="padding: 30px 50px 0px 50px; font-family: 'Cedarville Cursive', cursive; font-size: 60px; text-align: center; text-shadow: 0px 0px 5px #fff; color: #fff;">Sohalia</div><div style="padding: 0px 50px 10px 50px; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote line 1<br />quote line 2</div><div style="background: rgba(255,255,255,.25); margin: 0px 50px; padding: 25px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #fff;">

Bottom:

Code:

</div><div style="padding: 10px 50px 0px 50px; font-size: 10px; text-align: center; text-transform: uppercase; text-shadow: 0px 0px 0px #fff; color: #fff;">quote line 3<br />quote line 4</div><div style="width: 100%; text-align: center;"><img src="https://i.ibb.co/4dg5KZm/Soh06.png" style="width: 100%; padding: 0px; text-align: center;" /></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: #8795a5

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Mrs+Saint+Delafield&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://images.pexels.com/photos/6194238/pexels-photo-6194238.jpeg'); padding-top: 150px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(51,53,65,1)); padding: 100px;"></div><div style="background: rgba(51,53,65,1); padding: 50px;"><div style="margin-top: -100px; background: #bacbdf; padding: 5px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; 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: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #bacbdf;">

Bottom:

Code:

</div><div style="margin-top: -200px; background: #bacbdf; padding: 5px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; color: #fff;">quote line 3<br />quote line 4</div><div style="margin: 0px 50px -50px 0px; font-family: 'Mrs Saint Delafield', cursive; font-size: 100px; text-align: right; text-shadow: 0px 0px 0px #fff; color: #bacbdf;">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: #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://64.media.tumblr.com/090ff64a7cff8d51c3521ffc8ed1ca33/51875c9c6d51f673-d3/s640x960/c2b1b4334612187706f1eec3ae0acb8b97e5f329.jpg'); padding-top: 350px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(216,230,234,1)); padding: 200px;"></div><div style="background: rgba(216,230,234,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,.1); 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>

Sohalia

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

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: #fff; box-shadow: 0px 0px 10px #000; font-family: 'Playfair Display', serif; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #792129;"><div style="padding: 50px 50px 30px 50px; font-family: 'Comforter Brush', cursive; font-size: 60px; text-align: center;">Sohalia</div><div style="margin: 0px 0px 0px 50px; padding: 0px 50px; border-left: 10px solid #792129; text-align: justify;">&nbsp;<br />

Bottom:

Code:

<br />&nbsp;</div><div style="width: 100%; text-align: center;"><img src="https://images.hdqwalls.com/wallpapers/skyler-samuels-american-actress-k3.jpg" style="width: 100%;" /></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: #c08b57

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: #0c0118; 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: #dfcd85;"><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><div style="width: 100%; text-align: center;"><img src="https://i.ibb.co/B3Xf6gB/George04.png" style="width: 100%;" /></div></div>

George

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.

If you're leaving, leave the cigarettes
You've already got the lighter and the keys

Speech: #c2dcdd

Top:

Code:

<link href="https://fonts.googleapis.com/css2?family=Ruthie&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.ibb.co/3r2J1gK/George05.jpg'); padding-top: 375px; box-shadow: 0px 0px 15px #000;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(38,46,48,1)); padding: 200px;"></div><div style="background-image: linear-gradient(rgba(38,46,48,1),rgba(5,9,10,1)); padding: 50px;"><div style="margin-top: -250px; margin-bottom: -25px; padding: 0px 50px; font-family: 'Ruthie', cursive; font-size: 72px; text-align: center; text-shadow: 0px 0px 7px #000; color: #fff;">George</div><div style="background: rgba(194,220,221,.25); padding: 35px; border-left: 5px solid #c2dcdd; border-right: 5px solid #c2dcdd; box-shadow: 0px 0px 15px #38270d; 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;">If you're leaving, leave the cigarettes<br />You've already got the lighter and the keys</div></div></div>

quote line 1
quote line 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut faucibus ex. Nulla ut dapibus neque. "Vivamus mauris nulla, pharetra quis consectetur quis, dignissim vel nunc." Vestibulum consectetur imperdiet ligula, vel varius turpis finibus sed. Nulla ut tincidunt risus, facilisis auctor felis. Quisque eu nibh semper, tincidunt eros eu, dictum arcu. Donec molestie pellentesque ligula, nec imperdiet nulla vulputate et. Morbi cursus sollicitudin elit, vel euismod neque molestie et. Proin eu lectus nisi. Duis iaculis elit quis enim euismod, quis mollis ligula scelerisque. Morbi et interdum nibh.

Fusce vehicula est at tellus ultrices fringilla. Nulla tincidunt ut diam nec volutpat. Quisque erat eros, dignissim nec imperdiet vel, ullamcorper nec dolor. Proin eu velit mauris. Proin auctor augue at magna vulputate malesuada. Suspendisse ac pretium ex. Vestibulum viverra nibh ut orci pretium, vel luctus massa ornare. Suspendisse dictum elit nec nibh ultrices, vel pellentesque enim iaculis.

quote line 1
quote line 2

George

Speech: #e4e1ee

Top:

Code:

<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville|Cinzel+Decorative&display=swap" rel="stylesheet"><div style="width: 65%; box-sizing: border-box; margin: 0 auto; padding: 10px; background-image: linear-gradient(rgba(41,24,57,1),rgba(23,13,32,1)); box-shadow: 0px 0px 10px #000; border-radius: 300px 300px 15px 15px; font-family:'Libre Baskerville', serif; font-size: 12px; text-align: justify;"><div style="width: auto; height: 250px; margin: 0 auto; background: url('https://64.media.tumblr.com/58782d560de7ccc4fbe5639e697a0c04/tumblr_mwjadyJDh61rmam60o2_500.gif') top left no-repeat; background-size:100%; border-radius: 300px 300px 0px 0px;"></div><div style="padding: 10px 35px; background: rgba(67,56,73,1); font-family: 'Libre Baskerville', serif; font-size: 8px; font-weight: bold; text-align: left; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; letter-spacing: 3.5px; color: #b6b2c5; ">quote line 1<br />quote line 2</div><div style="background-color: rgba(255,255,255,.35);"><div style="padding: 15px 35px; font-size: 14px; text-shadow: 0px 0px 0px #fff; color: #b6b2c5;">

Bottom:

Code:

</div></div><div style="padding: 10px 35px; background: rgba(67,56,73,1); font-family: 'Libre Baskerville', serif; font-size: 8px; font-weight: bold; text-align: right; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; letter-spacing: 3.5px; color: #b6b2c5; ">quote line 1<br />quote line 2</div><div style="padding-top: 35px; padding-bottom: 25px; font-family: Cinzel Decorative; font-size: 60px; text-align: center; text-shadow: 0px 0px 0px #291839; letter-spacing: 10px; line-height: 15px; color: rgba(67,56,73,1);">George</div></div>