Difference between revisions of "Team:TP-CC San Diego/HumanPractices"

Line 1: Line 1:
 
{{:Team:TP-CC_San_Diego/Templates/NavBar}}
 
{{:Team:TP-CC_San_Diego/Templates/NavBar}}
 +
{{:Team:TP-CC San Diego/assets/bootstrap/css/bootstrap.min.css}}
  
 
<html>
 
<html>
−
<head>
+
<body>
−
<style>
+
    <div class="carousel slide" data-ride="carousel" id="carousel-1">
−
<link href="https://fonts.googleapis.com/css?family=Baloo+Bhaijaan" rel="stylesheet">
+
        <div class="carousel-inner" role="listbox">
−
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
+
            <div class="item"><img src="https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg" alt="Slide Image" height="600" style="background-image:url(&quot;/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg&quot;);"></div>
−
img.humanp
+
            <div class="item active"><img src="https://static.igem.org/mediawiki/2017/9/9c/T--TP-CC_San_Diego--StartingATeam.jpg" alt="Slide Image" height="600"></div>
−
{
+
            <div class="item"><img src="https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg" alt="Slide Image" height="600"></div>
−
  width: 100%;
+
        </div>
−
  margin: auto;
+
        <div><a class="left carousel-control" href="#carousel-1" role="button" data-slide="prev"><i class="glyphicon glyphicon-chevron-left"></i><span class="sr-only">Previous</span></a>
−
}
+
            <a class="right carousel-control" href="#carousel-1" role="button" data-slide="next"><i class="glyphicon glyphicon-chevron-right"></i><span class="sr-only">Next</span></a>
−
 
+
        </div>
−
.main-content
+
        <ol class="carousel-indicators">
−
{
+
            <li data-target="#carousel-1" data-slide-to="0"></li>
−
  position:relative;
+
            <li data-target="#carousel-1" data-slide-to="1" class="active"></li>
−
{
+
            <li data-target="#carousel-1" data-slide-to="2"></li>
−
</style>
+
        </ol>
−
<script>
+
    </div>
−
var slideIndex = 1;
+
    <script src="/js/jquery-1.12.4.min.js"></script>
−
showDivs(slideIndex);
+
    <script src="/bootstrap/js/bootstrap.min.js"></script>
−
 
+
    <script id="bs-live-reload" data-sseport="52559" data-lastchange="1506064237751" src="/js/livereload.js"></script>
−
function plusDivs(n) {
+
</body>
−
    showDivs(slideIndex += n);
+
−
}
+
−
 
+
−
function showDivs(n) {
+
−
    var i;
+
−
    var x = document.getElementsByClassName("mySlides");
+
−
    if (n > x.length) {slideIndex = 1}
+
−
    if (n < 1) {slideIndex = x.length} ;
+
−
    for (i = 0; i < x.length; i++) {
+
−
        x[i].style.display = "none";
+
−
    }
+
−
    x[slideIndex-1].style.display = "block";
+
−
}
+
−
</script>
+
−
</head>
+
−
 
+
−
<div class = "humanp main-content">
+
−
<body onload="showDivs(1)">
+
−
 
+
−
<h2 class = "main-title"> Human Practices </h2>
+
−
 
+
−
<button class="w3-button w3-display-left" onclick="plusDivs(-1)">&#10094;</button>
+
−
 
+
−
<button class="w3-button w3-display-right" onclick="plusDivs(+1)">&#10095;</button>
+
−
 
+
−
<img class="mySlides" style="display: relative; width: 70%; height: 800px; margin:auto;" src="https://static.igem.org/mediawiki/2017/5/5b/T--TP-CC_San_Diego--HumanPracticesHomePage.jpg">
+
−
<img class="mySlides" style="display: relative; width: 70%; height: 800px; margin:auto;" src="https://static.igem.org/mediawiki/2017/0/0d/T--TP-CC_San_Diego--BasicTeamStructure.jpg">
+
−
<img class="mySlides" style="display: relative; width: 70%; height: 800px; margin:auto;" src="https://static.igem.org/mediawiki/2017/6/68/T--TP-CC_San_Diego--ChoosingAProjectIdea.jpg">
+
−
 
+
  
 +
</html>
  
 
</html>
 
</html>

Revision as of 07:18, 22 September 2017

</html>