Difference between revisions of "Team:Vilnius-Lithuania/Team"

 
(39 intermediate revisions by 2 users not shown)
Line 25: Line 25:
 
#globalWrapper{
 
#globalWrapper{
 
font-size:100%;
 
font-size:100%;
 +
}
 +
.menu-item-bullet::before{
 +
    content: "-";
 +
    color: #bdbdbd;
 +
    display: inline-block;
 +
    margin-left: -8px;
 +
    font-weight: bold;
 
}
 
}
 
<style>
 
<style>
Line 35: Line 42:
 
/*# sourceMappingURL=bootstrap.min.css.map */
 
/*# sourceMappingURL=bootstrap.min.css.map */
 
</style>
 
</style>
−
<style>
 
 
<style>
 
<style>
 
/*Fonts*/
 
/*Fonts*/
Line 68: Line 74:
 
     border-top:1px solid #0a2334;
 
     border-top:1px solid #0a2334;
 
}
 
}
−
h1, .page-title{
+
h1{
 
     font-family: 'bebas'!important;
 
     font-family: 'bebas'!important;
 
     color: #f6cd61;
 
     color: #f6cd61;
 
     font-size:3rem;
 
     font-size:3rem;
−
     text-shadow: 0px 0px 10px #fbdd90;
+
     text-shadow: 0px 0px 10px #f6cd61;
 
}
 
}
 
h2,h3,h4,h5,h6{
 
h2,h3,h4,h5,h6{
Line 107: Line 113:
 
     padding-top: 20px;
 
     padding-top: 20px;
 
     font-weight: 500;
 
     font-weight: 500;
−
     background-color:#083c4c;
+
     background-color:#010C11;
 
     transition: all 0.7s ease;
 
     transition: all 0.7s ease;
 
}
 
}
Line 133: Line 139:
 
.menu-item{
 
.menu-item{
 
     padding: 16px 8px;
 
     padding: 16px 8px;
 +
transition: margin-left 0.25s ease;
 +
 
}
 
}
 
.menu-item-sub::after{
 
.menu-item-sub::after{
Line 147: Line 155:
 
     color:#bdbdbd;
 
     color:#bdbdbd;
 
     transition: all 0.25s ease;
 
     transition: all 0.25s ease;
 +
font-size: 22px;
 
}
 
}
 
.return{
 
.return{
Line 154: Line 163:
 
     text-decoration: none;
 
     text-decoration: none;
 
     color: #f6cd61;
 
     color: #f6cd61;
−
    padding-left:8px;
+
}
 +
.menu-item:hover{
 +
 
 +
margin-left:8px
 +
 
 
}
 
}
 
.menu-item:hover:after{
 
.menu-item:hover:after{
Line 175: Line 188:
 
}
 
}
 
.colight img{
 
.colight img{
−
     width:60%;
+
     width:80%;
 
}
 
}
 
