|
|
| 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="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>
| |
| | | | |
| | | | |
