Difference between revisions of "Team:UM Macau/Notebook"

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>
−
* {box-sizing: border-box;}
 
−
ul {list-style-type: none;}
 
−
body {font-family: Verdana, sans-serif;}
 
  
−
h1{
+
#globalWrapper{
−
padding-top: 70px;
+
padding-bottom: 0px;
 
}
 
}
  
−
.month {
+
/* Text Syling*/
−
   padding: 100px 25px;
+
#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%;
−
   background: #1abc9c;
+
   cursor: pointer;
 +
  transition: 0.4s;
 
   text-align: center;
 
   text-align: center;
 
}
 
}
  
−
.month ul {
+
.arrow img{
−
   margin: 0;
+
   width: 7%;
−
  padding: 0;
+
 
}
 
}
  
−
.month ul li {
+
.arrow:hover{
−
   color: white;
+
   padding-bottom: 18px;
−
  font-size: 20px;
+
−
  text-transform: uppercase;
+
−
  letter-spacing: 3px;
+
 
}
 
}
  
−
.month .prev {
+
/*Team Container Styling*/
−
  float: left;
+
.pagecontainer{
−
  padding-top: 10px;
+
padding: 10%;
 
}
 
}
  
−
.month .next {
+
 
−
  float: right;
+
 
−
  padding-top: 10px;
+
.sectionpadding{
 +
padding-left: 5%;
 +
padding-right: 5%;
 +
padding-bottom: 12%;
 
}
 
}
  
−
.weekdays {
+
 
−
  margin: 0;
+
/*footer styling*/
−
   padding: 10px 0;
+
 
−
   background-color: #ddd;
+
.footerall{
 +
   padding-right:20px;
 +
   padding-left: 20px;
 
}
 
}
  
−
.weekdays li {
+
footer{
−
   display: inline-block;
+
   width: 100%;
−
   width: 13.6%;
+
  background-color:#131111;
−
   color: #666;
+
   padding-top: 50px;
−
   text-align: center;
+
  padding-bottom: 50px;
 +
  padding-left: 5%;
 +
  padding-right: 5%;
 +
   color: #fff;
 +
   bottom: 0;
 +
  left: 0;
 
}
 
}
  
−
.days {
+
footer h4{
−
   padding: 10px 0;
+
   font-size: 1.3rem;
−
   background: #eee;
+
   font-family: "Lato";
−
   margin: 0;
+
   font-weight: 400;
 +
  color: #fff;
 
}
 
}
  
−
.days li {
+
footer h5{
−
   list-style-type: none;
+
   font-size: 1.2rem;
−
   display: inline-block;
+
  font-family:"Lato";
−
   width: 13.6%;
+
   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;
−
  margin-bottom: 5px;
 
−
  font-size:12px;
 
−
  color: #777;
 
 
}
 
}
  
−
.days li .active {
+
.contact{
−
   padding: 5px;
+
   border-right: 0.8px solid #fff;
−
   background: #1abc9c;
+
   border-left: 0.8px solid #fff;
−
   color: white !important
+
   padding-left: 25px;
 +
  height: 220px;
 
}
 
}
  
−
/* Add media queries for smaller screens */
+
.social{
−
@media screen and (max-width:720px) {
+
  padding-right: 10px;
−
   .weekdays li, .days li {width: 13.1%;}
+
   width: 32px;
 +
  cursor: pointer;
 +
  transition: 0.4s;
 
}
 
}
  
−
@media screen and (max-width: 420px) {
+
.social:hover{
−
   .weekdays li, .days li {width: 12.5%;}
+
   opacity: 0.4;
−
  .days li .active {padding: 2px;}
+
 
}
 
}
  
−
@media screen and (max-width: 290px) {
+
.sponsor{
−
   .weekdays li, .days li {width: 12.2%;}
+
  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>
  
−
<h1>Demo Calendar</h1>
 
  
−
<div class="month">    
+
<!--Team Cover-->
−
  <ul>
+
<div id="pagecover">
−
     <li class="prev">&#10094;</li>
+
<div class="landing-text">
−
    <li class="next">&#10095;</li>
+
<h1>Notebook</h1>
−
     <li>
+
     <div class="arrow text-center" >
−
      August<br>
+
      <a href="#pagestart"><img class="img-fluid" src="https://static.igem.org/mediawiki/2019/3/36/T--UM_Macau--homepicdownarrow.png"></a>
−
      <span style="font-size:18px">2017</span>
+
     </div>
−
    </li>
+
</div>
−
   </ul>
+
</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>
  
−
<ul class="weekdays">
+
<!--Footer-->
−
   <li>Mo</li>
+
<footer class="footerall container-fluid">
−
  <li>Tu</li>
+
   <div class="row align-items-center">
−
  <li>We</li>
+
    <div class="logo col-sm-6 col-lg-3">
−
  <li>Th</li>
+
      <img class="img-fluid" src="https://static.igem.org/mediawiki/2019/9/96/T--UM_Macau--homepicigem.png" style="width:200px">
−
  <li>Fr</li>
+
    </div>
−
  <li>Sa</li>
+
    <div class="contact col-sm-6 col-lg-3">
−
  <li>Su</li>
+
      <h4>CONTACT US</h4>
−
</ul>
+
      <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>
  
−
<ul class="days">
+
    <div class="sponsor col-sm-12 col-lg-6">
−
  <li>1</li>
+
      <div class="row align-items-center">
−
  <li>2</li>
+
        <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>
−
  <li>3</li>
+
        <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>
−
  <li>4</li>
+
        <div class="col-sm-4 "></div>
−
  <li>5</li>
+
      </div>
−
  <li>6</li>
+
      <div class="row align-items-center">
−
  <li>7</li>
+
        <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>
−
  <li>8</li>
+
        <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>
−
  <li>9</li>
+
        <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>
−
  <li><span class="active">10</span></li>
+
      </div>
−
  <li>11</li>
+
      <div class="row align-items-center">
−
  <li>12</li>
+
        <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>
−
  <li>13</li>
+
        <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>
−
  <li>14</li>
+
        <div class="col-sm-4"></div>
−
  <li>15</li>
+
      </div>
−
  <li>16</li>
+
    </div>
−
  <li>17</li>
+
   </div>
−
  <li>18</li>
+
   <hr>
−
  <li>19</li>
+
   <div>
−
  <li>20</li>
+
    <div class="row">
−
  <li>21</li>
+
    <div class="col-sm-12 text-center">
−
  <li>22</li>
+
      <h6>iGEM 2019 UM_Macau</h6>
−
  <li>23</li>
+
    </div>
−
   <li>24</li>
+
    </div>
−
   <li>25</li>
+
   </div>
−
   <li>26</li>
+
</footer>
−
  <li>27</li>
+
−
  <li>28</li>
+
−
  <li>29</li>
+
−
  <li>30</li>
+
−
   <li>31</li>
+
−
</ul>
+
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 16:43, 12 October 2019


Notebook

Students

CONTACT US

umac.igem@gmail.com

FOLLOW US

iGEM 2019 UM_Macau