.colight{
 
.colight{
Line 302: Line 315:
 
.page-menu{
 
.page-menu{
 
     position: fixed;
 
     position: fixed;
−
     top: 50%;
+
     top: 70%;
 
     transform: translateY(-50%);
 
     transform: translateY(-50%);
 
     text-align:center;
 
     text-align:center;
Line 316: Line 329:
 
  color: #bdbdbd;
 
  color: #bdbdbd;
 
font-family: 'intro';
 
font-family: 'intro';
 +
cursor:pointer;
 
}
 
}
 
.page-heading{
 
.page-heading{
 
font-family: 'intro';
 
font-family: 'intro';
 +
color:#f6cd61;
 +
}
 +
.page-title{
 +
    font-family: 'bebas'!important;
 +
    color: #f6cd61;
 +
    font-size: 4rem;
 +
text-align:center;
 
}
 
}
  
 +
 +
.cover{
 +
    position: relative;
 +
}
 +
.cover img{
 +
    object-fit:cover;
 +
    width:100%;
 +
    height:300px;
 +
}
 +
.cover span{
 +
    font-size:80px;
 +
    position:absolute;
 +
    bottom:32px;
 +
    right:32px;
 +
    color:white;
 +
    text-transform: uppercase;
 +
    font-family: 'bebas';
 +
    font-weight: 900;
 +
    max-width:500px;
 +
line-height: 1;
 +
text-align:right;
 +
}
  
 
/*Misc*/
 
/*Misc*/
Line 365: Line 408:
  
 
}
 
}
 +
 +
  .team-member-container{
 +
      position: relative;
 +
  }
 +
  .team-member{
 +
      margin-bottom:32px;
 +
  }
 +
  .team-member img{
 +
    border-radius: 50%;
 +
    border: 2px solid #083c4c;
 +
    transition: all 0.5s ease;
 +
  }
 +
  .team-member:hover img{
 +
    /* box-shadow: 0 0 10px 10px #083c4c; */
 +
    border: 10px solid #083c4c;
 +
    filter: brightness(50%);
 +
 +
  }
 +
  .team-member-middle {
 +
    transition: .5s ease;
 +
    opacity: 0;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    transform: translate(-50%, -50%);
 +
    -ms-transform: translate(-50%, -50%);
 +
    text-align: center!important;
 +
  }
 +
 +
  .team-member-container:hover .team-member-middle {
 +
    opacity: 1;
 +
  }
 +
  .team-member-text h3{
 +
    font-family: 'bebas';
 +
    color: #f6cd61;
 +
    font-size:2rem;
 +
    text-shadow: 0px 0px 10px #fbdd90;
 +
    font-weight: 400;
 +
  }
 +
 +
  .team-member-text p{
 +
    color: white;
 +
text-align:center!important;
 +
  }
  
 
/* Add a black background color to the top navigation */
 
/* Add a black background color to the top navigation */
 
.topnav {
 
.topnav {
 
     overflow: hidden;
 
     overflow: hidden;
−
     background-color: #083c4c;
+
     background-color: #010C11;
 
   }
 
   }
 
    
 
    
Line 392: Line 479:
 
   .topnav a.active {
 
   .topnav a.active {
 
     background-color: #f6cd61;
 
     background-color: #f6cd61;
−
     color: white;
+
     color: white!important;
 
   }
 
   }
 
    
 
    
Line 427: Line 514:
 
       color:black;
 
       color:black;
 
   }
 
   }
 +
.cover span{
 +
font-size:48px;
 +
}
 
    
 
    
 
}
 
}
Line 458: Line 548:
  
  
−
.laser{
 
−
    width:50%;
 
−
    height:1px;
 
−
    position:fixed;
 
−
    background-color: #f6cd61;
 
−
    top:50%;
 
−
    z-index:1;
 
−
    border-radius: 50%;
 
−
    transition: all 0.7s ease;
 
−
    /* border:2px solid #f6cd61; */
 
−
    opacity: 0.25;
 
−
    box-shadow: 0 0 1px 1px #f6cd61;
 
−
    -webkit-animation-name: laserAnimation;
 
−
    -webkit-animation-duration: 1800ms;
 
−
    animation-name: laserAnimation;
 
−
    animation-duration: 1800ms;
 
−
    animation-iteration-count: infinite;
 
−
 
−
 
−
}
 
−
 
−
@-webkit-keyframes laserAnimation {
 
−
    0%  {width: 0;left:0;}
 
−
    50%  {width: 50%;left: 50px;}
 
−
    100% {width: 0;left:0;}
 
−
  }
 
−
 
 
−
  @keyframes laserAnimation {
 
−
    0%  {width: 0;left:0;}
 
−
    50%  {width: 50%;left: 50%;}
 
−
    100% {width: 0;left:0;}
 
−
  }
 
  
 
   #overlay {
 
   #overlay {
Line 732: Line 790:
 
<div class="topnav d-sm-block d-md-none" id="Topnav">
 
