Skip to content

Instantly share code, notes, and snippets.

@coffeejay
Created October 14, 2013 02:57
Show Gist options
  • Save coffeejay/6969991 to your computer and use it in GitHub Desktop.
Save coffeejay/6969991 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="author" content="">
<title>Market news</title>
<!-- Semantic core CSS -->
<link href="css/semantic.css" rel="stylesheet">
<script src="javascript/semantic.js"></script>
</head>
<body>
<div class="ui menu" style="margin-top:25px">
<a class="item">
<i class="us dollar icon"></i>
</a>
<a class="active item">
<i class="browser icon"></i> Feed
</a>
<a class="item">
<i class="settings icon"></i> Settings
</a>
<div class="right menu">
<div class="ui dropdown item">
Account <i class="dropdown icon"></i>
<div class="menu">
<a class="item">English</a>
<a class="item">Russian</a>
<a class="item">Spanish</a>
</div>
</div>
</div>
</div>
<div class="ui grid" style="padding-top:50px">
<div class="left floated four wide column">
<div class="ui vertical menu">
<div class="header item">
Symbols
<i class="us dollar icon"></i>
</div>
<div class="item">
<div class="ui icon input">
<input type="text" placeholder="Search symbols...">
<i class="search icon"></i>
</div>
</div>
<a class="active item">
<div class="ui teal label">20</div>
AAPL
</a>
<a class="item">
<div class="ui label">51</div>
TSLA
</a>
<a class="item">
<div class="ui label">1</div>
MSFT
</a>
<a class="item">
<div class="ui input"><input type="text" placeholder="Add a symbol..."></div>
</a>
</div>
</div>
<div class="eleven wide column">
<div class="ui stacked segment">
<h2>
News
</h2>
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.</p>
</div>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment