haaalp

Semantic

HTML

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8" />
    <title>Semantic UI CDN</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/4.2.0/normalize.min.css"/>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.css"/>
    <link rel="stylesheet" href="/test/stylesheet.css"/>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.2/semantic.min.js"></script>
</head>
<body>
<div class="ui fluid inverted stackable menu">
		<div class="item">
			<img src="/test/assets/images/logo.png">&nbsp; &nbsp;Rust Clan
		</div>
		<a href="#" class="active item"> Home </a>
		<a href="#" class="item"> About </a>
	
			<div class="right aligned item">
				<div class="ui primary button">Sign up</div>
			</div>
			<div class="item">
    			<div class="ui button">Log-in</div>
    	</div>
    	</div>
</div>
</body>
</html>`

CSS

.ui.menu {
	margin-bottom: 0;
	border-radius: 0;
}




.ui.container {
	background-color: #ce422b;
	color: white;
}