<div class="topnav d-sm-block d-md-none" id="Topnav">
 
         <a href="#home" class="active">MENU</a>
 
         <a href="#home" class="active">MENU</a>
−
         <a href="#">Home</a>
+
         <a href="https://2019.igem.org/Team:Vilnius-Lithuania">Home</a>
 
         <a href="#">Project</a>
 
         <a href="#">Project</a>
−
             <a href="#" class="sub">Inspiration & Description</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Description" class="sub">Inspiration & Description</a>
−
             <a href="#" class="sub">Design & Results</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation" class="sub">Transcriptional regulation</a>
−
             <a href="#" class="sub">Demonstration</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Plasmid_Copy_Number_Control" class="sub">Plasmid copy number control</a>
−
             <a href="#" class="sub">Parts</a>
+
            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control" class="sub">Post-translational regulation</a>
 +
            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Demonstrate" class="sub">Demonstration</a>
 +
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Parts" class="sub">Parts</a>
 
         <a href="#">Modeling</a>
 
         <a href="#">Modeling</a>
−
         <a href="#">Software</a>
+
            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Model" class="sub">Overview</a>
 +
            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control_Model" class="sub">Post-translational regulation</a>
 +
            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation_CarH" class="sub">Transcriptional regulation (CarH)</a>
 +
         <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Software">Software</a>
 
         <a href="#">Human Practices</a>
 
         <a href="#">Human Practices</a>
−
             <a href="#" class="sub">HP</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Human_Practices" class="sub">Integrated Human Practices</a>
−
             <a href="#" class="sub">HP model</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Public_Engagement" class="sub">Education & Public Engagment</a>
−
             <a href="#" class="sub">Integrated</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Collaborations" class="sub">Collaboration</a>
−
            <a href="#" class="sub">Collaboration</a>
+
 
         <a href="#">Team</a>
 
         <a href="#">Team</a>
−
             <a href="#">Members</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Team" class="sub">Members</a>
−
             <a href="#">Attributions</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Attributions" class="sub">Attributions</a>
−
             <a href="#">Sponsors</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Sponsors" class="sub">Sponsors</a>
 
         <a href="#">Notebook</a>
 
         <a href="#">Notebook</a>
−
             <a href="#">Lab journal</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Notebook" class="sub">Lab journal</a>
−
             <a href="#">Protocols</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Protocols" class="sub">Protocols</a>
−
             <a href="#">Safety</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Safety" class="sub">Safety</a>
 
         <a href="javascript:void(0);" class="icon" onclick="extendMobileMenu()">
 
         <a href="javascript:void(0);" class="icon" onclick="extendMobileMenu()">
 
             &#9776;
 
             &#9776;
Line 758: Line 820:
 
     </div>
 
     </div>
 
<div class="sidenav show-sidenav">
 
<div class="sidenav show-sidenav">
−
<div class="colight"><img src="https://2019.igem.org/wiki/images/6/68/T--Vilnius-Lithuania--colight.png"></div>
+
<div class="colight"><a href="https://2019.igem.org/Team:Vilnius-Lithuania"><img src="https://2019.igem.org/wiki/images/6/68/T--Vilnius-Lithuania--colight.png"></a></div>
  
 
<div class="menu-container">
 
<div class="menu-container">
  
  
−
         <ul class="menu sub-menu-project sub-menu">
