Skip to content

Instantly share code, notes, and snippets.

@j127

j127/index.html

Created October 31, 2016 17:54
Show Gist options
  • Save j127/63b025fcdbbb6a8eb584f4aa47956c46 to your computer and use it in GitHub Desktop.
Save j127/63b025fcdbbb6a8eb584f4aa47956c46 to your computer and use it in GitHub Desktop.
Download ZIP
Semantic UI Template
Raw
index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<title>Website</title>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.css" />
<style type="text/css">
body {
background-color: #fff;
}
.main.container {
margin-top: 7em;
}
</style>
</head>
<body>
<div class="ui fixed inverted menu">
<div class="ui container">
<a href="#" class="header item">
Project Name
</a>
<a href="#" class="item">Home</a>
<div class="ui simple dropdown item">
Dropdown <i class="dropdown icon"></i>
<div class="menu">
<a class="item" href="#">Link Item</a>
<a class="item" href="#">Link Item</a>
<div class="divider"></div>
<div class="header">Header Item</div>
<div class="item">
<i class="dropdown icon"></i>
Sub Menu
<div class="menu">
<a class="item" href="#">Link Item</a>
<a class="item" href="#">Link Item</a>
</div>
</div>
<a class="item" href="#">Link Item</a>
</div>
</div>
</div>
</div>
<div class="ui main container">
<h1 class="ui header">Saluton Mondo!</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Labore eos nulla quas, consequatur reiciendis sint quos tenetur neque. Ullam excepturi quaerat iste amet esse eligendi officia voluptatum atque sint qui.</p>
</div>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.2.6/semantic.min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment