Semantic UI Buttons

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
			<meta name="viewport" content="width=device-width, initial-scale=1">
				<title>Semantic UI Tutorial!</title>
			    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.css"/>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
				<script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.9/semantic.min.js"></script>	
	        </head>
			<body>
					<button class="ui primary button">Primary Button</button>
					<br><br>
					<button class="ui secondary button">Secondary Button </button>
					<br><br>
					<button class="ui positive button">Positive Button</button>
					<br><br>
					<button class="ui negative button">Negative Button</button>
				
		</body>
</html>