+
         <ul class="menu sub-menu-project sub-menu" style="visibility:hidden">
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                     <a href="#" class="return return-project" onclick="returnMenu('project')">Main menu</a>
+
                     <a href="#" class="return return-project" onclick="returnMenu('project')">Back to Main Menu</a>
 
                 </li>
 
                 </li>
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                     <a href="#">Inspiration & Description</a>
+
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Description">Inspiration & Description</a>
 
                 </li>
 
                 </li>
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                     <a href="#">Design & Results</a>
+
                     <a href="#">Design & Results:</a>
 +
                </li>
 +
                <li class="menu-item menu-item-bullet" style="position: relative;padding-left:24px;left:200px;opacity:0">
 +
                    <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation">Transcriptional regulation</a>
 +
                </li>
 +
                <li class="menu-item menu-item-bullet" style="position: relative;padding-left:24px;left:200px;opacity:0">
 +
                    <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Plasmid_Copy_Number_Control">Plasmid copy number control</a>
 +
                </li>
 +
                <li class="menu-item menu-item-bullet" style="position: relative;padding-left:24px;left:200px;opacity:0">
 +
                    <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control">Post-translational regulation</a>
 
                 </li>
 
                 </li>
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                     <a href="#">Demonstration</a>
+
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Demonstrate">Demonstration</a>
 
                 </li>
 
                 </li>
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                 <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                     <a href="#">Parts</a>
+
                     <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Parts">Parts</a>
 +
                </li>
 +
                <li class="menu-item" style="position: relative;left:200px;opacity:0">
 +
                    <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Measurement">Measurement</a>
 
                 </li>
 
                 </li>
 
             </ul>
 
             </ul>
−
             <ul class="menu sub-menu-modeling sub-menu">
+
             <ul class="menu sub-menu-modeling sub-menu" style="visibility:hidden">
 +
                    <li class="menu-item" style="position: relative;left:200px;opacity:0">
 +
                        <a href="#" class="return" onclick="returnMenu('modeling')">Back to Main Menu</a>
 +
                    </li>
 +
                    <li class="menu-item" style="position: relative;left:200px;opacity:0">
 +
                      <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Model">Overview</a>
 +
                    </li>
 +
                    <li class="menu-item" style="position: relative;left:200px;opacity:0">
 +
                      <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control_Model">Post-translational regulation</a>
 +
                    </li>
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                        <a href="#" class="return" onclick="returnMenu('modeling')">Main menu</a>
+
                      <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation_CarH">Transcriptional regulation (CarH)</a>
 
                     </li>
 
                     </li>
  
 
                 </ul>
 
                 </ul>
−
                 <ul class="menu sub-menu-software sub-menu">
+
                 <ul class="menu sub-menu-software sub-menu" style="visibility:hidden">
 
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                             <a href="#" class="return" onclick="returnMenu('software')">Main menu</a>
+
                             <a href="#" class="return" onclick="returnMenu('software')">Back to Main Menu</a>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
−
             <ul class="menu sub-menu-hp sub-menu">
+
             <ul class="menu sub-menu-hp sub-menu" style="visibility:hidden">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                         <a href="#" class="return" onclick="returnMenu('hp')">Main menu</a>
+
                         <a href="#" class="return" onclick="returnMenu('hp')">Back to Main Menu</a>
 
                     </li>
 
                     </li>
−
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                     <li class="menu-item" style="position: relative;left:200px;opacity:0;white-space: nowrap">
−
                         <a href="#">HP</a>
+
                         <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Human_Practices">Integrated Human Practices</a>
 
                     </li>
 
                     </li>
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                         <a href="#">HP model</a>
+
                         <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Public_Engagement">Education & Public Engagement</a>
 
                     </li>
 
                     </li>
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                     <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                         <a href="#">Integrated</a>
+
                         <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Collaborations">Collaboration</a>
−
                    </li>
+
−
                    <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
−
                        <a href="#">Collaboration</a>
+
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
                 <ul class="menu sub-menu-team sub-menu">
 
                 <ul class="menu sub-menu-team sub-menu">
−
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                         <li class="menu-item" style="position: relative;">
−
                             <a href="#" class="return" onclick="returnMenu('team')">Main menu</a>
+
                             <a href="#" class="return" onclick="returnMenu('team')">Back to Main Menu</a>
 
                         </li>
 
                         </li>
−
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                         <li class="menu-item" style="position: relative;">
−
                             <a href="#">Members</a>
+
                             <a class="active" href="https://2019.igem.org/Team:Vilnius-Lithuania/Team">Members</a>
 
                         </li>
 
                         </li>
