<div class="pre tb">
<!--[ Active function ]-->
<input class="prei hidden" id="preT-1" type="radio" name="preTab" checked />
<input class="prei hidden" id="preT-2" type="radio" name="preTab" />
<input class="prei hidden" id="preT-3" type="radio" name="preTab" />
<!--[ Header/title ]-->
<div class="preH tbHd scrlH">
<!--[ Change atribute data-text='...' to replace title ]-->
<label for="preT-1" data-text="HTML"></label>
<label for="preT-2" data-text="CSS"></label>
<label for="preT-3" data-text="JS"></label>
</div>
<!--[ Content ]-->
<div class="preC-1">
<pre>Your_code_is_here</pre>
</div>
<div class="preC-2">
<pre>Your_code_is_here</pre>
</div>
<div class="preC-3">
<pre>Your_code_is_here</pre>
</div>
</div>
| Name | Position | Office | Age | Start date | Salary |
|---|---|---|---|---|---|
| Tiger Nixon | System Architect | Edinburgh | 61 | 2011/04/25 | $320,800 |
| Garrett Winters | Accountant | Tokyo | 63 | 2011/07/25 | $170,750 |
| Ashton Cox | Junior Technical Author | San Francisco | 66 | 2009/01/12 | $86,000 |
| Cedric Kelly | Senior Javascript Developer | Edinburgh | 22 | 2012/03/29 | $433,060 |
| Airi Satou | Accountant | Tokyo | 33 | 2008/11/28 | $162,700 |
Title_is_here
Your_text_is_here.
Title_is_here
Your_text_is_here.
Title_is_here
Your_text_is_here.
Title_is_here
Your_text_is_here.
هخلثختبثالخهتن ثلتنتثتلانمتفمثقنتلنمتل ثلتتنتنتنتثتلاتن فا
----------------------------------------------Mauris vel diam pellentesque lorem lacinia luctus. Nulla quam magna, pharetra in ultrices at, condimentum id tellus. Sed suscipit sapien sed turpis ultrices viverra.
-----------------------------------------Your_code_is_here