|
|
| Line 3: |
Line 3: |
| | {{Template:NCKU_Tainan/Head}} | | {{Template:NCKU_Tainan/Head}} |
| | {{Template:NCKU Tainan/navbar}} | | {{Template:NCKU Tainan/navbar}} |
| − | <html>
| |
| | | | |
| − | <div style="
| |
| − | position: absolute;
| |
| − | padding-right: 1em;
| |
| − | padding-bottom: 1em;
| |
| − | padding-top: 4em;
| |
| − | padding-left: 1em;
| |
| − | z-index: 99;
| |
| − | width: 100%;
| |
| − | text-align: right;
| |
| − | ">
| |
| − |
| |
| − | <a href="https://2020.igem.org/Team:UPF_Barcelona/Awards">
| |
| − | <img style="
| |
| − | margin: 0 !important;
| |
| − | width: 150px;
| |
| − | height: 150px;
| |
| − |
| |
| − | " src="https://static.igem.org/mediawiki/2020/9/91/T--UPF_Barcelona--HormonicPrizes2.gif">
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | <div data-aos="zoom-in" data-aos-duration="2000">
| |
| − | <div>
| |
| − | <video autoplay playsinline style="pointer-events: none;" id="mainHeader">
| |
| − | <source src="https://static.igem.org/mediawiki/2020/a/a2/T--UPF_Barcelona--mainHeaderyeah.mp4" type="video/mp4">
| |
| − | </video>
| |
| − | <a class="btn down inner-link active" href="#promovideo" style="font-size: 82%;right: 50%;/* position: fixed; *//* bottom: 20%; */top: 85.2%;z-index: 99;background-color: white;position: absolute;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;">
| |
| − | <i class="fas fa-angle-down fa-2x" style="color: gray"></i>
| |
| − | </a>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <br>
| |
| − | <div class="center" id="promovideo">
| |
| − | <video controls>
| |
| − | <source src="https://static.igem.org/mediawiki/2020/1/10/T--UPF_Barcelona--PromoVideo.mov" type="video/mp4" id="promovideo">
| |
| − | </video>
| |
| − | </div>
| |
| − |
| |
| − |
| |
| − |
| |
| − | <section class="page-section">
| |
| − | <div class="homepage-image">
| |
| − | <img id="homepage" src="https://static.igem.org/mediawiki/2020/c/cb/T--UPF_Barcelona--homepageImage22.png" alt="" />
| |
| − | </div>
| |
| − | </section>
| |
| − |
| |
| − | <!-- Useful-links-->
| |
| − | <section class="page-section" id="useful-links">
| |
| − | <div class="container">
| |
| − | <div class="text-center">
| |
| − | <h2 style="color:white" class="section-heading text-uppercase">Useful links</h2>
| |
| − | <h3 style="color:white; font-size: 1.2rem;" class="section-subheading">Want to take a shortcut? Explore the four areas below. </h3>
| |
| − | </div><br>
| |
| − | <div class="card-deck row text-center">
| |
| − | <a class="card col-lg-3 col-md-6 useful-links" href="https://2020.igem.org/Team:UPF_Barcelona/Design">
| |
| − | <i class="far fa-lightbulb fa-6x" style="color: #00aad4ff"></i>
| |
| − | <h4 class="my-3">Design</h4>
| |
| − | <p class="text-muted">Discover how Hormonic designed its experiments and the explanation of the engineering principles behind them.</p>
| |
| − | </a>
| |
| − |
| |
| − | <a class="card col-lg-3 col-md-6 useful-links" href="https://2020.igem.org/Team:UPF_Barcelona/Intein">
| |
| − | <i class="fa fa-flask fa-6x" style="color: #00aad4ff"></i>
| |
| − | <h4 class="my-3">Labwork</h4>
| |
| − | <p class="text-muted">Go deeper inside the experimental world of Hormonic. You will discover how inteins work and how can they transform a bacteria into a biosensor.</p>
| |
| − | </a>
| |
| − |
| |
| − | <a class="card col-lg-3 col-md-6 useful-links" href="https://2020.igem.org/Team:UPF_Barcelona/Model">
| |
| − | <i class="far fa-chart-bar fa-6x" style="color: #00aad4ff"></i>
| |
| − | <h4 class="my-3">Model</h4>
| |
| − | <p class="text-muted">Thinking of translating the biological processes of Hormonic into some mathematical equations? Do not hesitate to check this page! </p>
| |
| − | </a>
| |
| − |
| |
| − | <a class="card col-lg-3 col-md-6 useful-links" href="https://2020.igem.org/Team:UPF_Barcelona/Hardware">
| |
| − | <i class="fa fa-cogs fa-6x" style="color: #00aad4ff"></i>
| |
| − | <h4 class="my-3">Hardware</h4>
| |
| − | <p class="text-muted">Not enough? Learn about how to create a DIY turbidostat, an automated and continuous cell culture device. Here you will discover the electronics and the self-regulation system behind it.</p>
| |
| − | </a>
| |
| − | </div>
| |
| − |
| |
| − | </div>
| |
| − | </section>
| |
| − | </html>
| |
| | {{Template:NCKU Tainan/style}} | | {{Template:NCKU Tainan/style}} |
| | {{Template:NCKU Tainan/footer}} | | {{Template:NCKU Tainan/footer}} |