−
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                         <li class="menu-item" style="position: relative;">
−
                             <a href="#">Attributions</a>
+
                             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Attributions">Attributions</a>
 
                         </li>
 
                         </li>
−
                         <li class="menu-item" style="position: relative;left:200px;opacity:0">
+
                         <li class="menu-item" style="position: relative;">
−
                             <a href="#">Sponsors</a>
+
                             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Sponsors">Sponsors</a>
 
                         </li>
 
                         </li>
 
                     </ul>
 
                     </ul>
  
−
                     <ul class="menu sub-menu-notebook sub-menu">
+
                     <ul class="menu sub-menu-notebook sub-menu" style="visibility:hidden">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                                 <a href="#" class="return" onclick="returnMenu('notebook')">Main menu</a>
+
                                 <a href="#" class="return" onclick="returnMenu('notebook')">Back to Main Menu</a>
 
                             </li>
 
                             </li>
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                                 <a href="#">Lab journal</a>
+
                                 <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Notebook">Lab journal</a>
 
                             </li>
 
                             </li>
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                                 <a href="#">Protocols</a>
+
                                 <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Protocols">Protocols</a>
 
                             </li>
 
                             </li>
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
 
                             <li class="menu-item" style="position: relative;left:200px;opacity:0">
−
                                 <a href="#">Safety</a>
+
                                 <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Safety">Safety</a>
 
                             </li>
 
                             </li>
 
                         </ul>
 
                         </ul>
−
     <ul class="menu menu-main">
+
     <ul class="menu menu-main" style="visibility:hidden">
 
         <li class="menu-item" style="position: relative">
 
         <li class="menu-item" style="position: relative">
−
             <a href="#">Home</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania">Home</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('project')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('project')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Project</a>
 
             <a href="#">Project</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('modeling')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('modeling')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Modeling</a>
 
             <a href="#">Modeling</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('software')" style="position: relative">
+
         <li class="menu-item" style="position: relative;left:-200px;opacity:0">
−
             <a href="#">Software</a>
+
             <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Software">Software</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('hp')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('hp')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Human Practices</a>
 
             <a href="#">Human Practices</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('team')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('team')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Team</a>
 
             <a href="#">Team</a>
 
         </li>
 
         </li>
−
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('notebook')" style="position: relative">
+
         <li class="menu-item menu-item-sub" onclick="expandSubMenu('notebook')" style="position: relative;left:-200px;opacity:0">
 
             <a href="#">Notebook</a>
 
             <a href="#">Notebook</a>
 
         </li>
 
         </li>
Line 862: Line 942:
 
</div>
 
</div>
 
</div>
 
</div>
−
 
+
<div class="cover">
 +
    <img src="https://2019.igem.org/wiki/images/8/8a/T--Vilnius-Lithuania--cover8.jpg">
 +
    <span>Members</span>
 +
</div>
 
     <div class="main-page">
 
     <div class="main-page">
 
         <div class="row">
 
         <div class="row">
−
             <div class="col-md-10 col-sm-12">
+
             <div class="col-md-12 col-sm-12">
−
                <h1 class="page-title">Sample page</h1>
+
     
−
                <br>
+
 
                 <div class="content-block">
 
                 <div class="content-block">
−
                    <h4 class="page-heading" data-nav-id="1" id="page-heading-1">First heading</h4>
+
<div style="background-color:rgba(0, 0, 0, 0.2);padding:16px">
−
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida
+
<p style="text-align:center"><div style="background-color:rgba(0, 0, 0, 0.2);padding:16px!important;font-family: 'intro', sans-serif!important;font-size: 1.2rem">We are more than happy to introduce Vilnius-Lithuania iGEM 2019 team members who contributed to the implementation of the project. From the beginning of February, when the project idea was born, to the end of October, when we reached the peak of our journey and arrived to iGEM competition in Boston, we all worked together as a devoted team, going through sometimes happy, sometimes difficult times. Each of us played a different, but important role on and behind the scene to make our common iGEM dream come true.</div></p>
−
                        urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis
