Difference between revisions of "Team:NCKU Tainan/Human Practices"
Oscarliu117 (Talk | contribs) |
Oscarliu117 (Talk | contribs) |
||
| Line 5: | Line 5: | ||
</head> | </head> | ||
<body> | <body> | ||
| + | <header> | ||
| + | <div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel"> | ||
| + | <ol class="carousel-indicators"> | ||
| + | <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li> | ||
| + | <li data-target="#carouselExampleIndicators" data-slide-to="1"></li> | ||
| + | <li data-target="#carouselExampleIndicators" data-slide-to="2"></li> | ||
| + | </ol> | ||
| + | <div class="carousel-inner" role="listbox"> | ||
| + | <!-- Slide One - Set the background image for this slide in the line below --> | ||
| + | <div class="carousel-item active" style="background-image: url('https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png')"> | ||
| + | <div class="carousel-caption d-none d-md-block"> | ||
| + | <h3>First Slide</h3> | ||
| + | <p>This is a description for the first slide.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- Slide Two - Set the background image for this slide in the line below --> | ||
| + | <div class="carousel-item" style="background-image: url('https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png')"> | ||
| + | <div class="carousel-caption d-none d-md-block"> | ||
| + | <h3>Second Slide</h3> | ||
| + | <p>This is a description for the second slide.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | <!-- Slide Three - Set the background image for this slide in the line below --> | ||
| + | <div class="carousel-item" style="background-image: url('https://static.igem.org/mediawiki/2018/6/61/T--NCKU_Tainan--attribution_president.png')"> | ||
| + | <div class="carousel-caption d-none d-md-block"> | ||
| + | <h3>Third Slide</h3> | ||
| + | <p>This is a description for the third slide.</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next"> | ||
| + | <span class="carousel-control-next-icon" aria-hidden="true"></span> | ||
| + | <span class="sr-only">Next</span> | ||
| + | </a> | ||
| + | </div> | ||
| + | </header> | ||
<!-- Page Content --> | <!-- Page Content --> | ||
<div class="container"> | <div class="container"> | ||
Revision as of 07:55, 24 July 2018
Human Practice Overview
Portfolio Heading
Project One
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet numquam aspernatur eum quasi sapiente nesciunt? Voluptatibus sit, repellat sequi itaque deserunt, dolores in, nesciunt, illum tempora ex quae? Nihil, dolorem!
Project Two
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Project Three
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos quisquam, error quod sed cumque, odio distinctio velit nostrum temporibus necessitatibus et facere atque iure perspiciatis mollitia recusandae vero vel quam!
Project Four
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Project Five
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam viverra euismod odio, gravida pellentesque urna varius vitae.
Project Six
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Itaque earum nostrum suscipit ducimus nihil provident, perferendis rem illo, voluptate atque, sit eius in voluptates, nemo repellat fugiat excepturi! Nemo, esse.