Jingtong927 (Talk | contribs) |
Jingtong927 (Talk | contribs) |
||
Line 1: | Line 1: | ||
− | {{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar | + | {{UM_Macau/WikiStripDown}}{{UM_Macau/Bootstrap}}{{UM_Macau/Navbar}} |
<html> | <html> | ||
<head> | <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> | <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; | height: 100vh; | ||
− | + | position: relative; | |
− | + | width: 100%; | |
− | + | background-size: cover; | |
+ | text-align: center; | ||
} | } | ||
− | + | .landing-text{ | |
− | + | display: table-cell; | |
− | + | ||
text-align: center; | 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> | </head> | ||
− | < | + | <body> |
− | <h1 | + | |
− | </ | + | |
+ | <!--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> | </html> |
Revision as of 15:32, 21 October 2019