theme 221 html part

<!--    maziekeen's theme 221 - UPDATE TAB HTML PART    -->

<aside class="update"> <!-- START UPDATE ICONS -->
<div class="update-content"> <!-- sart update wrapper // don't touch -->

<!-- sart update 1 // copy all between these comments to add a new one -->
<a href="#" class="toggle-link" title="update 1"> <!-- the title="" will appear on the icon hover -->
    <i data-feather="clipboard" class="feather update-icon"></i> <!-- the data-feather="" is the icon -->
</a>

<div class="toggle-content"> <!-- start update content // it will appear what you write inside here! -->
<strong>use &lt;strong&gt; as a title?</strong>
  <ul>
    <li>and you can make</li>
    <li>lists here too</li>
  </ul>
  <strong>or just a bold phrase</strong>
  <div><em>you can use &lt;div&gt; to create a block instead of a paragraph. it will work better or not, your call </em></div>
  <div> lorem ipsum consectetuer mattis porta urna, adipiscing elit. aliquam nisi lorem, pulvinar id, commodo feugiat, vehicula et, aliquam mattis porta urna mattis porta.</div>
  <p><a href="/">or create a link with a paragraph yay</a></p>
  <strong>a list of links too</strong>
  <ul>
    <li><a href="/">link 1</a></li>
    <li><a href="/">link 2</a></li>
  </ul>
</div> <!-- end update content // it will appear what you write inside here! -->
<!-- end update 1 // copy all between these comments to add a new one -->



<!-- sart update 2 // copy all between these comments to add a new one -->
<a href="#" class="toggle-link" title="update 2"> <!-- the title="" will appear on the icon hover -->
<i data-feather="info" class="feather update-icon"></i> <!-- the data-feather="" is the icon -->
</a>

<div class="toggle-content"> <!-- start update content // it will appear what you write inside here! -->
  <div>whatever you <strong>wanna</strong></div>
  <ul>
    <li>just add what you need</li>
    <li>anything HTML related you can do it</li>
  </ul>
</div> <!-- end update content // it will appear what you write inside here! -->
<!-- end update 2 // copy all between these comments to add a new one -->



<!-- if you want redirect links or "buttons" // each <a> is a link/button -->
<a title ="this is a link" href="/add link here" target="_blank" class="toggle-link-button"> <!-- the title="" will appear on the icon hover -->
    <i data-feather="link" class="feather update-icon"></i> <!-- the data-feather="" is the icon -->
</a>

<a title ="it will open on a new tab" href="/add link here" target="_blank" class="toggle-link-button"> <!-- the title="" will appear on the icon hover -->
    <i data-feather="coffee" class="feather update-icon"></i> <!-- the data-feather="" is the icon -->
</a>

</div> <!-- end update wrapper // don't touch -->
</aside> <!-- END UPDATE ICONS -->

<!--    maziekeen's theme 221 - UPDATE TAB HTML PART    -->