Difference between revisions of "Team:Lubbock TTU/Test"

 
(74 intermediate revisions by the same user not shown)
Line 7: Line 7:
  
 
<style>
 
<style>
 +
 
#sideMenu, #top_title {display:none;}
 
#sideMenu, #top_title {display:none;}
  
Line 45: Line 46:
 
<h1>TITLE</h1>
 
<h1>TITLE</h1>
  
<h4>Tagling</h4>
+
<h4><i>"Tagline"</i></h4></br>
  
 
<center>
 
<center>
  
<div class='col'>
+
<!-- Slideshow -->
    <h3>PROJECT</h3>
+
<div class="column full_size" >
<p style="height:225px">Description 1</p>
+
<div class="slideshow-container">
<p>In 2010, it was estimated that 6.5 million people in the United States alone suffered from chronic wounds, accruing an annual cost of about $2.5 billion. Furthermore, experts predict that the burden of chronic wounds will increase rapidly in the near future due to increasing medical costs, an aging population, and the emergence of antibiotic resistant bacteria.
+
  <div class="mySlides fade">
 +
    <div class="numbertext">3 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/c/ca/T--Lubbock_TTU--20160505_151815.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
  
</br></br>A chronic wound is considered a wound that does not heal in an orderly set of stages or within a time period of about three months. The etiology of chronic wounds is very diverse. One of the most prevalent reasons patients have persistent chronic wounds is that their bodies produce too many proteases at the wound site. In turn, these proteases degrade the extracellular matrix of the wound site which acts as a scaffold for new cells to migrate and grow. Proteases have also been shown to decrease healing rates by degrading growth factors that are needed for recruiting wound healing cells and inducing cellular proliferation.
+
  <div class="mySlides fade">
 +
    <div class="numbertext">2 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/0/00/T--Lubbock_TTU--20160630_170737.jpg" width="100%">
 +
    <div class="text"></div>
 +
  </div>
  
</br></br>Wound healing progresses through three successive stages known as inflammation, proliferation, and remodeling. Ultimately, the degradation of the extracellular matrix and growth factor cause the wound to remain stuck in the inflammation phase, thus unable to heal.
+
  <div class="mySlides fade">
 
+
    <div class="numbertext">1 / 3</div>
</br></br>Our goal is to use synthetic biology principles to help treat chronic wounds by targeting the overproduction of wound sit protease.
+
    <img src="https://static.igem.org/mediawiki/2016/8/87/T--Lubbock_TTU--File_IMG_1399.png" width="100%">
 
+
    <div class="text"></div>
<center><a href="">Read More</a></center>
+
  </div>
  
 
</div>
 
</div>
 +
<br>
  
<div class='col'>
+
<div style="text-align:center">
    <h3>GOALS</h3>
+
  <span class="dot" onclick="currentSlide(1)"></span>  
<p><b>Project</b></p>
+
  <span class="dot" onclick="currentSlide(2)"></span>  
<ul>
+
  <span class="dot" onclick="currentSlide(3)"></span>  
    <li>Aim 1: Genetically engineer E. coli (Escherichia coli) to produce a protease inhibitor and platelet derived growth factor</li>
+
    <li>Aim 2: Purify the protease inhibitor and platelet derived growth factor in a bioreactor</li>
+
    <li>Aim 3: Design a collagen bandage that mimics the human extracellular matrix and infuse it with purified protease inhibitor and platelet derived growth factor</li>
+
</ul>
+
<p><b>Outreach</b></p>
+
<ul>
+
    <li>Establish the first ever biotechnology community lab in Lubbock, Texas</li>
+
    <li>Mentor ambitious high school students to initiate their own iGEM team for 2017</li>
+
</ul>
+
</br><center><a href="">Read More</a></center>
+
 
+
 
</div>
 
</div>
 
<div class='col'>
 
    <h3>ACCOMPLISHMENTS</h3>
 
<p style="height:225px">Description 3</p>
 
 
<center><a href="">Read More</a></center>
 
 
 
