&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;div id=&quot;conte1&quot; class=&quot;conte active2&quot; style=&quot;font-family: &#039;Trebuchet MS&#039;; font-size: 10px; background-color: #ffffff; transition: max-height 1s ease 0s; overflow: hidden; max-height: 570px;&quot;&gt;
&lt;div style=&quot;border-radius: 4px; border: 1px solid grey; padding: 5px; margin-top: 10px; position: relative;&quot;&gt;
&lt;div style=&quot;font-size: 9pt; display: inline-block; width: calc(100% - 73px); line-height: 13pt;&quot;&gt;
&lt;p&gt;Estimados padres de familia reciba un cordial saludo, el presente es para solicitarles el apoyo para la proxima clase ya que guiare a las estuantes para registarse en la plataforma del libro, para lo cual solicito tener listo los siguientes datos:&lt;/p&gt;
&lt;h3&gt;&lt;span style=&quot;background-color: #f1c40f;&quot;&gt;Usuario institucional es decir el correo institucional&lt;/span&gt;&lt;/h3&gt;
&lt;h3&gt;&lt;span style=&quot;background-color: #f1c40f;&quot;&gt;Contrase&amp;ntilde;a del correo institucional&lt;/span&gt;&lt;/h3&gt;
&lt;h3&gt;&lt;span style=&quot;background-color: #f1c40f;&quot;&gt;C&amp;oacute;digo del libro&lt;/span&gt;&amp;nbsp;(se encuentra en el reverso de la tapa del libro rasparlo y aparecera el c&amp;oacute;digo)&lt;/h3&gt;
&lt;/div&gt;
&lt;div style=&quot;height: 22px; width: 22px; display: inline-block; vertical-align: top; float: right; background-image: url(&#039;images/menu.png&#039;); cursor: pointer; background-size: contain; background-repeat: no-repeat;&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;div style=&quot;position: absolute; top: 35px; right: 5px;&quot;&gt;&lt;img src=&quot;images/visible.png&quot; height=&quot;20px&quot; /&gt;&lt;/div&gt;
&lt;p&gt;&amp;nbsp;&lt;/p&gt;
&lt;div style=&quot;display: inline-block; vertical-align: top; position: absolute; right: 5px; top: 35px;&quot;&gt;&amp;nbsp;&lt;/div&gt;
&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;