Sunnywu0369 (Talk | contribs) |
Sunnywu0369 (Talk | contribs) |
||
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}} |
Revision as of 12:41, 26 June 2021