Van csajosabb, elegánsabb, színesebb :3. Ha az elsőnél fehér háttérrel tetszene, mint ahogy fent, akkor a background-color: #fcedee;-t kell kicserélni background-color: white;-ra :3.
Valaki & Valaki
L
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
Kód:
<center><link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet"><div style="transform: scaleY(-1);"><img src="https://cdnw.nickpic.host/sVgg85.png" style="height: 150px; transform: scaleX(-1); margin-left: -386px; margin-top: -144px;"></div> <div style="width: 450px;background-color: #fcedee; padding: 20px; line-height: 150%; border-top-right-radius: 80px 20px; border-bottom-left-radius: 80px 20px; text-align:justify; color:black;"><div style="font-family:Tangerine; font-size: 45px; margin-bottom: -15px; color:#f094b9; text-align:center; ">Valaki & Valaki</div><div style="text-indent:5px;"><p> <div style="font-family:Tangerine; font-size: 30px; color:#f094b9; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.<img src="https://66.media.tumblr.com/b5165b6c1fcd156f82211d87dd771802/tumblr_olfhdeNrUi1t0vqjwo1_500.gif"; style="width:200px; opacity:0.9; float:left; border-radius:80px/20px; margin: 5px; margin-left: -40px; border-left: solid 4px #f094b9; border-right: solid 4px #f094b9; transform: rotate(-3deg);">Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
Kód:
<center><link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet"><img src="https://i.ibb.co/QPwkxT1/corner-border-transparent-15.png" style="height: 190px; margin-left: -378px; margin-bottom: -154px;"> <div style="width: 450px;background-color: white; padding: 20px; line-height: 150%; border-top-right-radius: 80px 20px; border-bottom-left-radius: 80px 20px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; text-align:justify;color:black;"> <div style="font-family:Tangerine; font-size: 45px; margin-bottom: -15px; color:black; text-align:center;">Valaki & Valaki</div><div style="text-indent:5px;"><p> <div style="font-family:Tangerine; font-size: 30px; color:#balck; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.<img src="https://media1.giphy.com/media/jZgXeSux0rtx6/source.gif"; style="width:200px; opacity:0.9; float:left; border-radius:80px/20px; margin: 5px; margin-left: -40px; border-left: solid 4px black; border-right: solid 4px black; transform: rotate(-3deg);">Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.</div>
orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.
Kód:
<center><link href="https://fonts.googleapis.com/css?family=Tangerine&display=swap" rel="stylesheet"><img src="https://images2.imgbox.com/a8/bd/myxN3pmz_o.png" style="height: 130px;margin-left: -390px;margin-bottom: -105px;transform: rotate(-12deg);"> <div style="width: 450px;background-color: #faede3; padding: 20px; line-height: 150%; border-top-right-radius: 80px 20px; border-bottom-left-radius: 80px 20px; border-top-left-radius: 50px; border-bottom-right-radius: 50px; text-align:justify;color:black;"> <div style="font-family:Tangerine; font-size: 45px; margin-bottom: -15px; color:#D88B63; text-align:center;">Valaki & Valaki</div><div style="text-indent:5px;"><p> <div style="font-family:Tangerine; font-size: 30px; color:#D88B63; float:left;">L</div>orem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis consequat justo, in suscipit ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum non ipsum euismod, egestas velit a, vestibulum diam. Mauris vehicula nibh at lacus tempus, at venenatis sem malesuada. Vestibulum tincidunt pretium turpis, non dignissim risus facilisis at. Ut porta rutrum dui, quis sollicitudin libero condimentum ut. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Phasellus et augue arcu. Proin pulvinar volutpat est eu varius.<img src="https://data.whicdn.com/images/331954991/original.gif"; style="width:200px; opacity:0.9; float:left; border-radius:80px/20px; margin: 5px; margin-left: -40px; border-left: solid 4px #D88B63; border-right: solid 4px #D88B63; transform: rotate(-3deg);">Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus. Vivamus sed quam at nisi mollis feugiat. Sed vitae risus et mi pharetra accumsan et ac felis. Donec ac gravida diam. Vestibulum ut urna in ligula faucibus venenatis. Aenean eleifend, urna a rhoncus hendrerit, nisi nisi dignissim nunc, pulvinar ornare magna velit a lacus. Praesent placerat egestas hendrerit. Vivamus vitae pharetra lectus, viverra sagittis lectus. Morbi at orci malesuada, luctus risus eu, faucibus sapien. Quisque cursus ligula sed tempus sagittis. Suspendisse fermentum ligula elit, et semper ex malesuada egestas. Vivamus diam mi, fermentum ultrices massa id, dictum iaculis diam. Proin sed auctor quam. Sed ante justo, convallis vel consequat non, condimentum ut eros. Nunc ac feugiat ligula. Maecenas tempor est et aliquet imperdiet. Nam lectus nulla, fringilla ac sodales sit amet, ultricies malesuada dolor.</p></div> </div> <img src="https://images2.imgbox.com/a8/bd/myxN3pmz_o.png" style="height: 130px;margin-left: 395px;margin-top: -123px;transform: rotate(165deg);"></center>
Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus.
Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus.
Sed iaculis turpis a commodo suscipit. Quisque facilisis elementum sapien, vitae finibus erat egestas quis. Aenean nisi dolor, imperdiet ac cursus eget, vehicula quis enim. Ut in nibh vel massa viverra semper ut ut quam. Pellentesque lobortis eros lorem, a elementum ex vulputate sit amet. Vivamus non pretium ante. Integer tempor augue tellus.
