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- | + | padding-bottom: 0px; |
} | } | ||
− | . | + | /* Text Syling*/ |
− | padding: | + | #HQ_page .landing-text h1{ |
+ | font-size: 420%; | ||
+ | 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/9/9b/T--UM_Macau--coverphoto4.jpeg) 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%; | width: 100%; | ||
− | + | cursor: pointer; | |
+ | transition: 0.4s; | ||
text-align: center; | 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*/ | |
− | padding: | + | |
− | + | .footerall{ | |
+ | padding-right:20px; | ||
+ | padding-left: 20px; | ||
} | } | ||
− | + | footer{ | |
− | + | width: 100%; | |
− | + | background-color:#131111; | |
− | color: # | + | 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; | 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> | </style> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
− | |||
− | <div class=" | + | <!--Team Cover--> |
− | + | <div id="pagecover"> | |
− | < | + | <div class="landing-text"> |
− | + | <h1>Notebook</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> | </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> | </body> | ||
</html> | </html> |
Revision as of 16:43, 12 October 2019