example.html

<div class="nH if">
<div class="nH">
<div class="hj">
<div class="ade">
<span class="hk J-J5-Ji" style="display: none;">
<div id=":3n" class="T-I J-J5-Ji T-I-JN L3" role="button" tabindex="0" data-tooltip="Collapse all" aria-label="Collapse all" style="-webkit-user-select: none;">
<span class="SD">
<img class="gq T-I-J3" src="images/cleardot.gif" alt="Collapse all">
</span>
</div>
</span>
<span class="hk J-J5-Ji" style="display: none;">
<div id=":3m" class="T-I J-J5-Ji T-I-JN L3" role="button" tabindex="0" data-tooltip="Expand all" aria-label="Expand all" style="-webkit-user-select: none;">
<span class="SD">
<img class="gx T-I-J3" src="images/cleardot.gif" alt="Expand all">
</span>
</div>
</span>
<span class="hk J-J5-Ji">
<div id=":3l" class="T-I J-J5-Ji T-I-JN L3" role="button" tabindex="0" data-tooltip="Print all" aria-label="Print all" style="-webkit-user-select: none;">
<span class="SD">
<img class="g1 T-I-J3" src="images/cleardot.gif" alt="Print all">
</span>
</div>
</span>
<span class="hk J-J5-Ji">
<div id=":3k" class="T-I J-J5-Ji T-I-JN L3" role="button" tabindex="0" data-tooltip="In new window" aria-label="In new window" style="-webkit-user-select: none;">
<span class="SD">
<img class="gZ T-I-J3" src="images/cleardot.gif" alt="In new window">
</span>
</div>
</span>
</div>
</div>
<div class="nH">
<div class="ha">
<h2 id=":2c" class="hP" tabindex="-1">hAAAA
</h2>
<span id=":2d" class="J-J5-Ji">
<div class="pG" data-tooltip-contained="true" data-tooltip-align="b,l" data-tooltip-delay="1500" aria-label="Important mainly because of your interaction with messages in the conversation." role="img" id=":2g">
<div class="T-ays-a45">Important mainly because of your interaction with messages in the conversation.
<br>
<span class="aol">Click to teach Gmail this conversation is not important.
</span>
</div>
<div class="pH a9q" tabindex="0">
</div>
<div class="UW ">
</div>
</div>
<table cellpadding="0" class="cf hX">
<tbody>
<tr class="hY hM">
<td class="hT hM">
</td>
<td class="hU hM" style="background-color: #ddd">
</td>
<td class="hS hM" style="background-color: #ddd">
</td>
<td class="hV hM" style="background-color: #ddd">
</td>
<td class="hW hM">
</td>
</tr>
<tr class="hR">
<td class="hT hU hM" style="background-color: #ddd">
</td>
<td class="hU hM" style="background-color: #ddd; color: #666">
<div class="hN" name="^i" title="Search for all messages with label Inbox" role="button" tabindex="0">Inbox
</div>
</td>
<td class="hS hM" style="background-color: #666">
</td>
<td class="hV hM" style="background-color: #ddd; color: #666">
<span class="hO" name="^i" title="Remove label Inbox from this conversation" role="button" tabindex="0">x
</span>
</td>
<td class="hW hV hM" style="background-color: #ddd">
</td>
</tr>
<tr class="hY hM">
<td class="hT hM">
</td>
<td class="hU hM" style="background-color: #ddd">
</td>
<td class="hS hM" style="background-color: #ddd">
</td>
<td class="hV hM" style="background-color: #ddd">
</td>
<td class="hW hM">
</td>
</tr>
</tbody>
</table>
</span>
</div>
<div class="dJ">
</div>
</div>
</div>
<div class="nH aHU">
<div class="nH hx">
<div class="nH">
<div tabindex="-1" role="menu" class="b7 J-M" aria-haspopup="true" style="-webkit-user-select: none; display: none;">
</div>
</div>
<div class="nH">
<div class="nH">
</div>
</div>
<div class="nH" role="list">
<div class="h7  ie nH oy8Mbf" role="listitem" tabindex="-1">
<div class="Bk">
<div class="G3 G2">
<div>
<div id=":31">
<div class="adn ads" style="display:">
<div class="aju">
<div class="aCi">
<div class="aFg" style="display: none;">
</div>
<img id=":0_0-e" name=":0" src="https://plus.google.com/u/0Ym7NP92FCMQ0Go0uI2hXueRMqQW?sz=48" class="ajn" style="background-color: #cccccc" jid="hola@mail.com" data-name="Fabricio PH" aria-hidden="true">
</div>
</div>
<div class="gs">
<div class="gE iv gt">
<table cellpadding="0" class="cf gJ">
<tbody>
<tr class="acZ">
<td class="gF gK">
<table cellpadding="0" class="cf ix">
<tbody>
<tr>
<td>
<h3 class="iw">
<span email="hola@mail.com" name="Fabricio PH" class="gD">Fabricio PH
</span>
<span class="go">
<span aria-hidden="true">&lt;
</span>hola@mail.com
<span aria-hidden="true">&gt;
</span>
</span>
</h3>
</td>
</tr>
</tbody>
</table>
</td>
<td class="gH">
<div class="gK">
<span>
</span>
<span id=":35" class="g3" title="Sat, Oct 15, 2016 at 9:19 AM" alt="Sat, Oct 15, 2016 at 9:19 AM">9:19 AM (5 hours ago)
</span>
<div class="zd" aria-label="Starred" tabindex="0" role="checkbox" aria-checked="false" style="outline:0">
<span class="T-KT" onselectstart="return false;">
<img class="f T-KT-JX" src="images/cleardot.gif" alt="">
</span>
</div>
</div>
</td>
<td class="gH">
</td>
<td class="gH acX" rowspan="2">
<div class="T-I J-J5-Ji T-I-Js-IF aaq T-I-ax7 L3" role="button" tabindex="0" data-tooltip="Reply" aria-label="Reply" style="-webkit-user-select: none;">
<img class="hB T-I-J3" role="button" src="images/cleardot.gif" alt="">
</div>
<div id=":3g" class="T-I J-J5-Ji T-I-Js-Gs aap T-I-awG T-I-ax7 L3" role="button" tabindex="0" aria-expanded="false" aria-haspopup="true" data-tooltip="More" aria-label="More" style="-webkit-user-select: none;">
<img class="hA T-I-J3" role="menu" src="images/cleardot.gif" alt="">
</div>
</td>
</tr>
<tr class="acZ xD">
<td colspan="3">
<table cellpadding="0" class="cf adz">
<tbody>
<tr>
<td class="ady">
<div class="iw ajw">
<span class="hb">to
<span dir="ltr" email="hola@mail.com" name="me" class="g2">me
</span>
</span>
</div>
<div aria-haspopup="true" class="ajy">
<img class="ajz" id=":3f" role="button" src="images/cleardot.gif" alt="" data-tooltip="Show details" aria-label="Show details">
</div>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div class="qQVYZb">
</div>
<div class="utdU2e">
</div>
<div class="tx78Ic">
</div>
<div class="aHl">
</div>
<div id=":3e" tabindex="-1">
</div>
<div id=":33" class="ii gt adP adO">
<div id=":32" class="a3s aXjCH m157c735be3f46963">
<div dir="ltr">hAAAA hAAAA dwqedwef ghoasfkdlwefw
<div>efw
</div>
<div>efw
</div>
<div>ef hAAAA
</div>
<div>wef &nbsp;hAAAA&nbsp;&nbsp;hAAAA&nbsp;&nbsp;hAAAA&nbsp;
</div>
<div>wef&nbsp;hAAAA
</div>
<div>hhAAAAa
<div class="yj6qo">
</div>
<div class="adL">
<br>
</div>
<div class="adL">
<div class="m_3245768325gmail_signature">
<div dir="ltr">
<div>
<div dir="ltr">
<div>
<div dir="ltr">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="adL">

