|
|
Line 1: |
Line 1: |
− | {{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}} | + | {{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}}{{UM_Macau/Animate.js}} |
− | | + | |
− | | + | |
− | <html>
| + | |
− | <head>
| + | |
− | | + | |
− | <meta name="viewport" content="width=device-width, initial-scale=1">
| + | |
− | <link href="https://fonts.googleapis.com/css?family=Poppins:300,300i,400,700,800&display=swap" rel="stylesheet">
| + | |
− | <link href="https://fonts.googleapis.com/css?family=Lato:300,300i,400,700,700i,900,900i&display=swap" rel="stylesheet">
| + | |
− | | + | |
− | </head>
| + | |
− | | + | |
− | <style>
| + | |
− | | + | |
− | #globalWrapper{
| + | |
− | padding-bottom: 0px;
| + | |
− | }
| + | |
− | | + | |
− | /* Text Syling*/
| + | |
− | #HQ_page .landing-text h1{
| + | |
− | font-size: 650%;
| + | |
− | font-weight: 500;
| + | |
− | color: white;
| + | |
− | font-family:"Poppins";
| + | |
− | }
| + | |
− | | + | |
− | #HQ_page .pagecontainer h1{
| + | |
− | padding-bottom: 2%;
| + | |
− | font-size: 2.3rem;
| + | |
− | font-family:"Poppins";
| + | |
− | font-weight: 500;
| + | |
− | }
| + | |
− | | + | |
− | #HQ_page .pagecontainer h5{
| + | |
− | font-size: 1.3rem;
| + | |
− | font-weight: 500;
| + | |
− | font-family: "Poppins";
| + | |
− | }
| + | |
− | | + | |
− | #HQ_page .pagecontainer h6{
| + | |
− | font-size: 1.2rem;
| + | |
− | font-family: "Lato";
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /*Team Cover*/
| + | |
− | html,body{
| + | |
− | height: 100%;
| + | |
− | width: 100%;
| + | |
− | scroll-behavior: smooth;
| + | |
− | overflow-x:visible;
| + | |
− | }
| + | |
− | | + | |
− | #pagecover{
| + | |
− | background: url(https://static.igem.org/mediawiki/2019/4/45/T--UM_Macau--coverphoto2.jpg) no-repeat center fixed;
| + | |
− | display: table;
| + | |
− | height: 100vh;
| + | |
− | position: relative;
| + | |
− | width: 100%;
| + | |
− | background-size: cover;
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | .landing-text{
| + | |
− | display: table-cell;
| + | |
− | text-align: center;
| + | |
− | vertical-align: middle;
| + | |
− | }
| + | |
− | | + | |
− | /*for scroll down arrow*/ | + | |
− | .arrow{ | + | |
− | position: absolute;
| + | |
− | bottom: 10%;
| + | |
− | width: 100%;
| + | |
− | cursor: pointer;
| + | |
− | transition: 0.4s;
| + | |
− | text-align: center;
| + | |
− | } | + | |
− | | + | |
− | .arrow img{
| + | |
− | width: 7%;
| + | |
− | } | + | |
− | | + | |
− | .arrow:hover{
| + | |
− | padding-bottom: 18px;
| + | |
− | }
| + | |
− | | + | |
− | /*Team Container Styling*/
| + | |
− | .pagecontainer{
| + | |
− | padding: 10%;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | | + | |
− | .sectionpadding{
| + | |
− | padding-left: 5%;
| + | |
− | padding-right: 5%;
| + | |
− | padding-bottom: 12%;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /*footer styling*/
| + | |
− | | + | |
− | .footerall{
| + | |
− | padding-right:20px;
| + | |
− | padding-left: 20px;
| + | |
− | }
| + | |
− | | + | |
− | footer{
| + | |
− | width: 100%;
| + | |
− | background-color:#131111;
| + | |
− | padding-top: 50px;
| + | |
− | padding-bottom: 50px;
| + | |
− | padding-left: 5%;
| + | |
− | padding-right: 5%;
| + | |
− | color: #fff;
| + | |
− | bottom: 0;
| + | |
− | left: 0;
| + | |
− | }
| + | |
− | | + | |
− | footer h4{
| + | |
− | font-size: 1.3rem;
| + | |
− | font-family: "Lato";
| + | |
− | font-weight: 400;
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | | + | |
− | footer h5{
| + | |
− | font-size: 1.2rem;
| + | |
− | font-family:"Lato";
| + | |
− | font-weight: 300;
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | | + | |
− | footer h6{
| + | |
− | font-size: 1rem;
| + | |
− | font-family:"Lato";
| + | |
− | font-weight: 300;
| + | |
− | color: #fff;
| + | |
− | }
| + | |
− | | + | |
− | .logo{
| + | |
− | text-align: center;
| + | |
− | }
| + | |
− | | + | |
− | .contact{
| + | |
− | border-right: 0.8px solid #fff;
| + | |
− | border-left: 0.8px solid #fff;
| + | |
− | padding-left: 25px;
| + | |
− | height: 220px;
| + | |
− | }
| + | |
− | | + | |
− | .social{
| + | |
− | padding-right: 10px;
| + | |
− | width: 32px;
| + | |
− | cursor: pointer;
| + | |
− | transition: 0.4s;
| + | |
− | }
| + | |
− | | + | |
− | .social:hover{
| + | |
− | opacity: 0.4;
| + | |
− | }
| + | |
− | | + | |
− | .sponsor{
| + | |
− | padding-left: 50px;
| + | |
− | padding-right: 50px;
| + | |
− | }
| + | |
− | | + | |
− | .sponsor img{
| + | |
− | vertical-align: middle;
| + | |
− | margin-top: 8px;
| + | |
− | }
| + | |
− | | + | |
− | hr{
| + | |
− | border: 0;
| + | |
− | height: 0.8px;
| + | |
− | background-image: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0));
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | /*for media styling*/
| + | |
− | @media (max-width: 768px) {
| + | |
− | #HQ_page .landing-text h1{
| + | |
− | font-size: 200%;
| + | |
− | font-weight: 500;
| + | |
− | color: white;
| + | |
− | font-family:"Poppins";
| + | |
− | }
| + | |
− | .arrow img{
| + | |
− | width: 15%;
| + | |
− | }
| + | |
− | }
| + | |
− | | + | |
− | </style>
| + | |
− | </head>
| + | |
− | | + | |
− | <body>
| + | |
− | | + | |
− | | + | |
− | <!--Team Cover-->
| + | |
− | <div id="pagecover">
| + | |
− | <div class="landing-text">
| + | |
− | <h1>Experiment Design</h1>
| + | |
− | <div class="arrow text-center" >
| + | |
− | <a href="#pagestart"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <!--End of Team Cover-->
| + | |
− | | + | |
− | | + | |
− | | + | |
− | | + | |
− | <!--Team Container-->
| + | |
− | | + | |
− | <div id="pagestart" class="pagecontainer">
| + | |
− | | + | |
− | | + | |
− | <!--Title-->
| + | |
− | <h1>Students</h1>
| + | |
− | | + | |
− | | + | |
− | <!--Students Section & Lightbox Images-->
| + | |
− | <section class="sectionpadding">
| + | |
− | </section>
| + | |
− | </div>
| + | |
− | | + | |
− | <!--Footer-->
| + | |
− | <footer class="footerall container-fluid">
| + | |
− | <div class="row align-items-center">
| + | |
− | <div class="logo col-sm-6 col-lg-3">
| + | |
− | <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
| + | |
− | </div>
| + | |
− | <div class="contact col-sm-6 col-lg-3">
| + | |
− | <h4>CONTACT US</h4>
| + | |
− | <h5>umac.igem@gmail.com</h5>
| + | |
− | <br>
| + | |
− | <h4>FOLLOW US</h4>
| + | |
− | <a href="https://www.facebook.com/igemumac2019/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/8/80/T--UM_Macau--homepicfb.png"></a>
| + | |
− | <a href="https://www.instagram.com/igem_ummacau/"><img class="img-fluid social" src="https://static.igem.org/mediawiki/2019/d/da/T--UM_Macau--homepicinsta.png"></a>
| + | |
− | </div>
| + | |
− | | + | |
− | <div class="sponsor col-sm-12 col-lg-6">
| + | |
− | <div class="row align-items-center">
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/3b/T--UM_Macau--homepicum.png" style="width:100%"></div>
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/5/5e/T--UM_Macau--homepicfhs.png" style="width:100% "></div>
| + | |
− | <div class="col-sm-4 "></div>
| + | |
− | </div>
| + | |
− | <div class="row align-items-center">
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/c/c4/T--UM_Macau--homepicidt.png" style="width:100%"></div>
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/a/aa/T--UM_Macau--homepictwist.png" style="width:100%"></div>
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/8/8a/T--UM_Macau--homepiclumicks.png" style="width:100%"></div>
| + | |
− | </div>
| + | |
− | <div class="row align-items-center">
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/9c/T--UM_Macau--homepicdiagon.png" style="width:100%"></div>
| + | |
− | <div class="col-sm-4 "><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/4/43/T--UM_Macau--homepicgjb.png" style="width:100%"></div>
| + | |
− | <div class="col-sm-4"></div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | <hr>
| + | |
− | <div>
| + | |
− | <div class="row">
| + | |
− | <div class="col-sm-12 text-center">
| + | |
− | <h6>iGEM 2019 UM_Macau</h6>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </div>
| + | |
− | </footer>
| + | |
− | | + | |
− | </body>
| + | |
− | </html>
| + | |