Custom HTML Code

code.html

<div>
	<div class="tab">
		<button class="tablinks active" onclick="openPart(event, 'FRONT-UPPER')" id="defaultOpen">FRONT - UPPER</button>
		<button class="tablinks" onclick="openPart(event, 'FRONT-LOWER')">FRONT - LOWER</button>
		<button class="tablinks" onclick="openPart(event, 'DOOR-UPPER')">DOOR - UPPER</button>
		<button class="tablinks" onclick="openPart(event, 'DOOR-LOWER')">DOOR - LOWER</button>
		<button class="tablinks" onclick="openPart(event, 'SIDE-BEHIND-DOOR')">SIDE BEHIND DOOR</button>
		<button class="tablinks" onclick="openPart(event, 'BACKLIGHT')">BACKLIGHT</button>
		<button class="tablinks" onclick="openPart(event, 'RIGHTHAND-FRONT-SLIDER')">RIGHTHAND - FRONT - SLIDER</button>
		<button class="tablinks" onclick="openPart(event, 'RIGHTHAND-REAR-SLIDER')">RIGHTHAND - REAR - SLIDER</button>
	</div>
	<div id="FRONT-UPPER" class="tabcontent" style="display: none;">
		<h3 class="centered">Front Upper</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 830</span><span class="dt-text-line">Width(mm): 770</span><span class="dt-text-line">Holes: 2</span></p>
	</div>
	<div id="FRONT-LOWER" class="tabcontent" style="display: none;">
		<h3 class="centered">Front - Lower</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 435</span><span class="dt-text-line">Width(mm): 850</span><span class="dt-text-line">Holes: 0</span></p>
	</div>
	<div id="DOOR-UPPER" class="tabcontent" style="display: block;">
		<h3 class="centered">Door - Upper</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 995</span><span class="dt-text-line">Width(mm): 600</span><span class="dt-text-line">Holes: 1</span></p>
	</div>
	<div id="DOOR-LOWER" class="tabcontent" style="display:none;">
		<h3 class="centered">Door - Lower</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 495</span><span class="dt-text-line">Width(mm): 605</span><span class="dt-text-line">Holes: 1</span></p>
	</div>
	<div id="SIDE-BEHIND-DOOR" class="tabcontent" style="display:none;">
		<h3 class="centered">Side Behind Door</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 945</span><span class="dt-text-line">Width(mm): 435</span><span class="dt-text-line">Holes: 0</span></p>
	</div>
	<div id="BACKLIGHT" class="tabcontent" style="display:none;">
		<h3 class="centered">Backlight</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 4</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 764</span><span class="dt-text-line">Width(mm): 860</span><span class="dt-text-line">Holes: 0</span></p>
	</div>
	<div id="RIGHTHAND-FRONT-SLIDER" class="tabcontent" style="display:none;">
		<h3 class="centered">Righthand Front Slider</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 745</span><span class="dt-text-line">Width(mm): 568</span><span class="dt-text-line">Holes: 2</span></p>
	</div>
	<div id="RIGHTHAND-REAR-SLIDER" class="tabcontent" style="display:none;">
		<h3 class="centered">Righthand Rear Slider</h3>
		<p><span class="dt-text-line">Machine type: EXCAVATOR</span><span class="dt-text-line">Thickness: 5</span><span class="dt-text-line">Colour: CLEAR</span><span class="dt-text-line">Glass Type: TOUGHENED</span><span class="dt-text-line">Height(mm): 770</span><span class="dt-text-line">Width(mm): 535</span><span class="dt-text-line">Holes: 2</span></p>
	</div>
</div>