Difference between revisions of "Team:RUM-UPRM/Members"

Line 5: Line 5:
 
<style>
 
<style>
  
#home_logo, #sideMenu { display:none; }
+
#content { margin-left:0px; margin-top:0px; padding:0px; width:100%;}
#sideMenu, #top_title, .patrollink  {display:none;}
+
#content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;}
+
  
 
</style>
 
</style>
Line 22: Line 20:
  
 
<style>
 
<style>
// Use Bootstrap breakpoints for consistency.
+
 
$bootstrap-sm: 576px;
+
$bootstrap-md: 768px;
+
$bootstrap-lg: 992px;
+
$bootstrap-xl: 1200px;
+
  
 
// Crop thumbnail images.
 
// Crop thumbnail images.
Line 32: Line 26:
 
    
 
    
 
   img {
 
   img {
     height: 75vw;
+
     //height: 75vw;
 
     object-fit: cover;
 
     object-fit: cover;
 
      
 
      
 
     @media (min-width: $bootstrap-sm) {
 
     @media (min-width: $bootstrap-sm) {
       height: 35vw;
+
       //height: 35vw;
 
     }
 
     }
 
      
 
      
 
     @media (min-width: $bootstrap-lg) {
 
     @media (min-width: $bootstrap-lg) {
       height: 18vw;
+
       //height: 18vw;
 
     }
 
     }
 
   }
 
   }
Line 50: Line 44:
 
    
 
    
 
   img {
 
   img {
     height: 60vw;
+
     //height: 60vw;
 
     object-fit: cover;
 
     object-fit: cover;
 
      
 
      
 
     @media (min-width: $bootstrap-sm) {
 
     @media (min-width: $bootstrap-sm) {
       height: 350px;
+
       //height: 350px;
 
     }
 
     }
 
   }
 
   }
Line 66: Line 60:
  
 
* {
 
* {
   transition: 0.3s;
+
   transition: 0.75s;
 
}
 
}
  
Line 333: Line 327:
  
  
<section class="projects-section bg-light" id="projects">
+
<section class="projects-section bg-light content" id="projects" style="background-size: 100%;height: 44.2em;margin-top: 0em;padding-top: 1.1em;" class="height-90 parallax">
 +
<div class="main-container" style="
 +
height: 100%;">
 
       <div class="d-flex h-100 align-items-center">
 
       <div class="d-flex h-100 align-items-center">
 
           <h1 class="mx-auto my-0 text-center">The Team</h1>
 
           <h1 class="mx-auto my-0 text-center">The Team</h1>
 
       </div>
 
       </div>
       <div class="container row mx-auto my-auto py-4" id="gallery" data-toggle="modal" data-target="#exampleModal" style="text-align: center; margin-top: 0px; padding: 20px;" >
+
       <div class="container" id="gallery" data-toggle="modal" data-target="#exampleModal">
 
                 <!-- The Team -->   
 
                 <!-- The Team -->   
 
                  
 
                  
                    
+
                   <div class="row">
 
                     <!-- Team Member 1 -->  
 
                     <!-- Team Member 1 -->  
                     <div class="col-md-3 card border-0 shadow" style="padding: 1px 1px 1px 1px;">
+
                     <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow">
 
                        
 
                        
 
                         <img src="https://static.igem.org/mediawiki/2020/1/13/T--RUM-UPRM--Claudia1.jpg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="0">
 
                         <img src="https://static.igem.org/mediawiki/2020/1/13/T--RUM-UPRM--Claudia1.jpg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="0">
                         <div class="card-body" style="padding: 0px 0px 0px 0px">
+
                         <div class="card-body">
 
                           <h5 class="card-title mb-0 text-center">Claudia Mañán Mejías</h5>
 
                           <h5 class="card-title mb-0 text-center">Claudia Mañán Mejías</h5>
 
                           <div class="card-text text-black-50 text-center">President & Engineering Team</div>
 
                           <div class="card-text text-black-50 text-center">President & Engineering Team</div>
Line 353: Line 349:
 
                     <div style="padding: 5px 5px 5px 5px;"> </div>
 
                     <div style="padding: 5px 5px 5px 5px;"> </div>
 
                     <!-- Team Member 2 -->
 
                     <!-- Team Member 2 -->
                     <div class="col-md-3 card border-0 shadow">
+
                     <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow">
 
                         <img src="https://static.igem.org/mediawiki/2020/4/4d/T--RUM-UPRM--LuisM1.jpeg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="1">
 
                         <img src="https://static.igem.org/mediawiki/2020/4/4d/T--RUM-UPRM--LuisM1.jpeg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="1">
 
                         <div class="card-body">
 
                         <div class="card-body">
Line 363: Line 359:
 
                     <div style="padding: 5px 5px 5px 5px;"> </div>
 
                     <div style="padding: 5px 5px 5px 5px;"> </div>
 
                     <!-- Team Member 3 -->
 
                     <!-- Team Member 3 -->
                     <div class="col-md-3 card border-0 shadow">
+
                     <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow">
 
                         <img src="https://static.igem.org/mediawiki/2020/a/ad/T--RUM-UPRM--Paula1.jpg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="2">
 
                         <img src="https://static.igem.org/mediawiki/2020/a/ad/T--RUM-UPRM--Paula1.jpg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="2">
 
                         <div class="card-body">
 
                         <div class="card-body">
Line 373: Line 369:
 
                     <div style="padding: 5px 5px 5px 5px;"> </div>
 
                     <div style="padding: 5px 5px 5px 5px;"> </div>
 
                     <!-- Team Member 4 -->
 
                     <!-- Team Member 4 -->
                     <div class="col-md-3 card border-0 shadow">
+
                     <div class="col-xl-3 col-md-6 mb-4 card border-0 shadow">
 
                         <img src="https://static.igem.org/mediawiki/2020/7/78/T--RUM-UPRM--Andrea1.jpg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="3">
 
                         <img src="https://static.igem.org/mediawiki/2020/7/78/T--RUM-UPRM--Andrea1.jpg" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="3">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">

Revision as of 23:58, 17 October 2020


Stack Multipurpose HTML Template

The Team