Rayo's Tables - Printable Version

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.

Sohalia

Code:

<link href="https://fonts.googleapis.com/css2?family=Beth+Ellen&family=Lora&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; padding: 10px; background-image: linear-gradient(rgba(240,197,119,1),rgba(210,141,55,1)); box-shadow: 0px 0px 15px #000; border-radius: 200px 10px 200px 10px; font-family: 'Lora', serif; font-size: 12px; text-align: justify; text-shadow: 0px 0px 5px #000; color: #fff;"><img src="https://64.media.tumblr.com/b25afc8d82b15909f4f67b1dee9c0e53/tumblr_pt2bs3qL5l1qztp4qo1_1280.jpg" style="width: 100%; border-radius: 200px 10px 0px 0px;" /><div style="margin: 25px; padding: 25px; background: rgba(255,255,255,.15);">

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

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://wallpapercave.com/wp/wp7282022.jpg'); padding-top: 225px; box-shadow: 0px 0px 15px #000; border-radius: 300px 300px 0px 0px; border-left: 4px solid #88936b; border-right: 4px solid #88936b;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(52,61,32,1)); padding: 200px;"></div><div style="background-image: linear-gradient(rgba(52,61,32,1),rgba(29,38,21,1)); padding: 50px;"><div style="margin-top: -100px; background: #88936b; 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;">

Code:

</div><div style="margin-top: -200px; background: #88936b; 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 #88936b; color: #88936b;">Sohalia</div></div></div>

quote line 1
quote line 2

quote line 3
quote line 4

Sohalia

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://ilarge.lisimg.com/image/15567632/1080full-skyler-samuels.jpg'); padding-top: 450px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #262626; border-right: 4px solid #262626;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(165,165,165,1)); padding: 100px;"></div><div style="background-image: linear-gradient(rgba(165,165,165,1),rgba(213,213,213,1)); padding: 50px;"><div style="margin-top: -100px; background: #262626; 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: #262626;">

Code:

</div><div style="margin-top: -200px; background: #262626; 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 #88936b; color: #262626;">Sohalia</div></div></div>

Code:

<link href="https://fonts.googleapis.com/css2?family=Meddon&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 45%; margin: 0 auto; margin-bottom: -200px; text-align: center;"><img src="https://i.ibb.co/Wp3b1Lg/Soh11.png" style="width: 100%; border-radius: 500px; border: 5px solid #6d6134; box-shadow: 0px 0px 15px #000;" /></div><div style="width: 50%; margin: 0 auto -35px auto; padding: 50px; background: linear-gradient(rgba(208,207,131,1),rgba(147,127,56,1)) no-repeat; box-shadow: 0px 0px 15px #000; border: 5px solid #6d6134; 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 #6d6134;">

quote line 1
quote line 2

quote line 3
quote line 4

Sohalia

Code:

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

Code:

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

quote line 1
quote line 2

quote line 3
quote line 4

Sohalia

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Zeyada&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://iv1.lisimg.com/image/9291671/640full-skyler-samuels.jpg'); padding-top: 275px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #975972; border-right: 4px solid #975972;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(108,78,86,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(108,78,86,1),rgba(62,45,51,1)); padding: 50px;"><div style="margin-top: -100px; background: #975972; padding: 5px 35px 6px 35px; font-family: 'Lato', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.15); padding: 35px; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Code:

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

Sohalia

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: #181818 url('https://i.ibb.co/N6CgCSK/Soh6.png') no-repeat right top; background-size: 75%; margin: 0 auto; box-shadow: 0px 0px 10px #000;"><div style="width: 43%; margin-left: 5%; padding: 35px 0px; font-family: 'Playfair Display', serif; font-size: 12px; text-align: justify; text-shadow: 0px 0px 0px #000; color: #fff;">

Code:

</div><div style="padding-bottom: 35px;"><div style="width: 43%; margin: 0 0 0 5%; padding: 5px 0px 5px 5px; background-image: linear-gradient(-90deg, #181818, #fff); font-family: 'Playfair Display', serif; font-size: 8px; text-align: left; text-transform: uppercase; color: #000;">quote quote quote<br />quote quote quote</div></div><div style="position: absolute; top: 40px; left: -67px; writing-mode: sideways-lr; font-family: 'Playfair Display', serif; font-size: 60px; text-transform: uppercase; text-shadow: 0px 0px 0px #000; color: #181818;">Sohalia</div></div>