+
</div>
−
                        dis parturient montes, nascetur ridiculus mus. Integer sed arcu tortor. Sed ut mi ac quam luctus
+
<br>
−
                        iaculis id vitae magna. Praesent ultricies lacus id pharetra viverra. Nulla lobortis bibendum augue,
+
<p style="text-align:center;font-size:26px!important">
−
                        et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.</p>
+
Get to know our team!</p>
−
               
+
<br>
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="2" id="page-heading-2">Second heading</h4>
+
−
                <p>Aliquam vel augue placerat, venenatis nulla sit amet, pulvinar felis. Etiam in pretium leo. Maecenas
+
−
                    ac elit ut tellus hendrerit porta. Nam iaculis ipsum eget enim fermentum lobortis. Suspendisse
+
−
                    potenti. Duis gravida rutrum enim. Aenean dictum ipsum a turpis tempus pulvinar. Vivamus auctor
+
−
                    magna vel velit malesuada volutpat. Fusce suscipit lectus quis sem accumsan fermentum. Proin vitae
+
−
                    eros in purus dictum laoreet non id nulla. Sed laoreet et diam volutpat convallis.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="3" id="page-heading-3">Third heading</h4>
+
−
                <p>Vestibulum lacus mi, convallis at nulla quis, varius rutrum eros. Morbi semper, augue sodales
+
−
                    efficitur facilisis, ante turpis sagittis erat, vitae placerat justo dolor eu enim. Cras eget dui
+
−
                    libero. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Cras sapien tortor,
+
−
                    ultricies eu egestas vel, sodales eget odio. Aliquam ac augue ligula. Phasellus dapibus dolor in
+
−
                    fringilla sodales. Mauris quis ante sed risus scelerisque euismod. In placerat ut massa ornare
+
−
                    feugiat. Quisque consectetur lorem eget pellentesque lacinia. In a ante gravida, porttitor augue
+
−
                    eget, fermentum lorem.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="4" id="page-heading-4">Fourth heading</h4>
+
−
                <p>Curabitur commodo nunc non pharetra volutpat. Donec luctus nibh nec massa vulputate posuere. Donec
+
−
                    sed mauris quis lacus lacinia vestibulum. Proin at risus congue, egestas lorem et, sagittis libero.
+
−
                    Sed at tincidunt libero. Quisque commodo elit sed ipsum gravida vestibulum. Cras maximus enim lorem.
+
−
                    Morbi sagittis fermentum tempus.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="5" id="page-heading-5">Fifth heading</h4>
+
−
                <p>Fusce bibendum turpis mollis suscipit sodales. Praesent elit quam, interdum ac scelerisque non,
+
−
                    imperdiet a ex. Praesent porta sed mi et ultrices. Phasellus porta lacinia iaculis. Nunc eu lectus
+
−
                    ac nunc rhoncus consequat. Etiam ac ligula ut magna hendrerit pulvinar. Maecenas aliquet eros odio,
+
−
                    sed volutpat mauris fringilla vel. Quisque in erat at mi placerat fringilla quis id dolor.</p>
+
−
                <br>
+
−
                <h4 class="page-heading" data-nav-id="6" id="page-heading-6">Typography</h4>
+
−
                <ul>
+
−
                    <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+
−
                    <li>Aliquam vel augue placerat, venenatis nulla sit amet, pulvinar felis.</li>
+
−
                    <li>Vestibulum lacus mi, convallis at nulla quis, varius rutrum eros.</li>
+
−
                    <li>Fusce bibendum turpis mollis suscipit sodales.</li>
+
−
                </ul>
+
  
−
                 <br>
