Skip to content

Instantly share code, notes, and snippets.

@rohitdesigner

rohitdesigner/see

Created April 12, 2017 03:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save rohitdesigner/33fb8c6d4936efeace5a7ee84019ef86 to your computer and use it in GitHub Desktop.
Save rohitdesigner/33fb8c6d4936efeace5a7ee84019ef86 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
see
<!DOCTYPE html>
<html lang="en">
<head>
<link href="https://fonts.googleapis.com/css?family=Bitter" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="semantic/dist/semantic.min.css">
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha256-k2WSCIexGzOj3Euiig+TlR8gA0EmPjuc79OEeY5L45g=" crossorigin="anonymous"></script>
<script src="semantic/dist/semantic.min.js"></script>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class='login_cover'>
</div>
<div class="ui sidebar ">
<i class="cross icon"></i>
<div id='usrpic'>
</div>
<div class="ui secondary vertical pointing menu " id="navmenu">
<a class="active item">
<i class="home icon"></i>Home
</a>
<a class="item">
School Search<i class="university icon"></i>
</a>
<a class="item">
Institute Search
</a>
</div>
</div>
<div class="pusher blurring inverted" style="height:100vh">
<!-- Site content !-->
<div class='ui grid' id="navWrapper">
<div class='row'>
<div class='sixteen wide column'>
<div class='ui grid'>
<div class='ui sixteen wide column'>
<div class="ui menu borderless nav">
<div class='ui container'>
<a class="item" id="sidebar">
<i class="sidebar icon green large"></i>
</a>
<div class='ui button green basic home login' id="loginbutton">
login
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class='ui container' style="height:500px;border:2px solid black;margin-top:15px">
</div>
</div>
<script>
$(document).ready(function() {
$('.ui.sidebar').sidebar({
'closable': false,
'dimPage': false
});
$('#sidebar').click(function() {
$('.ui.sidebar').sidebar('toggle');
});
$('#loginbutton').click(function() {
console.log('yea');
$('.login_cover').fadeIn();
});
});
</script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment