Line 9: | Line 9: | ||
</div> | </div> | ||
− | <style> | + | <!--style> |
.vertical-menu { | .vertical-menu { | ||
width: 10%; | width: 10%; | ||
Line 35: | Line 35: | ||
color: white; | color: white; | ||
} | } | ||
+ | </style--> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | .sidebar, .main | ||
+ | transition: all .3s ease-out | ||
+ | overflow: scroll | ||
+ | -webkit-overflow-scrolling: touch | ||
+ | position: absolute | ||
+ | top: 64px | ||
+ | bottom: 0 | ||
+ | |||
+ | .sidebar | ||
+ | width: 260px | ||
+ | background-color: #333 | ||
+ | left: 0 | ||
+ | |||
</style> | </style> | ||
− | <div class="vertical-menu"> | + | <aside class="sidebar"> |
+ | <nav> | ||
+ | <ul> | ||
+ | <li class="active">Chapter 1</li> | ||
+ | <li>Chapter 2</li> | ||
+ | <li>Chapter 3</li> | ||
+ | <li>Chapter 4</li> | ||
+ | <li>Chapter 5</li> | ||
+ | <li>Chapter 6</li> | ||
+ | <li>Chapter 7</li> | ||
+ | <li>Chapter 8</li> | ||
+ | <li>Chapter 9</li> | ||
+ | <li>Chapter 10</li> | ||
+ | </ul> | ||
+ | </nav> | ||
+ | </aside> | ||
+ | |||
+ | <!--div class="vertical-menu"> | ||
<a href="#week1">Week 1</a> | <a href="#week1">Week 1</a> | ||
<a href="#week2">Week 2</a> | <a href="#week2">Week 2</a> | ||
Line 48: | Line 82: | ||
<a href="#week9">Week 9</a> | <a href="#week9">Week 9</a> | ||
<a href="#week10">Week 10</a> | <a href="#week10">Week 10</a> | ||
− | </div> | + | </div--> |
Revision as of 07:58, 11 September 2017
<
Notebook
Week 1 (June 2 - June 8)
-
Wet Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
-
Dry Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Week 2 (June 9 - June 15)
-
Wet Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.
Dry Lab Overview
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In eu vulputate dolor. Ut euismod nulla a efficitur placerat. Quisque eget nisl in eros mollis sagittis. Aliquam pretium feugiat nulla, quis aliquam lorem suscipit bibendum. Interdum et malesuada fames ac ante ipsum primis in faucibus.