JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://coolprints.nl/gocart/themes/default/assets/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://coolprints.nl/gocart/themes/default/assets/css/bootstrap.min.css">
<script src="http://coolprints.nl/gocart/themes/default/assets/js/svg/jquery.svg.js"></script>
<script src="http://coolprints.nl/uploads/digital_uploads/visitekaartje_herbalife_makeadifference_1.svg"></script>
<script src="http://coolprints.nl/uploads/digital_uploads/visitekaartje_herbalife_makeadifference_2.svg"></script>
<ul class="nav nav-tabs">
    <li class="active"><a href="#home" data-toggle="tab">Home</a>
    </li>
    <li><a href="#profile" data-toggle="tab">Profile</a>
    </li>
</ul>
<!-- Tab panes -->
<div class="tab-content">
    <div class="tab-pane active" id="home">
        <div id="editor0" style="width:400px, height:300px">
            <?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
	 width="240.945px" height="155.906px" viewBox="0 0 240.945 155.906" enable-background="new 0 0 240.945 155.906"
	 xml:space="preserve">
<g>
	<g>
		<defs>
			<rect id="SVGID_1_" x="-9.504" y="-9.502" width="257.953" height="172.912"/>
		</defs>
		<clipPath id="SVGID_2_">
			<use xlink:href="#SVGID_1_"  overflow="visible"/>
		</clipPath>
		<path clip-path="url(#SVGID_2_)" fill="#95C642" d="M247.94,163.913v-8.625c-0.777-0.369-10.525-5.168-11.303-5.521
			c-53.626-24.441-106.888-14.408-163.526,4.323c-0.812,0.269-33.525,9.552-34.339,9.822H247.94L247.94,163.913z"/>
	</g>
</g>
<g>
	<g>
		<defs>
			<path id="SVGID_3_"...