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

 
(18 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Lubbock_TTU/main}}
+
{{Template:Lubbock_TTU/CSS}}
  
−
<html>
+
<html>
−
    <body style="background-image:url('http://unsplash.it/1920/1080');">
+
−
   
+
−
    <div class="container-fluid">
+
−
        <div class="row" id="banner">
+
−
            <div id="bannercontent">
+
−
                <center>
+
−
+
−
                <h1>Title</h1>
+
−
                <h2>Tagline</h2>
+
  
−
                <div id="continue"> <a href="#projintro" class="fa fa-chevron-down"></a></div>
+
<head>
 +
<link href='https://fonts.googleapis.com/css?family=Comfortaa:400,700' rel='stylesheet' type='text/css'>
  
−
                </center>
+
<style>
−
            </div>
+
−
        </div>
+
−
       
+
−
<div class="row" id="projintro" style="padding-top:0px;">
+
−
            <h3 style="padding-top:100px;">Our Project</h3>
+
  
−
            <div class="col-md-2"></div>
+
#sideMenu, #top_title {display:none;}
−
            <div class="col-md-4 content" style="max-width:1000px;padding:10px 50px;">
+
−
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.
+
  
−
</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.
+
#logo:hover {
−
            </div>
+
    opacity:0.6;
−
            <div class="col-md-4 content" style="max-width:1000px;padding:10px 50px;">
+
}
−
We will use synthetic biology principles to help treat chronic wounds by targeting the overproduction of wound site protease.
+
h1{
−
<ul>
+
    font-family: "Comfortaa", sans-serif;
−
</br><li>For Aim 1 we will genetically engineer E. coli to produce a protease inhibitor and platelet
+
    font-size: 40px;
−
derived growth factor.
+
    text-align:center;
−
<li>For Aim 2 we will purify the protease inhibitor and platelet derived growth factor in a
+
    overflow: display;
−
bioreactor.
+
}
−
<li>For Aim 3 we will design a collagen bandage that mimics the human extracellular matrix, and
+
h3, h4{
−
infuse it with purified protease inhibitor and platelet derived growth factor.
+
    text-align:center;
−
</ul>
+
}
−
</br>Our approach is two-fold. By infusing the collagen extracellular matrix with platelet derived
+
h4 a:hover{
−
growth factor and protease inhibitor, chronic wounds should be able to progress past the
+
    text-decoration:none;
−
inflammation phase and begin healing once again.
+
    color:#8CCF6C;
−
            </div>
+
}
−
            <div class="col-md-2"></div>
+
.col{
−
        </div>
+
    width:25%;
−
        <div class="row" id="teamintro" style="Background:#eee;">
+
    background-color:#FAFAFA;
−
            <div class="col-md-1"></div>
+
    margin:1%;
−
            <div class="col-md-6">
+
    padding:3%;
−
                <h3>About Us</h3>
+
    margin-top:5%;
−
                <div class="content" style="max-width:800px;">
+
    float:left;
−
The Lubbock_TTU Team is part of a student organization at Texas Tech University known as iGEM Raiders. Our mission is to expose the university and community to synthetic biology through undergraduate initiative and involvement in the International Genetically Engineering Machine (iGEM) Competition.  
+
    text-align:left;
 +
}
 +
.clear{
 +
    clear:both;
 +
}
  
−
</br></br>This year, the iGEM Raiders team is composed of 12 dedicated undergraduate and graduate students with backgrounds in microbiology, animal science, cell and molecular biology, biochemistry, mathematics, physics, and chemical, mechanical, and electrical engineering. The diversity within our team enables the iGEM Raiders to tackle novel project ideas.
+
</style>
−
                    <div id="readmore"><a href="">Read more →</a></div>
+
</head>
−
                </div>
+
−
            </div>
+
−
            <div class="col-md-4">
+
−
                <center>
+
−
                <img src="" id="teamphoto">
+
−
<!-- Youtube -->
+
−
</br><iframe width="560" height="315" src="https://www.youtube.com/embed/Hz7pPXJvhVE" frameborder="0" allowfullscreen></iframe>
+
−
<!-- End of Youtube-->
+
−
                </center>
+
−
            </div>
+
−
            <div class="col-md-1"></div>
+
−
        </div>
+
−
       
+
−
        <div class="row" id="sitemap">
+
−
           
+
−
            <div class="col-md-12" id="sitelinks">
+
−
                <h3>More</h3>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Team">Team</a>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Description">Project</a>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Parts">Parts</a>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Safety">Safety</a>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Attributions">Attributions</a>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Human_Practices">Human Practices</a>
+
−
                <a href="https://2016.igem.org/Team:Lubbock_TTU/Entrepreneurship">Awards</a>
+
−
            </div>
+
−
           
+
−
        </div>
+
−
       
+
−
        <div class="row" id="sponsors">
+
−
            <div class="col-md-1"></div>
+
−
            <div class="col-md-10">
+
−
                <center>
+
−
                    <a href=""></a>
+
−
                    <a href=""></a>
+
−
                    <a href=""></a>
+
−
                    <a href=""></a>
+
−
                    <a href=""></a>
+
−
                    <a href=""></a>
+
−
                </center>
+
−
            </div>
+
−
            <div class="col-md-1"></div>
+
−
        </div>
+
−
       
+
−
    </div> <!-- End of Container -->
+
−
           
+
−
    </body>
+
  
−
<div id="footer">
+
<body style="margin:auto">
−
           
+
 
−
            <a href="http://www.ttu.edu/">Texas Tech University</a> &middot; Lubbock, Texas</a>
+
<h1>TITLE</h1>
−
        </div>
+
 
 +
<h4><i>"Tagline"</i></h4></br>
 +
 
 +
<center>
 +
 
 +
<!-- Slideshow -->
 +
<div class="column full_size" >
 +
<div class="slideshow-container">
 +
  <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>
 +
 
 +
  <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>
 +
 
 +
  <div class="mySlides fade">
 +
    <div class="numbertext">1 / 3</div>
 +
    <img src="https://static.igem.org/mediawiki/2016/8/87/T--Lubbock_TTU--File_IMG_1399.png" width="100%">
 +
    <div class="text"></div>
 +
  </div>
 +
 
 +
</div>
 +
<br>
 +
 
 +
<div style="text-align:center">
 +
  <span class="dot" onclick="currentSlide(1)"></span>
 +
  <span class="dot" onclick="currentSlide(2)"></span>
 +
  <span class="dot" onclick="currentSlide(3)"></span>
 +
</div>
 +
</div>
 +
<!-- End of Slideshow -->
 +
 
 +
</center>
 +
 
 +
<div>
 +
<p style='margin-left:30px; margin-bottom:20px'>
 +
<center>
 +
<a href=''><img src="https://static.igem.org/mediawiki/2016/a/a2/T--Lubbock_TTU--ttuseal.png" class="" width="23%" 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>
 +
&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/9/97/T--Lubbock_TTU--igem.png" class="" width="15%" height=""></img></a>
 +
</center>
 +
</p>
 +
</div>
 +
 
 +
</div>
 +
 
 +
<div style='width:100%; clear:both'></div>
 +
 
 +
 
 +
</div> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.-->
 +
 
 +
</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