(Created page with "{{NU_Kazakhstan}} <html> <body> <!-- Start Banner Area --> <section class="generic-banner relative" style="background: url(https://static.igem.org/mediawiki/2018/1/13/T--NU_Ka...") |
|||
Line 2: | Line 2: | ||
<html> | <html> | ||
<body> | <body> | ||
− | + | <section class="generic-banner relative" style="background: url(https://static.igem.org/mediawiki/2018/1/13/T--NU_Kazakhstan--protocols.jpg); background-size: cover; "> | |
− | + | <div class="overlay overlay-bg"></div> | |
− | + | <div class="container"> | |
− | + | <div class="row height align-items-center justify-content-center"> | |
− | + | <div class="col-lg-10"> | |
− | + | <div class="col-lg-12"> | |
− | + | <div class="banner-content text-center"> | |
− | + | <h1 style="color: #fff; border-bottom: none; font-weight: bold!important">Protocols</h1> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</div> | </div> | ||
− | </section> | + | </div> |
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section class="sample-text-area"> | ||
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-3"> | ||
+ | |||
− | + | <!--BEGIN HEAD--> | |
− | + | <small> | |
− | + | <div id="container" style="width:40%; margin-left:5vw"> | |
− | + | <div id="accordion" style="width:50%;"> | |
− | + | ||
− | + | <!--END HEAD--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div class=" | + | <!--BEGIN FIRST CARD--> |
+ | <div class="card border-success mb-3 text-center"> | ||
+ | <div class="card-header"> | ||
+ | <a class="collapsed card-link text-center" data-toggle="collapse" href="#collapseFIRST"> | ||
+ | <h5 class="card-title text-dark">First Fold</h5> | ||
+ | <h6 class="card-subtitle mb-2 text-muted">Subtitle</h6> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id="collapseFIRST" class="collapse" data-parent="#accordion"> | ||
+ | <div class="card-body text-left"> | ||
+ | |||
+ | <table class="table table-hover group table-striped"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="card-footer text-muted"> | ||
+ | <a role="button" target="_BLANK" href="#" class="btn btn-sm btn-info"><font style="font-size: 8px;">Link</font></a> | ||
+ | <a role="button" target="_BLANK" href="#" class="btn btn-sm btn-info"><font style="font-size: 8px;">Link</font></a> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <!--END FIRST CARD--> | ||
+ | |||
+ | <!--BEGIN SECOND CARD--> | ||
+ | |||
+ | <div class="card border-info mb-3 text-center"> | ||
+ | <div class="card-header"> | ||
+ | <a class="card-link" data-toggle="collapse" href="#collapseSECOND"> | ||
+ | <h5 class="card-title text-dark">Second Fold</h5> | ||
+ | <h6 class="card-subtitle mb-2 text-muted">Subtitle</h6> | ||
+ | </a> | ||
+ | </div> | ||
+ | <div id="collapseSECOND" class="collapse show" data-parent="#accordion"> | ||
+ | <div class="card-body"> | ||
+ | <table class="table table-hover group table-striped"> | ||
+ | <table class="table table-hover group table-striped"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | |||
+ | <div class="card-footer text-muted"> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--END SECOND CARD--> | ||
+ | |||
+ | <!--BEGIN THIRD (TABBED) CARD--> | ||
+ | <div class="card border-primary mb-3"> | ||
+ | <div class="card-header"> | ||
+ | <a class="collapsed card-link text-dark text-center" data-toggle="collapse" href="#collapseTHIRD"> | ||
+ | <h5 class="card-title text-dark">Third Fold</h5> | ||
+ | <h6 class="card-subtitle mb-2 text-muted">With Tabs</h6> | ||
+ | </div> | ||
+ | <div id="collapseTHIRD" class="collapse" data-parent="#accordion"> | ||
+ | <div class="card-body"> | ||
+ | |||
+ | <div class="card border-primary mb-3"> | ||
+ | <div class="card-header"> | ||
+ | <div class="nav nav-tabs card-header-tabs" id="nav-tab" role="tablist"> | ||
+ | |||
+ | <a class="nav-item nav-link active text-dark" id="nav-home-tab" data-toggle="tab" href="#nav-home" role="tab" aria-controls="nav-home" aria-selected="true" name="nav-home-tab">Main Tab</a> | ||
+ | |||
+ | <a class="nav-item nav-link text-dark" id="nav-one-tab" data-toggle="tab" href="#nav-one" role="tab" aria-controls="nav-one" aria-selected="false" name="nav-one-tab">2nd Tab</a> | ||
+ | |||
+ | <a class="nav-item nav-link text-dark" id="nav-two-tab" data-toggle="tab" href="#nav-two" role="tab" aria-controls="nav-two" aria-selected="false" name="nav-two-tab">3rd Tab</a> | ||
+ | |||
+ | <a class="nav-item nav-link text-dark" id="nav-three-tab" data-toggle="tab" href="#nav-three" role="tab" aria-controls="nav-three" aria-selected="false" name="nav-three-tab">4th Tab</a> | ||
+ | |||
+ | <a class="nav-item nav-link text-dark" id="nav-four-tab" data-toggle="tab" href="#nav-four" role="tab" aria-controls="nav-four" aria-selected="false" name="nav-four-tab">Last Tab</a> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div class="tab-content" id="nav-tabContent"> | ||
+ | <div class="tab-pane fade show active" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"> | ||
+ | <table class="table table-hover group table-striped"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | |||
+ | <td colspan="2"><img width="100%" src="https://cdn3.wpbeginner.com/wp-content/uploads/2016/02/pickupimage.jpg"></td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | |||
+ | <tr> | ||
+ | <td>Title:</td> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div class="tab-pane fade" id="nav-one" role="tabpanel" aria-labelledby="nav-one-tab"> | ||
+ | <table class="table table-hover group"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>TAB TITLE 1</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div class="tab-pane fade" id="nav-two" role="tabpanel" aria-labelledby="nav-two-tab"> | ||
+ | <table class="table table-hover group"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>TAB TITLE 2 </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div class="tab-pane fade" id="nav-three" role="tabpanel" aria-labelledby="nav-three-tab"> | ||
+ | <table class="table table-hover group"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>TAB TITLE 3 </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | <div class="tab-pane fade" id="nav-four" role="tabpanel" aria-labelledby="nav-four-tab"> | ||
+ | <table class="table table-hover group"> | ||
+ | <tbody> | ||
+ | <tr> | ||
+ | <td>TAB TITLE 4</td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td>Value</td> | ||
+ | </tr> | ||
+ | </tbody> | ||
+ | </table> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="card-footer text-muted"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | </section> | + | </div> |
+ | <div class="row"> | ||
+ | <div class="col-md-1"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f1/T--NU_Kazakhstan--smg.png" class="img-fluid"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
− | + | <footer class="section-gap"> | |
− | + | <div class="container"> | |
− | + | <div class="row pt-60"> | |
− | + | <div class="col-lg-6 col-sm-12"> | |
− | + | <div class="single-footer-widget"> | |
− | + | <h6 class="text-uppercase mb-20">Quick About</h6> | |
− | + | <p> | |
− | + | SCHOOL OF SCIENCE AND TECHNOLOGY Nazarbayev University Astana, Kazakhstan | |
− | + | </p> | |
− | + | ||
− | + | ||
− | </ | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
− | + | </div> | |
− | < | + | <div class="col-lg-3 col-sm-12"> |
− | + | <div class="single-footer-widget"> | |
− | + | <h6 class="text-uppercase mb-20">Contacts</h6> | |
+ | <p> | ||
+ | igem@nu.edu.kz | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="col-lg-3 col-sm-12"> | ||
+ | <div class="single-footer-widget"> | ||
+ | <h6 class="text-uppercase mb-20">Social networks</h6> | ||
+ | <div class="footer-social d-flex align-items-center"> | ||
+ | <a href="https://www.facebook.com/nukazakhstan/"><i class="fa fa-facebook"></i></a> | ||
+ | <a href="https://www.instagram.com/nu_kazakhstan.igem/"><i class="fa fa-instagram"></i></a> | ||
+ | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | </ | + | </div> |
− | < | + | <div class="footer-bottom d-flex justify-content-between align-items-center flex-wrap"> |
+ | <p class="foter-text m-0">Copyright ©<script>document.write(new Date().getFullYear());</script> All rights reserved</p> | ||
+ | </div> | ||
</div> | </div> | ||
+ | </footer> | ||
<script src="http://highline.codal.kz/js/vendor/jquery-2.2.4.min.js"></script> | <script src="http://highline.codal.kz/js/vendor/jquery-2.2.4.min.js"></script> |
Revision as of 18:48, 17 October 2018
Title: | Value |
Title: | Value |
Title: | Value |
Title: | Value |
Title: | Value |
Title: | Value |
Title: | Value |
Title: | Value |