+
                    <div class="row">
 +
            <div class="col-12 col-md-4 team-member">
 +
                <div class="team-member-container">
 +
                    <img src="https://2019.igem.org/wiki/images/0/01/T--Vilnius-Lithuania--Vale.jpg">
 +
                    <div class="team-member-middle">
 +
                        <div class="team-member-text">
 +
                            <h3>Valentas Brasas</h3>
 +
                            <p>Team Leader</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-4 team-member">
 +
                <div class="team-member-container">
 +
                    <img src="https://2019.igem.org/wiki/images/b/be/T--Vilnius-Lithuania--Justina.jpg">
 +
                    <div class="team-member-middle">
 +
                        <div class="team-member-text">
 +
                            <h3>Justina Vaičiukynaitė</h3>
 +
                            <p>Public Relations</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-4 team-member">
 +
                <div class="team-member-container">
 +
                    <img src="https://2019.igem.org/wiki/images/d/d6/T--Vilnius-Lithuania--Urte.jpg">
 +
                    <div class="team-member-middle">
 +
                        <div class="team-member-text">
 +
                            <h3>Urtė Andriušaitytė</h3>
 +
                            <p>Marketing</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/0/09/T--Vilnius-Lithuania--Denis.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Denis Baronas</h3>
 +
                                <p>Laboratory</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/0/01/T--Vilnius-Lithuania--Gytis.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Gytis Druteika</h3>
 +
                                <p>Laboratory</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
                <div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/e/ef/T--Vilnius-Lithuania--Ruta.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Rūta Matulevičiūtė</h3>
 +
                                <p>Laboratory</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                 </div>
  
−
                 <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida
+
                 <div class="col-12 col-md-4 team-member">
−
                     urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis
+
                     <div class="team-member-container">
−
                    dis parturient montes, nascetur ridiculus mus. Integer sed arcu tortor. Sed ut mi ac quam luctus
+
                        <img src="https://2019.igem.org/wiki/images/8/83/T--Vilnius-Lithuania--Karolis.jpg">
−
                    iaculis id vitae magna. Praesent ultricies lacus id pharetra viverra. Nulla lobortis bibendum augue,
+
                        <div class="team-member-middle">
−
                    et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.</p>
+
                            <div class="team-member-text">
 +
                                <h3>Karolis Paulikas</h3>
 +
                                <p>Laboratory</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 
                 </div>
 
                 </div>
−
                <br>
 
  
−
                 <table class="">
+
                 <div class="col-12 col-md-4 team-member">
−
                    <thead>
+
                    <div class="team-member-container">
−
                        <tr>
+
                        <img src="https://2019.igem.org/wiki/images/9/9e/T--Vilnius-Lithuania--Roberta.jpg">
−
                            <th scope="col">#</th>
+
                         <div class="team-member-middle">
−
                            <th scope="col">First</th>
+
                             <div class="team-member-text">
−
                            <th scope="col">Last</th>
+
                                <h3>Roberta Statkevičiūtė</h3>
−
                            <th scope="col">Handle</th>
+
                                <p>Laboratory</p>
−
                        </tr>
+
                             </div>
−
                    </thead>
+
                         </div>
−
                    <tbody>
+
                     </div>
−
                        <tr>
+
                 </div>
−
                            <th scope="row">1</th>
+
−
                            <td>Mark</td>
+
−
                            <td>Otto</td>
+
−
                            <td>@mdo</td>
+
−
                         </tr>
+
−
                        <tr>
+
−
                            <th scope="row">2</th>
+
−
                             <td>Jacob</td>
+
−
                            <td>Thornton</td>
+
−
                            <td>@fat</td>
+
−
                        </tr>
+
−
                        <tr>
+
−
                            <th scope="row">3</th>
+
−
                            <td>Larry</td>
+
−
                            <td>the Bird</td>
+
−
                             <td>@twitter</td>
+
−
                         </tr>
+
−
                     </tbody>
+
−
                 </table>
+
  
−
                 <br>
+
                 <div class="col-12 col-md-4 team-member">
−
                 <br>
+
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/f/f1/T--Vilnius-Lithuania--Justas.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Justas Stonkus</h3>
 +
                                <p>Laboratory</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                 </div>
  
 +
                <div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/8/82/T--Vilnius-Lithuania--Barb.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Barbora Vasiliauskaitė</h3>
 +
                                <p>Graphic design</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
  
