| Line 1: | Line 1: | ||
| − | {{CAU_China/ | + | {{CAU_China/1test_css}} |
| Line 489: | Line 489: | ||
</script> | </script> | ||
| + | |||
| + | |||
| + | <div id="videoBox" class="text-center" style="position: relative; height:100vh; width:100%; overflow: hidden;"> | ||
| + | |||
| + | <div class="text-light d-flex flex-column justify-content-center ml-auto mr-auto" style="position: absolute; bottom:30vh; width: 100%; padding: 50px;"> | ||
| + | <div id="PhactoryTitle" class="display-1 mb-3">CAU_China</div> | ||
| + | <div id="PhactoryText" class="h1"> seemed quite natural); but when the Rabbi</div> | ||
| + | <div id="goToBox" class="mt-5"> | ||
| + | <a id="goTo" href="#whyTitle"> | ||
| + | <div class="chevron"></div> | ||
| + | <div class="chevron"></div> | ||
| + | <div class="chevron"></div> | ||
| + | </a> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="whyTitle" class="container-fluid jumbotron jumbotron-fluid text-center mb-0 p-0 align-items-center text-light"> | ||
| + | |||
| + | <div id="warning" class="row px-4" style="padding-top: 100px; padding-bottom: 50px;"> | ||
| + | <div class="warningContent col-12"> | ||
| + | <!-- <img src="http://2018.igem.org/wiki/images/8/86/T--Munich--WarningCell.png" class="d-block m-auto" style="max-height: 200px; width:auto;"alt="warning">--> | ||
| + | <span class="align-middle border border-danger d-block p-5 mt-3" style="border-width:5px !important; border-radius: 25px;">I shall be late!' (when she thought it over after | ||
| + | </span> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div id="warnPics" class="row"> | ||
| + | |||
| + | </div> | ||
| + | |||
| + | <hr style="border-top:1px solid rgba(235,235,235,.5); margin: 3vw 3vw 0 3vw;"> | ||
| + | |||
| + | <div class="row pt-5 pb-3 "> | ||
| + | <div class="warningContent col-12 slide-in"> | ||
| + | <span class="align-middle">Phages Are the Natural Enemies of Bacteria</span> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;"> | ||
| + | |||
| + | <div class="col-12 col-md-6 slide-in pt-3" style="padding-right: 6vw;"> | ||
| + | <p class="text-justify text-phactory2 mobileText">and of having nothing to do: once or twice she had peeped into the | ||
| + | book her sister was</p> | ||
| + | <h2 class="text-phactory2 display-4 mobileTitle">considering in her</h2> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="row pt-5 pb-3 "> | ||
| + | <div class="warningContent col-12 slide-in"> | ||
| + | <span class="align-middle">but...</span> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | <div class="row p-5" style="padding-left: 10vw; padding-right: 10vw;"> | ||
| + | |||
| + | |||
| + | <div class="col-12 col-md-6 slide-in pt-3" style="padding-right: 6vw;"> | ||
| + | <h2 class="text-phactory2 display-4 mobileTitle">THE MILLENNIUM </h2> | ||
| + | <p class="text-justify text-phactory2 mobileText">Alice was beginning to get very tired of sitting by her sister on the</p> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
</html> | </html> | ||
| − | {{CAU_China/ | + | |
| + | {{CAU_China/2test_css}} | ||
Revision as of 07:01, 18 June 2019


















