Skip to content

Instantly share code, notes, and snippets.

@iashris

iashris/2panel.html

Created December 8, 2016 14:53
Show Gist options
  • Save iashris/9c47d85ff782dcdf108100636658f2bb to your computer and use it in GitHub Desktop.
Save iashris/9c47d85ff782dcdf108100636658f2bb to your computer and use it in GitHub Desktop.
Download ZIP
Basic 2 panel website
Raw
2panel.html
<!DOCTYPE html>
<html>
<head>
<title>Archify</title>
</head>
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300" rel="stylesheet">
<style type="text/css">
html{
overflow-x: hidden;
font-family: Source Sans Pro;
}
.controls{
top:0;left:0;
position: absolute;
width: 30%; height: 100%;
background: #EBE6E6;
padding: 25px;
padding-right: 30px;
}
.content{
width:85%;
text-align: justify;
margin-bottom: 10%;
}
.main{
padding:40px;
top:0;left:0;
position: absolute;
width: 70%;left:30%;height: 100%;
background: #37163B;
color:white;
}
</style>
<body>
<div class="controls">
<div class="content">
</div>
</div>
<div class="main" id="myContainer">
<div class="content">
</div>
</div>
</body>
<script
src="https://code.jquery.com/jquery-2.2.4.min.js"
integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
crossorigin="anonymous"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.4/p5.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/p5.js/0.5.4/addons/p5.dom.min.js"></script>
<script type="text/javascript">
</script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment