Difference between revisions of "Team:TecCEM"

 
(36 intermediate revisions by 4 users not shown)
Line 33: Line 33:
 
     #main-container #backgr {
 
     #main-container #backgr {
 
         background-color: black;
 
         background-color: black;
 +
    }
 +
 +
    #main-container a img {
 +
        width: 200%;
 
     }
 
     }
  
Line 48: Line 52:
 
         height: auto;
 
         height: auto;
 
         position: absolute;
 
         position: absolute;
 +
    }
 +
 +
    #main-container #Small1Cell *,
 +
    #main-container #Small2Cell *,
 +
    #main-container #Small3Cell *,
 +
    #main-container #Small4Cell *,
 +
    #main-container #Big1Cell *,
 +
    #main-container #Big2Cell * {
 +
        position: absolute;
 +
        left: 50%;
 +
        top: 50%;
 +
        transform: translate(-50%, -50%);
 
     }
 
     }
  
Line 107: Line 123:
 
     #main-container #button {
 
     #main-container #button {
 
         position: absolute;
 
         position: absolute;
         top: 50%;
+
         top: 60%;
 
         left: 50%;
 
         left: 50%;
 
         transform: translate(-50%, -50%);
 
         transform: translate(-50%, -50%);
         width: 5vw;
+
         width: 3vw;
         height: 5vw;
+
         height: 3vw;
 
         background-color: white;
 
         background-color: white;
 
         mix-blend-mode: difference;
 
         mix-blend-mode: difference;
 
         border-radius: 100%;
 
         border-radius: 100%;
 
         z-index: 666;
 
         z-index: 666;
 +
    }
 +
    #main-container #centerCircle{
 +
        position: absolute;
 +
        top: 60%;
 +
        left: 50%;
 +
        transform: translate(-50%, -50%);
 +
        width: 4vh;
 +
        border-radius: 100%;
 +
        z-index: 665;
 
     }
 
     }
  
Line 134: Line 159:
 
     #main-container h1 {
 
     #main-container h1 {
 
         -webkit-text-stroke-color: white !important;
 
         -webkit-text-stroke-color: white !important;
 +
    }
 +
 +
    #main-container span.bottom.project {
 +
        background-color: #ff1558;
 +
    }
 +
 +
    #main-container span.bottom.team {
 +
        background-color: #17cc46;
 +
    }
 +
 +
    #main-container span.bottom.safety {
 +
        background-color: #ef6fca;
 +
    }
 +
 +
    #main-container span.bottom.notebook {
 +
        background-color: #0000ff;
 +
    }
 +
 +
    #main-container span.bottom.awards {
 +
        background-color: #ffdb27;
 +
    }
 +
 +
    #main-container span.bottom.parts {
 +
        background-color: #ff9d33;
 +
    }
 +
 +
    #main-container span.bottom.human-practices {
 +
        background-color: #0aa38c;
 +
    }
 +
    #audioLanding{
 +
        display: none;
 
     }
 
     }
 
</style>
 
</style>
Line 139: Line 195:
 
     <div id="backgr"></div>
 
     <div id="backgr"></div>
 
     <img src="https://static.igem.org/mediawiki/2018/3/3a/T--TecCEM--CenterCell.png" alt="Center Cell" id="CenterCell">
 
     <img src="https://static.igem.org/mediawiki/2018/3/3a/T--TecCEM--CenterCell.png" alt="Center Cell" id="CenterCell">
     <a href="https://2018.igem.org/Team:TecCEM/InterLab">
+
     <a href="https://2018.igem.org/Team:TecCEM/Description" id="Small1Cell" data-toggle="popover" data-trigger="hover"
         <img src="https://static.igem.org/mediawiki/2018/2/2a/T--TecCEM--CellSmall1.png" alt="Small1 Cell" id="Small1Cell"></a>
+
        data-content="Project" tabindex="0" data-placement="left">
     <img src="https://static.igem.org/mediawiki/2018/c/c7/T--TecCEM--CellSmall2.png" alt="Small2 Cell" id="Small2Cell">
+
         <img src="https://static.igem.org/mediawiki/2018/2/2a/T--TecCEM--CellSmall1.png" alt="Small1 Cell">
     <img src="https://static.igem.org/mediawiki/2018/b/b5/T--TecCEM--CellSmall3.png" alt="Small3 Cell" id="Small3Cell">
+
        <span class="bottom project">
     <img src="https://static.igem.org/mediawiki/2018/1/1b/T--TecCEM--CellSmall4.png" alt="Small4 Cell" id="Small4Cell">
+
        </span>
     <img src="https://static.igem.org/mediawiki/2018/6/62/T--TecCEM--CellBig1.png" alt="Big1 Cell" id="Big1Cell">
+
    </a>
     <img src="https://static.igem.org/mediawiki/2018/7/7b/T--TecCEM--CellBig2.png" alt="Big2 Cell" id="Big2Cell">
