HTML (✓ Code View)

<ul class="nav nav-tabs card-header-tabs row mb-1">
<li class="col-md-6 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary active" data-toggle="tab" href="#VIEW">Active View</a></li>
<li class="col-md-6 mb-1"><a class="btn bg-faded btn-block btn-outline-secondary" data-toggle="tab" href="#CODE">Code</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade active show" id="VIEW">
<div class="card p-3">
<div class="p-3">

<!--VIEW-->

PASTE CODE HERE


<!--VIEW END-->

</div>
</div>
</div>
<div class="tab-pane fade" id="CODE">
<div class="card p-3">
<div class="p-3">

<!--CODE-->

Replace all "<" with "& l t" (without spaces) and add the "br" code to the end of every line
Easy sites to use: Replace Text • Add Text • Code Tester

<!--CODE END-->
</div>
</div>
</div>
</div>