Difference between revisions of "Team:Uppsala/Human Practices"

Line 9: Line 9:
 
<html>
 
<html>
 
     <head>
 
     <head>
        <style type="text/css">
+
<meta name=“viewport” content=“width=device-width, initial-scale=1">
 +
        <style>
 +
.btn-group button {
 +
  background-color: #8B1A32;
 +
  color: #f9f9f9; /* White text */
 +
  padding: 10px 24px; /* Some padding */
 +
  cursor: pointer; /* Pointer/hand icon */
 +
  font-size: 26px;
 +
  border-radius: 4px;
 +
text-align: center;
  
 +
transition: all 0.5s;
 +
font-family: “raleway”;
 +
 +
 +
}
 +
 +
.btn-group span {
 +
cursor: pointer;
 +
display: inline-block;
 +
position: relative;
 +
transition: 0.5s;
 +
}
 +
 +
.btn-group span:after {
 +
content: ‘\00bb’;
 +
position: absolute;
 +
opacity: 0;
 +
top: 0;
 +
right: -20px;
 +
transition: 0.5s;
 +
}
 +
 +
/ *Have added button:hover*/
 +
.btn-group button:hover span {
 +
padding-right: 25px;
 +
}
 +
 +
/ *Have added button:hover*/
 +
.btn-group button:hover span:after {
 +
opacity: 1;
 +
right: 0;
 +
}
 
         </style>
 
         </style>
 
     </head>
 
     </head>
Line 275: Line 316:
  
 
<a href="  https://2018.igem.org/Team:Uppsala/Human_Practices/Market_Analysis    " >  [click here]  </a>
 
<a href="  https://2018.igem.org/Team:Uppsala/Human_Practices/Market_Analysis    " >  [click here]  </a>
 +
 +
<!-------BUTTONS FOR UnaG------->
 +
 +
 +
 +
 +
 +
 +
<div class=“card-holder”>
 +
                  <div class=“content-card content-card-2">
 +
                      <div class=“inner-card left-card”>
 +
 +
                              <div class=“btn-group” style=“width: 100%“>
 +
<button onclick=“window.location.href=‘https://2018.igem.org/Team:Uppsala/Human_Practices/Market_Analysis ’
 +
          “style=“width:100%“><span>Market Analysis</span></button></div>
 +
 +
 +
                          </div>
 +
 +
                      </div>
 +
                  </div>
 +
              </div>
  
  

Revision as of 15:33, 15 October 2018