Difference between revisions of "Team:British Columbia/Team"

Line 15: Line 15:
 
     font-size: 15pt !important;
 
     font-size: 15pt !important;
 
letter-spacing: -1px;
 
letter-spacing: -1px;
margin-top: 10px;
 
    margin-left: 180px !important;
 
 
     line-height: 25px !important;
 
     line-height: 25px !important;
 +
margin-left: 100px;
 
   }
 
   }
 
  
 
   h1{
 
   h1{
Line 29: Line 27:
 
     margin-left: 100px;
 
     margin-left: 100px;
 
     margin-right: 100px;
 
     margin-right: 100px;
letter-spacing: 2px;
+
  letter-spacing: 2px;
 
   }
 
   }
  
Line 54: Line 52:
 
   }
 
   }
  
 
+
h4{
  .interview-image {
+
     font-family: Josefin Sans;
     width:281px;
+
     color: #4a857e;
     height:281px;
+
     font-size: 20pt;
     border: 2px solid #4e8781;
+
  letter-spacing: -1px;
     border-radius: 50%;
+
  margin-left: 150px;
 +
     -webkit-text-stroke: 1px;
 
   }
 
   }
  
  .interview-image:hover {
+
h5{
     border: 2px solid #f4c9c2;
+
    font-family: Josefin Sans;
 +
     color: #4a857e;
 +
    font-size: 15pt;
 +
  letter-spacing: -1px;
 +
    -webkit-text-stroke: 0.5px;
 
   }
 
   }
  
Line 70: Line 73:
 
   }
 
   }
  
.wrapper {
+
.image-cropper {
     display: flex;
+
     width: 100px;
     width: 100%;
+
     height: 100px;
 +
    position: relative;
 +
    overflow: hidden;
 +
    border-radius: 50%;
 
}
 
}
 
  
 
#in-content {
 
#in-content {
Line 81: Line 86:
 
}
 
}
  
 
+
.myImage {
.rotate90 {
+
  float: left;
    -webkit-transform: rotate(90deg);
+
height: 300px;
    -moz-transform: rotate(90deg);
+
width: auto;
    -o-transform: rotate(90deg);
+
margin-left: 120px;
    -ms-transform: rotate(90deg);
+
margin-right: 20px;
    transform: rotate(90deg);
+
 
}
 
}
 
+
</style>
  </style>
+
  
 
</head>
 
</head>
Line 99: Line 102:
 
       <div class="container">
 
       <div class="container">
 
       <div>
 
       <div>
 +
 +
 +
 
     <img src="https://static.igem.org/mediawiki/2018/e/e6/T--British_Columbia--Members-hdg.png"  style="height:65px; margin-top:30px;margin-left:30px;">
 
     <img src="https://static.igem.org/mediawiki/2018/e/e6/T--British_Columbia--Members-hdg.png"  style="height:65px; margin-top:30px;margin-left:30px;">
 
       </div>
 
       </div>
 +
<br>
 +
<div id="in-content">
 +
      <div class="container">
 +
      <div>
 +
          <img src="https://static.igem.org/mediawiki/2017/e/eb/T--British_Columbia--Catherine.jpeg" class = "myImage">
 +
        </div>
 +
        <div class = "column">
 +
          <h4>CATHERINE PAN</h4>
 +
<p>
 +
Catherine is a <strong>third year Microbiology & Immunology</strong> student, and she has been part of the UBC iGEM team for two years. Through iGEM, she has learned a lot about the fascinating field of genetic engineering, and she is very grateful that UBC iGEM gave her the opportunity to combine two of her interests - science and graphic design, both of which she hopes to pursue in the future. Outside of research and design, Catherine enjoys going on YouTube marathons, napping and performing gymnastics.
 +
</p>

Revision as of 02:54, 16 October 2018


CATHERINE PAN

Catherine is a third year Microbiology & Immunology student, and she has been part of the UBC iGEM team for two years. Through iGEM, she has learned a lot about the fascinating field of genetic engineering, and she is very grateful that UBC iGEM gave her the opportunity to combine two of her interests - science and graphic design, both of which she hopes to pursue in the future. Outside of research and design, Catherine enjoys going on YouTube marathons, napping and performing gymnastics.