quote line 1
quote line 2

quote line 3
quote line 4

Sohalia

Code:

<link href="https://fonts.googleapis.com/css2?family=Lato&family=Zeyada&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://i.pinimg.com/564x/f9/41/d3/f941d38cd5b836bacf292d132e9becb8.jpg'); padding-top: 175px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #c7eeff; border-right: 4px solid #c7eeff;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(255,255,255,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(255,255,255,1),rgba(255,255,255,1)); padding: 50px;"><div style="margin-top: -100px; background: #c7eeff; padding: 5px 35px 6px 35px; font-family: 'Lato', sans-serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #91cee9;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(0,0,0,.05); padding: 35px; font-family: 'Lato', sans-serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #fff; color: #b5b5b5;">

Code:

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

Sohalia

quote line 1
quote line 2

quote line 3
quote line 4

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;">

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/Wt4bLSW/Soh7.png" style="width: 100%; padding: 30px 0px 0px 0px; text-align: center;" /></div></div>

quote line 1
quote line 2

quote line 3
quote line 4

George

Code:

<link href="https://fonts.googleapis.com/css2?family=Italianno&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.frontrowfeatures.com/wp-content/uploads/2021/09/09122021pettyfer01_hi-scaled.jpg'); padding-top: 150px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #401d21; border-right: 4px solid #401d21;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(0,0,0,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(0,0,0,1),rgba(0,0,0,1)); padding: 50px;"><div style="margin-top: -100px; background: #401d21; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.15); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Code:

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

quote line 1
quote line 2

quote line 3
quote line 4

George

Code:

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

Code:

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

quote line 1
quote line 2

quote line 3
quote line 4

George

Code:

<link href="https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.numeromag.nl/wp-content/uploads/2020/02/screen_shot_2020-02-09_at_11.44.22.jpg'); padding-top: 450px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #00bfe1; border-right: 4px solid #00bfe1;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(2,60,80,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(2,60,80,1),rgba(1,41,54,1)); padding: 50px;"><div style="margin-top: -100px; background: #00bfe1; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.10); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Code:

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

quote line 1
quote line 2

quote line 3
quote line 4

Alys

Code:

<link href="https://fonts.googleapis.com/css2?family=Aguafina+Script&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://caren.co.uk/wp-content/uploads/2022/04/DAVIDE-IRISTATLER-2022-2.png'); padding-top: 500px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #556876; border-right: 4px solid #556876;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(35,54,66,1)); padding: 100px;"></div><div style="background-image: linear-gradient(rgba(35,54,66,1),rgba(22,34,42,1)); padding: 50px;"><div style="margin-top: -100px; background: #556876; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(255,255,255,.10); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Code:

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

quote line 1
quote line 2

quote line 3
quote line 4

George

Code:

<link href="https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Playfair+Display&display=swap" rel="stylesheet"><div style="width: 65%; margin: 0 auto; background: no-repeat top/100% url('https://www.numeromag.nl/wp-content/uploads/2020/02/screen_shot_2020-02-09_at_11.44.17.jpg'); padding-top: 500px; box-shadow: 0px 0px 15px #000; border-left: 4px solid #01b9b9; border-right: 4px solid #01b9b9;"><div style="background-image: linear-gradient(rgba(0, 0, 0, 0),rgba(108,223,210,1)); padding: 75px;"></div><div style="background-image: linear-gradient(rgba(108,223,210,1),rgba(1,152,152,1)); padding: 50px;"><div style="margin-top: -100px; background: #01b9b9; padding: 5px 35px 6px 35px; font-family: 'Playfair Display', serif; font-size: 10px; text-align: center; text-shadow: 0px 0px 0px #fff; text-transform: uppercase; color: #fff;">quote line 1<br />quote line 2</div><div style="margin-bottom: 200px; background: rgba(0,0,0,.10); padding: 35px; font-family: 'Playfair Display', serif; font-size: 14px; text-align: justify; text-shadow: 0px 0px 0px #cf8287; color: #fff;">

Code:

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