DECOTEXS: Frames (1)

Frame1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam tempor orci eu lobortis elementum nibh. Eget gravida cum sociis natoque penatibus.

__________________________________________________

Frame 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit,





<style>.Zd9MXe{color:#202124;font-family:"Google Sans",Roboto,Arial,sans-serif;font-size:16px;line-height:20px;margin:0 0 4px;padding:0 16px;text-align:center}.Zd9MXe{padding:0;font-size:24px;line-height:32px;text-align:inherit}
.pctrN{flex:1;margin-left:24px}.Zd9MXe{padding:0;font-size:24px;line-height:32px;text-align:inherit}
.QdZIX{position:relative;background:#fff;margin:8px 0;padding:16px 0 0}.V8LgZd{position:absolute;top:0;right:0;padding:12px 20px 12px 12px;fill:#5f6368}
 .QdZIX{display:flex;background:none;border:1px solid #dfe1e5;border-radius:8px;margin:16px 15px;min-width:1000px;padding:16px}
.JRFdWc{border-radius:8px;height:30px;margin:0 auto 16px;padding:6px 7px 7px 6px;width:20px}.JRFdWc{display:inline-block;margin:0;padding:12px 13px 13px 12px;vertical-align:top}.pctrN{flex:1;margin-left:24px}.Zd9MXe{padding:0;font-size:24px;line-height:32px;text-align:inherit}
.n11rXc{background:#fef7e0;fill:#f9ab00}
</style>


<div class="QdZIX"><div class="JRFdWc n11rXc"><svg viewBox="0 0 24 24" focusable="false" height="32" width="32"><path d="M0 0h24v24H0z" fill="none"/><path d="M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"/></svg></div><div class="pctrN"><div class="Zd9MXe"><p>Frame1. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Etiam tempor orci eu lobortis elementum nibh. Eget gravida cum sociis natoque penatibus.</p></div></div></div>


</br>
__________________________________________________
</br>

<style>.frame2 {
border-radius: 14px;
box-shadow:2px 3px 5px #696969;
font-size:36px;
background: #0194ff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsJ37pmU8UcN-TRELEiK2JEgCEeVnGPpCGujgTKqlgC1U4b3aHh78dqLHZng9vJ0po7R0lNtRrEDKIMTNEHlJuWfTTP78VSCdoAuv6M8pkVeDQqXaUWvYqKAYaG5CR74JC4t8RK6FiKfE/s0/codeview.png) top right no-repeat;
border:1px solid #ccc;
padding:12px 0  12px 122px;
color:yellow;

display:table;
float:right;
height:126px;
margin:46px;
width:655px;
}  </style>


 <p class="frame2">Frame 2. Lorem ipsum dolor sit amet, consectetur adipiscing elit, </p>

viernes, 13 de mayo de 2022

Frames (1)