</div>
 
</div>
 +
<!-- End of Slideshow -->
  
 
</center>
 
</center>
 
<div class="clear"></div>
 
 
 
<br><br>
 
  
 
<div>
 
<div>
 
<p style='margin-left:30px; margin-bottom:20px'>
 
<p style='margin-left:30px; margin-bottom:20px'>
 
<center>
 
<center>
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="25%" height=""></img></a>
+
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="23%" height=""></img></a>
<a href=''><img src="https://static.igem.org/mediawiki/2016/9/9c/T--Lubbock_TTU--idt.png" class="" width="25%" height=""></img></a>
+
&emsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/9/9c/T--Lubbock_TTU--idt.png" class="" width="23%" height=""></img></a>
<a href=''><img src="https://static.igem.org/mediawiki/2016/5/53/T--Lubbock_TTU--genscript.png" class="" width="20%" height=""></img></a></br>
+
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/5/53/T--Lubbock_TTU--genscript.png" class="" width="30%" height=""></img></a>
 +
&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Lubbock_TTU--ttusga.png" class="" width="100px" height=""></img></a>
 +
</br><a href=''><img src="https://static.igem.org/mediawiki/2016/6/65/T--Lubbock_TTU--mrdna.png" class="" width="20%" height=""></img></a>
 +
&nbsp;&nbsp;&nbsp;&nbsp;<a href=''><img src="https://static.igem.org/mediawiki/2016/8/8c/T--Lubbock_TTU--ttuhsc.png" class="" width="20%" height=""></img></a>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" class="" width="20%" height=""></img></a>
 
<a href=''><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Lubbock_TTU--ciser.jpg" class="" width="100px" height="x"></img></a>
 
<a href=''><img src="https://static.igem.org/mediawiki/2016/6/6d/T--Lubbock_TTU--ciser.jpg" class="" width="100px" height="x"></img></a>
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a3/T--Lubbock_TTU--ttusga.png" class="" width="100px" height=""></img></a>
 
<a href=''><img src="https://static.igem.org/mediawiki/2016/8/8c/T--Lubbock_TTU--ttuhsc.png" class="" width="25%" height=""></img></a>
 
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/ad/T--Lubbock_TTU--ulabs.png" class="" width="20%" height=""></img></a>
 
 
<a href=''><img src="https://static.igem.org/mediawiki/2016/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a>
 
<a href=''><img src="https://static.igem.org/mediawiki/2016/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a>
 
</center>
 
</center>
Line 119: Line 108:
  
 
</body>
 
</body>
 +
 +
<!-- Slideshow JS -->
 +
<script>
 +
var slideIndex = 1;
 +
showSlides(slideIndex);
 +
 +
function plusSlides(n) {
 +
  showSlides(slideIndex += n);
 +
}
 +
 +
function currentSlide(n) {
 +
  showSlides(slideIndex = n);
 +
}
 +
 +
function showSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("mySlides");
 +
  var dots = document.getElementsByClassName("dot");
 +
  if (n > slides.length) {slideIndex = 1}
 +
  if (n < 1) {slideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none";
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[slideIndex-1].style.display = "block";
 +
  dots[slideIndex-1].className += " active";
 +
}
 +
 +
<!-- Automatic -->
 +
var slideIndex = 0;
 +
showSlides();
 +
 +
function showSlides() {
 +
    var i;
 +
    var slides = document.getElementsByClassName("mySlides");
 +
    for (i = 0; i < slides.length; i++) {
 +
        slides[i].style.display = "none";
 +
    }
 +
    slideIndex++;
 +
    if (slideIndex> slides.length) {slideIndex = 1}
 +
    slides[slideIndex-1].style.display = "block";
 +
    setTimeout(showSlides, 3000); // Change image every 3 seconds
 +
}
 +
 +
</script>
 +
<!-- End of SS JS -->
  
 
</html>
 
</html>

Latest revision as of 15:54, 22 July 2016

TITLE

"Tagline"


3 / 3
2 / 3
1 / 3