−
            </div>
+
                <div class="col-12 col-md-4 team-member">
−
            <div class="col-2 d-none d-sm-none d-md-block">
+
                    <div class="team-member-container">
−
                 <div class="page-menu">
+
                        <img src="https://2019.igem.org/wiki/images/3/3b/T--Vilnius-Lithuania--Mode.jpg">
−
                     <h6 class="page-menu-link" id="link_1" onclick="scrollToHeading(1)">First heading</h6>
+
                        <div class="team-member-middle">
−
                     <h6 class="page-menu-link" id="link_2" onclick="scrollToHeading(2)">Second heading</h6>
+
                            <div class="team-member-text">
−
                    <h6 class="page-menu-link" id="link_3" onclick="scrollToHeading(3)">Third heading</h6>
+
                                <h3>Modestas Gudauskas</h3>
−
                    <h6 class="page-menu-link" id="link_4" onclick="scrollToHeading(4)">Fourth heading</h6>
+
                                <p>Human Practices</p>
−
                     <h6 class="page-menu-link" id="link_5" onclick="scrollToHeading(5)">Fifth heading</h6>
+
                            </div>
−
                     <h6 class="page-menu-link" id="link_6" onclick="scrollToHeading(6)">Typography</h6>
+
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                 <div class="col-12 col-md-4 team-member">
 +
                     <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/5/52/T--Vilnius-Lithuania--Elze.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Elzė Mickūnaitytė</h3>
 +
                                <p>Human Practices</p>
 +
                            </div>
 +
                        </div>
 +
                     </div>
 +
                </div>
 +
 
 +
                <div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/e/e2/T--Vilnius-Lithuania--Povilas.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Povilas Šėporaitis</h3>
 +
                                <p>Mathematical Modelling</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="col-12 col-md-4 team-member">
 +
                    <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/2/2f/T--Vilnius-Lithuania--Saulius.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Saulius Beconis</h3>
 +
                                <p>IT</p>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
 
 +
                <div class="col-12 col-md-4 team-member">
 +
                     <div class="team-member-container">
 +
                        <img src="https://2019.igem.org/wiki/images/0/07/T--Vilnius-Lithuania--Andrius.jpg">
 +
                        <div class="team-member-middle">
 +
                            <div class="team-member-text">
 +
                                <h3>Andrius Bušma</h3>
 +
                                <p>IT</p>
 +
                            </div>
 +
                        </div>
 +
                     </div>
 +
                </div>
 +
        </div>
 +
<br>
 +
<div class="row">
 +
<div class="col">
 +
<img src="https://2019.igem.org/wiki/images/c/cb/T--Vilnius-Lithuania--TeamTable.png" style="width:100%">
 +
</div>
 +
</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Latest revision as of 15:45, 21 October 2019

Members

We are more than happy to introduce Vilnius-Lithuania iGEM 2019 team members who contributed to the implementation of the project. From the beginning of February, when the project idea was born, to the end of October, when we reached the peak of our journey and arrived to iGEM competition in Boston, we all worked together as a devoted team, going through sometimes happy, sometimes difficult times. Each of us played a different, but important role on and behind the scene to make our common iGEM dream come true.


Get to know our team!


Valentas Brasas

Team Leader

Justina Vaičiukynaitė

Public Relations

Urtė Andriušaitytė

Marketing

Denis Baronas

Laboratory

Gytis Druteika

Laboratory

Rūta Matulevičiūtė

Laboratory

Karolis Paulikas

Laboratory

Roberta Statkevičiūtė

Laboratory

Justas Stonkus

Laboratory

Barbora Vasiliauskaitė

Graphic design

Modestas Gudauskas

Human Practices

Elzė Mickūnaitytė

Human Practices

Povilas Šėporaitis

Mathematical Modelling

Saulius Beconis

IT

Andrius Bušma

IT


↑