Difference between revisions of "Team:NCKU Tainan/Human Practices"

Line 7: Line 7:
 
  <body data-spy="scroll" data-target=".sidenav" data-offset="170">
 
  <body data-spy="scroll" data-target=".sidenav" data-offset="170">
  
  <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
+
<!--carousol-->
   
+
    <div id="carousel-team" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
+
        <div class="pageName"><h1>Human Practices</h1></div>
  <ol class="carousel-indicators">
+
        <ol class="carousel-indicators">
    <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
+
            <li data-target="#carousel-team" data-slide-to="0" class="active"></li>
    <li data-target="#carousel-example-generic" data-slide-to="1"></li>
+
            <li data-target="#carousel-team" data-slide-to="1"></li>
    <li data-target="#carousel-example-generic" data-slide-to="2"></li>
+
            <li data-target="#carousel-team" data-slide-to="2"></li>
  </ol>
+
            <li data-target="#carousel-team" data-slide-to="3"></li>
 
+
        </ol>
  <!-- Wrapper for slides -->
+
        <div class="carousel-inner">
    <div class="carousel-inner" role="listbox">
+
            <div class="carousel-item active">
    <div class="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="...">
      <img src="https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg" alt="https://static.igem.org/mediawiki/2021/4/4b/T--NCKU_Tainan--music.jpg">
+
            </div>
      <div class="carousel-caption">
+
            <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>
  </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="...">
  <!-- Controls -->
+
            </div>
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
+
            <div class="carousel-item">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+
                <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="...">
    <span class="sr-only">Previous</span>
+
            </div>
  </a>
+
        </div>
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
+
        <a class="carousel-control-prev" href="#carousel-team" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
+
            <span class="sr-only">Previous</span>
  </a>
+
        </a>
</div>
+
        <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 class="jumbotron">
+
    </div>
  <center>
+
     <!--end of carousel-->
  <h1>Human practice</h1>
+
 
  <p>Check out what we have done</p>
+
  <p><a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a></p>
+
</div>
+
 
+
 
+
 
+
   
+
  <br></br>
+
 
     <!--HP start from here-->
 
     <!--HP start from here-->
  

Revision as of 07:48, 26 July 2021