Line 50: | Line 50: | ||
<nav class="col-sm-2 col-3" id="myScrollspy"> | <nav class="col-sm-2 col-3" id="myScrollspy"> | ||
<ul class="nav nav-pills flex-sm-column"> | <ul class="nav nav-pills flex-sm-column"> | ||
+ | <li class="nav-item"> | ||
+ | <a class="nav-link active" href="#section1">Overview</a> | ||
+ | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link active" href="# | + | <a class="nav-link active" href="#section2">Ligation and Digestion</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="# | + | <a class="nav-link" href="#section3">DNA Extraction</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="# | + | <a class="nav-link" href="#section4">DNA Precipitation</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="# | + | <a class="nav-link" href="#section5">DNA Gel Extraction</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="# | + | <a class="nav-link" href="#section6">Bacterial Transformation</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="# | + | <a class="nav-link" href="#section7">Preparation of Competent Cells</a> |
</li> | </li> | ||
<li class="nav-item"> | <li class="nav-item"> | ||
− | <a class="nav-link" href="# | + | <a class="nav-link" href="#section8">Gibson Assembly</a> |
</li> | </li> | ||
Line 75: | Line 78: | ||
</nav> | </nav> | ||
− | + | <div class="col-sm-9 col-8; scroll"> <div align="justify"> | |
− | + | ||
<div id="section1" style="background-color:rgba(255,0,0,0.07)"> | <div id="section1" style="background-color:rgba(255,0,0,0.07)"> | ||
+ | <center><h1>Overview</h1></center> | ||
+ | |||
+ | <p style="margin-left:7%; margin-right:7%"> Text Here </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="section2" style="background-color:rgba(0,0,0,0)"> | ||
<div id="accordion"> | <div id="accordion"> | ||
Line 115: | Line 124: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="section3"> |
<div class="card"> | <div class="card"> | ||
<div class="card-header" id="headingTwo"> | <div class="card-header" id="headingTwo"> | ||
Line 134: | Line 143: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="section4" style="background-color:rgba(255,0,0,0.07)"> |
<div class="card"> | <div class="card"> | ||
<div class="card-header" id="headingThree"> | <div class="card-header" id="headingThree"> | ||
Line 153: | Line 162: | ||
− | <div id=" | + | <div id="section5" style="background-color:rgba(255,0,0,0.07)"> |
<div class="card"> | <div class="card"> | ||
<div class="card-header" id="headingFour"> | <div class="card-header" id="headingFour"> | ||
Line 172: | Line 181: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="section6" style="background-color:rgba(255,0,0,0.07)"> |
<div class="card"> | <div class="card"> | ||
Line 192: | Line 201: | ||
</div> | </div> | ||
− | <div id=" | + | <div id="section7" style="background-color:rgba(255,0,0,0.07)"> |
<div class="card"> | <div class="card"> | ||
<div class="card-header" id="headingSix"> | <div class="card-header" id="headingSix"> | ||
Line 212: | Line 221: | ||
− | <div id=" | + | <div id="section8" style="background-color:rgba(255,0,0,0.07)"> |
<div class="card"> | <div class="card"> | ||
<div class="card-header" id="headingSeven"> | <div class="card-header" id="headingSeven"> | ||
Line 239: | Line 248: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 15:29, 27 October 2020
Lab Protocols
Overview
Text Here