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

Line 42: Line 42:
 
.cover{
 
.cover{
 
margin-top:-18px;
 
margin-top:-18px;
 +
}
 +
  .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;
 +
  }
 +
a:hover{
 +
text-decoration:none!important;
 
}
 
}
 
<style>
 
<style>
Line 930: Line 976:
 
                 <div class="content-block">
 
                 <div class="content-block">
 
                     <!--TEKSTAS-->
 
                     <!--TEKSTAS-->
                    <h4 class="page-heading">First heading</h4>
+
<div class="row">
                     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur congue magna magna, ac gravida
+
 
                         urna lacinia in. Duis eleifend suscipit nisi non maximus. Orci varius natoque penatibus et magnis
+
<div class="col-4 team-member">
                         dis parturient montes, nascetur ridiculus mus. Integer sed arcu tortor. Sed ut mi ac quam luctus
+
<div class="team-member-container">
                         iaculis id vitae magna. Praesent ultricies lacus id pharetra viverra. Nulla lobortis bibendum augue,
+
                    <img src="https://2019.igem.org/wiki/images/1/1c/T--Vilnius-Lithuania--Modelling-1.png">
                         et congue ante elementum at. Mauris ante odio, porttitor vel varius malesuada, porta ac neque.</p>
+
                     <div class="team-member-middle">
               
+
                        <div class="team-member-text">
                  
+
                            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Degradation_Rate_Control_Model"><h3>Post-translational regulation</h3></a>
 +
 
 +
                         </div>
 +
                    </div>
 +
                </div>
 +
   
 +
</div>
 +
<div class="col-4 team-member">
 +
<div class="team-member-container">
 +
                    <img src="https://2019.igem.org/wiki/images/2/2a/T--Vilnius-Lithuania--Modelling-2.png">
 +
                    <div class="team-member-middle">
 +
                         <div class="team-member-text">
 +
                            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation_CarH"><h3>Transcriptional regulation (CarH)</h3></a>
 +
 
 +
                         </div>
 +
                    </div>
 +
                </div>
 +
   
 +
</div>
 +
<div class="col-4 team-member">
 +
<div class="team-member-container">
 +
                    <img src="https://2019.igem.org/wiki/images/2/2a/T--Vilnius-Lithuania--Modelling-2.png">
 +
                    <div class="team-member-middle">
 +
                         <div class="team-member-text">
 +
                            <a href="https://2019.igem.org/Team:Vilnius-Lithuania/Transcriptional_Regulation_CarH"><h3>Transcriptional regulation (CarH)</h3></a>
 +
 
 +
                        </div>
 +
                    </div>
 +
                 </div>
 +
   
 +
</div>
 +
 +
 
 +
</div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>

Revision as of 22:56, 21 October 2019

Inspiration & description