</div>
</div>
</div>
<div class="adL">

</div>
</div>
</div>
<div id=":3x" class="ii gt" style="display:none">
<div id=":3y" class="a3s aXjCH undefined">
</div>
</div>
<div class="hi">
</div>
</div>
<div class="ajx">
</div>
</div>
<div class="gA gt acV">
<div class="gB xu">
<table id=":3c" cellpadding="0" role="presentation" class="cf gz ac0">
<tbody>
<tr>
<td>
<div class="cKWzSc mD" idlink="" tabindex="0" role="button">
<img class="mL" src="images/cleardot.gif" alt="">
<span class="mG">Reply
</span>
</div>
</td>
<td>
</td>
<td>
<div class="XymfBd mD" idlink="" tabindex="0" role="button">
<img class="mI" src="images/cleardot.gif" alt="">
<span class="mG">Forward
</span>
</div>
</td>
<td>
</td>
<td class="io">
<div class="adA">
</div>
</td>
</tr>
</tbody>
</table>
<div class="ip iq">
<div id=":34">
<table class="cf FVrZGe" role="presentation">
<tbody>
<tr>
<td class="amq">
<img id=":0_1" name=":0" src="https://lkhgjfhxgdhqQW?sz=48" jid="hola@mail.com" class="ajn bofPge">
</td>
<td class="amr">
<div class="nr tMHS5d">
<div class="amn">Click here to
<span id=":2y" class="ams" role="link" tabindex="0">Reply
</span> or
<span id=":30" class="ams" role="link" tabindex="0">Forward
</span>
</div>
</div>
<input type="text" class="amp">
</td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="nH">
</div>
<div class="nH">
<div class="nH PS" style="display: none;">
</div>
</div>
</div>
</div>
<div class="nH">
<div class="l2 ov" style="padding-bottom: 440px;">
<div id=":3o">
</div>
<div id=":3s" class="aeV">
<div>
<div class="md mj">
<div>
<span dir="ltr">56.78 GB
</span> (4%) of
<span dir="ltr">1,189 GB
</span> used
</div>
<div class="aeW">
<a target="_blank" href="https://www.google.com/settings/u/0/storage?hl=en" class="l8">Manage
</a>
</div>
</div>
</div>
</div>
<div class="aeU">
<div id=":3r">
<div>
<div class="ma">
<a href="https://www.google.com/intl/en/policies/terms/" target="_blank" class="l9">Terms
</a> -
<a href="https://www.google.com/intl/en/policies/privacy/" target="_blank" class="l9">Privacy
</a>
</div>
</div>
</div>
</div>
<div id=":3p" class="ae3">
<div>
<div class="l6">
<div>Last account activity: 10 minutes ago
</div>
<span id=":3z" class="l8 ou" tabindex="0" role="link">Details
</span>
</div>
</div>
</div>
<div style="clear: both;">
</div>
</div>
</div>
</div>