USF Canvas Mockup

USF Canvas Mockup

by Joseph Perez

HTML

<div class="sidebar">
<a><img src=""></a>
<ul>
<li><a>Account</a></li>
<li><a>Dashboard</a></li>
<li><a>Courses</a></li>
<li><a>Groups</a></li>
<li><a>Calendar</a></li>
<li><a>Inbox</a></li>
<li><a>Teaching Effectiveness Surveys</a></li>
<li><a>USF Resources</a></li>
</ul>
</div>
<div class="content-container">
ae
</div>

CSS

.sidebar{
  float: left;
  height: 100%;
  background-color: green;
}

.sidebar ul{
  margin: 0;
  padding: 30px 10px;
  list-style: none;
}

.content-container{
  float: none;
  display: inline-block;
  height: 100%;
  overflow: hidden;
  background-color: yellow;
}