(78 intermediate revisions by 4 users not shown) | |||
Line 5: | Line 5: | ||
<section id="header"> | <section id="header"> | ||
<header> | <header> | ||
+ | <style> | ||
+ | @media screen and (max-width: 1024px){ | ||
+ | #one:before { | ||
+ | height:44px; | ||
+ | }} | ||
+ | @media screen and (max-width: 736px){ | ||
+ | #one:before { | ||
+ | height:44px; | ||
+ | }} | ||
+ | @media screen and (max-width: 480px){ | ||
+ | #one:before { | ||
+ | height:44px; | ||
+ | }} | ||
+ | #teaser { | ||
+ | background-color: #002d54; | ||
+ | height: 100%; | ||
+ | position: static; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | .center { | ||
+ | margin: 0 auto; | ||
+ | width: 50%; | ||
+ | display: block; | ||
+ | } | ||
+ | |||
+ | .HoverBorder { | ||
+ | border:3px solid #e4f1fe; | ||
+ | border-radius: 50%; | ||
+ | z-index: 1; | ||
+ | |||
+ | } | ||
+ | |||
+ | .HoverBorder:hover { | ||
+ | border:5px dashed #d4043b; | ||
+ | border-radius: 50%; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | .HoverText { | ||
+ | color: #e4f1fe; | ||
+ | } | ||
+ | |||
+ | .HoverText:hover { | ||
+ | color: #d4043b; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </style> | ||
<span class="image avatar"><a href="https://2017.igem.org/Team:TU_Darmstadt"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="home"></a></span> | <span class="image avatar"><a href="https://2017.igem.org/Team:TU_Darmstadt"><img src="https://static.igem.org/mediawiki/2017/3/3d/LogoOWL.png" alt="home"></a></span> | ||
<h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a></h1> | <h1 id="logo"><a href="https://2017.igem.org/Team:TU_Darmstadt">ChiTUcare</a></h1> | ||
Line 33: | Line 86: | ||
<!-- One --> | <!-- One --> | ||
<section id="one"> | <section id="one"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/63/T--TU_Darmstadt--BannerHomePage5.png" style="width:100%;height:auto;"/> | ||
<div class="container"> | <div class="container"> | ||
− | <header class="major"> | + | <!--<header class="major"> |
− | <center><h2>ChiTUcare</h2></center> | + | <center><h2 class="projectTitle">ChiTUcare</h2></center> |
− | </header> | + | </header>--> |
<!--<div class="post-it"> | <!--<div class="post-it"> | ||
<p>...</p></div>--> | <p>...</p></div>--> | ||
− | < | + | <div style="width:100%"> |
<center> | <center> | ||
− | < | + | </body> |
− | < | + | </html> |
− | + | {{TU_Darmstadt/Flowchart}} | |
− | + | {{TU_Darmstadt/Flowchartb}} | |
− | + | <html> | |
− | + | <body> | |
− | + | </center> | |
− | + | </div> | |
− | + | </div> | |
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
− | </ | + | |
</section> | </section> | ||
− | <section id="two"><div class="container"> | + | |
+ | |||
+ | |||
+ | <section id="teaser"> | ||
+ | <br><br> | ||
+ | |||
+ | <div class="box alt"> | ||
+ | <center> <a href="https://2017.igem.org/Team:TU_Darmstadt/Demonstrate"> | ||
+ | <h2 class="HoverText"> Proof of Concept </h2></a> </center> | ||
+ | <div class="row 50% uniform"> | ||
+ | <div class="1u"></div> | ||
+ | <div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/hydrogel"><img src="https://static.igem.org/mediawiki/2017/e/e3/T--TU_Darmstadt--Teaser_Pic4.png" style="border-radius: 50%;" class="HoverBorder" alt=""/></a></span></div> | ||
+ | <div class="2u"></div> | ||
+ | <div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/chitin_synthase"><img src="https://static.igem.org/mediawiki/2017/d/df/T--TU_Darmstadt--Teaser_Pic3.png" style="border-radius: 50%;" class="HoverBorder" alt="" /></a></span></div> | ||
+ | <div class="1u"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="box alt"> | ||
+ | <div class="row 50% uniform"> | ||
+ | <div class="3u"></div> | ||
+ | <div class="6u"><span class="image fit"><video src="https://static.igem.org/mediawiki/2017/5/56/T--TU_Darmstadt--geiles_video.mp4" alt="Chitosan-Alkaline production" style=" | ||
+ | border:3px solid #e4f1fe; width:100%; position:relative; | ||
+ | z-index: 2; margin-bottom: -26%; margin-top: -26%;" controls></video> </span></div> | ||
+ | <div class="3u"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="box alt"> | ||
+ | <div class="row 50% uniform"> | ||
+ | <div class="1u"></div> | ||
+ | <div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/chitin_deacetylase"><img src="https://static.igem.org/mediawiki/2017/c/cf/T--TU_Darmstadt--Teaser_Pic2.png" style="border-radius: 50%;" class="HoverBorder" alt="" /></a></span></div> | ||
+ | <div class="2u"></div> | ||
+ | <div class="4u"><span class="image fit"><a href="https://2017.igem.org/Team:TU_Darmstadt/project/chemistry"><img src="https://static.igem.org/mediawiki/2017/d/db/T--TU_Darmstadt--Teaser_Pic1.png" style="border-radius: 50%;" class="HoverBorder" alt="" /></a></span></div> | ||
+ | <div class="1u"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <br><br> | ||
+ | </section> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <!--<section id="two"><div class="container"> | ||
<p>Chitosan is a biopolymer with both antibacterial and wound-healing properties. By linking fluorophores to chitosan oligomeres smart plasters can be produced, able to detect pathogenic bacteria via proteolytic activity. Therefore, production of designed chitosan for medical purpose is of special interest.</p> | <p>Chitosan is a biopolymer with both antibacterial and wound-healing properties. By linking fluorophores to chitosan oligomeres smart plasters can be produced, able to detect pathogenic bacteria via proteolytic activity. Therefore, production of designed chitosan for medical purpose is of special interest.</p> | ||
<center><img src="https://static.igem.org/mediawiki/2017/3/36/TUDarmstadtPDplaster.png" alt="chitosan hydrogel" width="80%" style="padding: 1em 0 1em 0;"></center> | <center><img src="https://static.igem.org/mediawiki/2017/3/36/TUDarmstadtPDplaster.png" alt="chitosan hydrogel" width="80%" style="padding: 1em 0 1em 0;"></center> | ||
Line 77: | Line 158: | ||
<center><img src="https://static.igem.org/mediawiki/2017/4/40/TUDarmstadtPDpeptidelinker.png" alt="peptide linker" width="50%" style="padding: 1em 0 1em 0;"></center> | <center><img src="https://static.igem.org/mediawiki/2017/4/40/TUDarmstadtPDpeptidelinker.png" alt="peptide linker" width="50%" style="padding: 1em 0 1em 0;"></center> | ||
</div> | </div> | ||
− | </section> | + | </section>--> |
− | <section id="contact"> | + | <!--<section id="contact"> |
<div class="container"> | <div class="container"> | ||
<h3>Contact Us</h3> | <h3>Contact Us</h3> | ||
Line 103: | Line 184: | ||
</form> | </form> | ||
</div> | </div> | ||
− | </section> | + | </section>--> |
<!-- Footer --> | <!-- Footer --> | ||
− | + | </body> | |
− | + | </html> | |
− | + | {{TU_Darmstadt/footerG}} | |
− | + | <html> | |
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Latest revision as of 20:27, 1 November 2017