+
     <a href="https://2018.igem.org/Team:TecCEM/Safety" id="Small2Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Safety" tabindex="0">
 +
        <img src="https://static.igem.org/mediawiki/2018/c/c7/T--TecCEM--CellSmall2.png" alt="Small2 Cell">
 +
        <span class="bottom safety">
 +
        </span>
 +
     </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Notebook" id="Small3Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Notebook" tabindex="0" data-placement="top">
 +
        <img src="https://static.igem.org/mediawiki/2018/b/b5/T--TecCEM--CellSmall3.png" alt="Small3 Cell">
 +
        <span class="bottom notebook">
 +
        </span>
 +
     </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Measurement" id="Small4Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Awards" tabindex="0" data-placement="top">
 +
        <img src="https://static.igem.org/mediawiki/2018/1/1b/T--TecCEM--CellSmall4.png" alt="Small4 Cell">
 +
        <span class="bottom awards">
 +
        </span>
 +
     </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Parts" id="Big1Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Parts" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/6/62/T--TecCEM--CellBig1.png" alt="Big1 Cell">
 +
        <span class="bottom parts">
 +
        </span>
 +
     </a>
 +
    <a href="https://2018.igem.org/Team:TecCEM/Human_Practices" id="Big2Cell" data-toggle="popover" data-trigger="hover"
 +
        data-content="Human Practices" tabindex="0" data-placement="left">
 +
        <img src="https://static.igem.org/mediawiki/2018/7/7b/T--TecCEM--CellBig2.png" alt="Big2 Cell">
 +
        <span class="bottom human-practices">
 +
        </span>
 +
    </a>
 
     <div id="firstCover"></div>
 
     <div id="firstCover"></div>
 
     <div id="button"></div>
 
     <div id="button"></div>
     <h1>One person suffers from a burn injury every five minutes in Mexico.</h1>
+
     <h1 class="text-center">Heal a wound. Heal the world.</h1>
     <p>Accidents and burns are preventable occurrences that generate high mortality and disability. So it is
+
     <p class="text-center">Enhance tissue regeneration to heal burned patients.</p>
        necessary to create a form of prevention and, of course, treatments for burn related incidents.</p>
+
     <img src="https://static.igem.org/mediawiki/2018/e/ee/T--TecCEM--CenterCircle.png" id="centerCircle">
     <span class="bottom"></span>
+
     <!-- <span class="bottom"></span> -->
     <p class="text-center">Scroll down</p>
+
     <audio id="audioLanding" controls>
</div>
+
         <source src="https://static.igem.org/mediawiki/2018/3/3c/T--TecCEM--SoundLanding.mp3" type="audio/mpeg">
<div class="container first-container">
+
         Your browser does not support the audio element.
     <div class="row">
+
     </audio>  
         <div class="col">
+
     <!-- <p class="text-center">Scroll down</p> -->
            <h1>Abstract</h1>
+
            <p>The percentage of the Mexican population that can afford a treatment for second-degree burn injuries is
+
                low since they demand a large spend when treated. Representing the third cause of infant mortality in
+
                Mexico, it stands for an urgent issue to assess. This project approaches such problematics with the
+
                design of a multi-glycopeptide scaffold and the recombinant growth factor Leptin B to induce fibroblast
+
                proliferation. Nanoencapsulation was employed to ensure proper delivery and distribution. Growth
+
                measurements were evaluated through cell image analysis and lactate dehydrogenase activity as an
+
                indirect indicator, obtained from the culture medium in the MiniSkin Simulator, which is a hardware to
+
                test molecules in a 3D culture. This system could enhance tissue regeneration, minimizing infection
+
                risks and treatment lapses for affected patients with second-degree burns.p>
+
         </div>
+
     </div>
+
</div>
+
<div class="container">
+
     <div class="row">
+
        <div class="col">
+
            <h1>Why</h1>
+
            <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer viverra congue mi, nec volutpat tortor
+
                consectetur nec. Sed maximus turpis id posuere aliquet. Aliquam eros nibh, molestie in nibh aliquet,
+
                mattis maximus mauris. Duis vitae sapien vestibulum, consequat odio a, pretium magna. Mauris pharetra,
+
                elit id faucibus venenatis, nulla eros luctus justo, eget fermentum lectus felis non quam. Etiam varius
+
                augue pharetra ipsum volutpat, sed bibendum velit accumsan. Etiam eget felis vitae nisi auctor
+
                bibendum. </p>
+
        </div>
+
    </div>
+
 
</div>
 
</div>
  

Latest revision as of 03:52, 18 October 2018

Center Cell Small1 Cell Small2 Cell Small3 Cell Small4 Cell Big1 Cell Big2 Cell

Heal a wound. Heal the world.

Enhance tissue regeneration to heal burned patients.