|
|
Line 5: |
Line 5: |
| {{Template:NCKU_Tainan/humanpractice_css}} | | {{Template:NCKU_Tainan/humanpractice_css}} |
| <html> | | <html> |
− |
| + | <body data-spy="scroll" data-target=".sidenav" data-offset="170"> |
− | <body data-spy="scroll" data-target=".sidenav" data-offset="170"> | + | |
− | <!--carousol--> | + | |
− | <div id="carousel-team" class="carousel slide" data-ride="carousel"> | + | <div class="jumbotron"> |
− | <div class="pageName"><h1>Human Practices</h1></div>
| + | <h1>Hello, world!</h1> |
− | <ol class="carousel-indicators">
| + | <p>...</p> |
− | <li data-target="#carousel-team" data-slide-to="0" class="active"></li>
| + | <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p> |
− | <li data-target="#carousel-team" data-slide-to="1"></li>
| + | </div> |
− | <li data-target="#carousel-team" data-slide-to="2"></li>
| + | |
− | <li data-target="#carousel-team" data-slide-to="3"></li>
| + | |
− | </ol>
| + | |
− | <div class="carousel-inner">
| + | |
− | <div class="carousel-item active">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/thumb/7/78/T--NCKU_Tainan--HP_doctor6.jpeg/800px-T--NCKU_Tainan--HP_doctor6.jpeg" class="d-block w-100" alt="...">
| + | |
− | </div>
| + | |
− | <div class="carousel-item">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/thumb/0/0d/T--NCKU_Tainan--HP_genederm.jpeg/800px-T--NCKU_Tainan--HP_genederm.jpeg" class="margin-auto d-block w-100" alt="...">
| + | |
− | </div>
| + | |
− | <div class="carousel-item">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/thumb/5/5b/T--NCKU_Tainan--HP_synbio.jpeg/799px-T--NCKU_Tainan--HP_synbio.jpeg" class="margin-auto d-block w-75" alt="...">
| + | |
− | </div>
| + | |
− | <div class="carousel-item">
| + | |
− | <img src="https://static.igem.org/mediawiki/2019/thumb/0/0e/T--NCKU_Tainan--dialysis_Center.jpeg/800px-T--NCKU_Tainan--dialysis_Center.jpeg" class="d-block w-100" alt="...">
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <a class="carousel-control-prev" href="#carousel-team" role="button" data-slide="prev">
| + | |
− | <span class="carousel-control-prev-icon" aria-hidden="true"></span>
| + | |
− | <span class="sr-only">Previous</span>
| + | |
− | </a>
| + | |
− | <a class="carousel-control-next" href="#carousel-team" role="button" data-slide="next">
| + | |
− | <span class="carousel-control-next-icon" aria-hidden="true"></span>
| + | |
− | <span class="sr-only">Next</span>
| + | |
− | </a>
| + | |
− | </div> | + | |
− | <!--end of carousel-->
| + | |
| <br></br> | | <br></br> |
| <!--HP start from here--> | | <!--HP start from here--> |
Line 48: |
Line 25: |
| | | |
| | | |
− | <div class="jumbotron">
| |
− | <h1>Hello, world!</h1>
| |
− | <p>...</p>
| |
− | <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
| |
− | </div>
| |
| | | |
| | | |