index.html

<div class="uk-align-center">
<h1>
	<span class="uk-text-primary uk-text-bold">Rock - Paper - Scissors</span>
</h1>
</div>
<div class="uk-align-center">
<h2 id="h2:result"></h2>
</div>
<div class="uk-child-width-1-3@s uk-child-width-1-23m uk-text-center" uk-grid="">
<div>
	<h2>You</h2>
	<span id="sp:you">...</span>
</div>

<div>
	<h2 id="h2:score"></h2>
</div>

	<div>
	<h2>Machine</h2>
	<span id="sp:machine">...</span>
</div>
</div>
</br>
<hr>
<div class="uk-child-width-1-3@s uk-child-width-1-3@m uk-text-center" uk-grid="">
<div>
	<h2 class="uk-card-title"><button id="bt:rock" type="button" class="uk-button uk-text-large">Rock</button></span></h2>
</div>
<div>
	<h2 class="uk-card-title"><button id="bt:paper" type="button" class="uk-button uk-text-large">Paper</button></span></h2>
</div>
<div>
	<h2 class="uk-card-title"><button id="bt:scissors" type="button" class="uk-button uk-text-large">Scissors</button></span></h2>
</div>
</div>
</br>

<!--<script src="dist/webpack.js"></script>-->
<script src="https://cdn.jsdelivr.net/gh/TiagoDanin/Rock-Paper-Scissors-Web/dist/webpack.js"></script>