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

Line 328: Line 328:
 
</script>
 
</script>
  
 
<div class="row" id="gallery" data-toggle="modal" data-target="#exampleModal">
 
  <div class="col-12 col-sm-6 col-lg-3">
 
    <img class="w-100" src="https://static.igem.org/mediawiki/2020/1/13/T--RUM-UPRM--Claudia1.jpg" alt="First slide" data-target="#carouselExample" data-slide-to="0">
 
    <h5 class="mb-0">Claudia Mañán Mejías</h5>
 
    <div class="text-black">President & Engineering Team</div>
 
  </div>
 
  <div class="col-12 col-sm-6 col-lg-3">
 
    <img class="w-100" src="https://images.unsplash.com/photo-1546534505-d534e27ecb35?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="First slide" data-target="#carouselExample" data-slide-to="1">
 
  </div>
 
  <div class="col-12 col-sm-6 col-lg-3">
 
    <img class="w-100" src="https://images.unsplash.com/photo-1546111380-cfca9a43dd85?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="First slide" data-target="#carouselExample" data-slide-to="2">
 
  </div>
 
  <div class="col-12 col-sm-6 col-lg-3">
 
    <img class="w-100" src="https://images.unsplash.com/photo-1547288242-f3d375fc7b5f?ixlib=rb-1.2.1&q=85&fm=jpg&crop=entropy&cs=srgb&ixid=eyJhcHBfaWQiOjE0NTg5fQ" alt="First slide" data-target="#carouselExample" data-slide-to="3">
 
  </div>
 
</div>
 
 
<!-- Modal -->
 
<!--
 
This part is straight out of Bootstrap docs. Just a carousel inside a modal.
 
-->
 
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-hidden="true">
 
  <div class="modal-dialog" role="document">
 
    <div class="modal-content">
 
      <div class="modal-header">
 
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 
          <span aria-hidden="true">&times;</span>
 
        </button>
 
      </div>
 
      <div class="modal-body">
 
        <div id="carouselExample" class="carousel slide" data-ride="carousel">
 
          <ol class="carousel-indicators">
 
            <li data-target="#carouselExample" data-slide-to="0" class="active"></li>
 
            <li data-target="#carouselExample" data-slide-to="1"></li>
 
            <li data-target="#carouselExample" data-slide-to="2"></li>
 
            <li data-target="#carouselExample" data-slide-to="3"></li>
 
          </ol>
 
          <div class="carousel-inner">
 
            <div class="carousel-item active">
 
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/9/93/T--RUM-UPRM--Paula.png" alt="First slide">
 
            </div>
 
            <div class="carousel-item">
 
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/d/df/T--RUM-UPRM--natalia.png" alt="Second slide">
 
            </div>
 
            <div class="carousel-item">
 
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/3/35/T--RUM-UPRM--rigo.png" alt="Third slide">
 
            </div>
 
            <div class="carousel-item">
 
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/e/e2/T--RUM-UPRM--elmer.png" alt="Fourth slide">
 
            </div>
 
          </div>
 
          <a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
 
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 
            <span class="sr-only">Previous</span>
 
          </a>
 
          <a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next">
 
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
 
            <span class="sr-only">Next</span>
 
          </a>
 
        </div>
 
      </div>
 
      <div class="modal-footer">
 
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 
      </div>
 
    </div>
 
  </div>
 
</div>
 
  
  
Line 402: Line 334:
 
           <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" id="gallery" data-toggle="modal" data-target="#exampleModal">
+
       <div class="container row" id="gallery" data-toggle="modal" data-target="#exampleModal">
 
                 <!-- The Team -->   
 
                 <!-- The Team -->   
                 <div class="container">
+
                  
                   <div class="row">
+
                    
 
                     <!-- Team Member 1 -->  
 
                     <!-- Team Member 1 -->  
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="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 text-center">
 
                         <div class="card-body text-center">
 
                           <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>
 +
                       
 
                         </div>
 
                         </div>
                      </div>
 
 
                   </div>  
 
                   </div>  
 
                      
 
                      
 
                     <!-- Team Member 2 -->
 
                     <!-- Team Member 2 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
                         <img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="1">
                         <img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="...">
+
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
 
                           <h5 class="card-title mb-0">Luis Montalvo González</h5>
 
                           <h5 class="card-title mb-0">Luis Montalvo González</h5>
 
                           <div class="card-text text-black-50">Vice-President</div>
 
                           <div class="card-text text-black-50">Vice-President</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 3 -->
 
                     <!-- Team Member 3 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
                         <img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="..." data-target="#carouselExample" data-slide-to="2">
                         <img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="...">
+
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
 
                           <h5 class="card-title mb-0">Paula Mañán Mejías</h5>
 
                           <h5 class="card-title mb-0">Paula Mañán Mejías</h5>
 
                           <div class="card-text text-black-50">Research Director</div>
 
                           <div class="card-text text-black-50">Research Director</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 4 -->
 
                     <!-- Team Member 4 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="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="...">
+
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
 
                           <h5 class="card-title mb-0">Andrea Guilloty Rodríguez</h5>
 
                           <h5 class="card-title mb-0">Andrea Guilloty Rodríguez</h5>
 
                           <div class="card-text text-black-50">Chief Financial Officer</div>
 
                           <div class="card-text text-black-50">Chief Financial Officer</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
                 </div>
+
                  
 
                 <!-- /.container -->
 
                 <!-- /.container -->
               <div class="container">
+
                
                 <!-- The Team --> 
+
                  
                <div class="container">
+
 
                   <div class="row">
 
                   <div class="row">
 
                     <!-- Team Member 5 -->  
 
                     <!-- Team Member 5 -->  
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/e/ed/T--RUM-UPRM--Elan1.jpeg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/e/ed/T--RUM-UPRM--Elan1.jpeg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 463: Line 390:
 
                           <div class="card-text text-black-50">Secretary & Biology Team</div>
 
                           <div class="card-text text-black-50">Secretary & Biology Team</div>
 
                         </div>  
 
                         </div>  
                       </div>
+
                        
                  </div>  
+
                    </div>  
 
                      
 
                      
 
                     <!-- Team Member 6 -->
 
                     <!-- Team Member 6 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/f/f2/T--RUM-UPRM--Marieli1.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/f/f2/T--RUM-UPRM--Marieli1.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 474: Line 400:
 
                           <div class="card-text text-black-50">Marketing Director</div>
 
                           <div class="card-text text-black-50">Marketing Director</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 7 -->
 
                     <!-- Team Member 7 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/d/d1/T--RUM-UPRM--Natalia1.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/d/d1/T--RUM-UPRM--Natalia1.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 484: Line 409:
 
                           <div class="card-text text-black-50">Networking Director & Engineering Team</div>
 
                           <div class="card-text text-black-50">Networking Director & Engineering Team</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 8 -->
 
                     <!-- Team Member 8 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/8/81/T--RUM-UPRM--Patricia2.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/8/81/T--RUM-UPRM--Patricia2.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 494: Line 418:
 
                           <div class="card-text text-black-50">Biology Team Leader</div>
 
                           <div class="card-text text-black-50">Biology Team Leader</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
                 </div>
+
                  
 
                 <!-- /.container -->
 
                 <!-- /.container -->
<div class="container">
+
 
                <!-- The Team --> 
+
                <div class="container">
+
 
                   <div class="row">
 
                   <div class="row">
 
                     <!-- Team Member 9 -->  
 
                     <!-- Team Member 9 -->  
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/d/d8/T--RUM-UPRM--LuisG1.jpeg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/d/d8/T--RUM-UPRM--LuisG1.jpeg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 512: Line 433:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>  
 
                         </div>  
                       </div>
+
                        
 
                   </div>  
 
                   </div>  
 
                      
 
                      
 
                     <!-- Team Member 10 -->
 
                     <!-- Team Member 10 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/0/0f/T--RUM-UPRM--Elimar2.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/0/0f/T--RUM-UPRM--Elimar2.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 523: Line 443:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 11 -->
 
                     <!-- Team Member 11 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/4/45/T--RUM-UPRM--Elmer1.jpeg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/4/45/T--RUM-UPRM--Elmer1.jpeg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 533: Line 452:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 12 -->
 
                     <!-- Team Member 12 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/4/48/T--RUM-UPRM--Melissa1.jpeg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/4/48/T--RUM-UPRM--Melissa1.jpeg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 543: Line 461:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
                 </div>
+
                  
                <!-- /.container -->
+
<div class="container">
+
                <!-- The Team --> 
+
                <div class="container">
+
 
                   <div class="row">
 
                   <div class="row">
 
                     <!-- Team Member 13 -->  
 
                     <!-- Team Member 13 -->  
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/2/2a/T--RUM-UPRM--Miguel1.jpeg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/2/2a/T--RUM-UPRM--Miguel1.jpeg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 561: Line 474:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>  
 
                         </div>  
                       </div>
+
                        
 
                   </div>  
 
                   </div>  
 
                      
 
                      
 
                     <!-- Team Member 14 -->
 
                     <!-- Team Member 14 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 572: Line 484:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 15 -->
 
                     <!-- Team Member 15 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 582: Line 493:
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                           <div class="card-text text-black-50">Biology Team</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 16 -->
 
                     <!-- Team Member 16 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/8/8b/T--RUM-UPRM--Gabriela1.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/8/8b/T--RUM-UPRM--Gabriela1.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 592: Line 502:
 
                           <div class="card-text text-black-50">Social Impact Leader</div>
 
                           <div class="card-text text-black-50">Social Impact Leader</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
                 </div>
+
                  
                <!-- /.container -->
+
<div class="container">
+
                <!-- The Team --> 
+
                <div class="container">
+
 
                   <div class="row">
 
                   <div class="row">
 
                     <!-- Team Member 17 -->  
 
                     <!-- Team Member 17 -->  
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/2/2e/T--RUM-UPRM--Emily1.jpeg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/2/2e/T--RUM-UPRM--Emily1.jpeg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 610: Line 515:
 
                           <div class="card-text text-black-50">Social Impact</div>
 
                           <div class="card-text text-black-50">Social Impact</div>
 
                         </div>  
 
                         </div>  
                       </div>
+
                        
 
                   </div>  
 
                   </div>  
 
                      
 
                      
 
                     <!-- Team Member 18 -->
 
                     <!-- Team Member 18 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/a/a6/T--RUM-UPRM--Ana1.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/a/a6/T--RUM-UPRM--Ana1.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 621: Line 525:
 
                           <div class="card-text text-black-50">Social Impact</div>
 
                           <div class="card-text text-black-50">Social Impact</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 19 -->
 
                     <!-- Team Member 19 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://static.igem.org/mediawiki/2020/0/03/T--RUM-UPRM--Mariela.jpg" class="card-img-top" alt="...">
 
                         <img src="https://static.igem.org/mediawiki/2020/0/03/T--RUM-UPRM--Mariela.jpg" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 631: Line 534:
 
                           <div class="card-text text-black-50">Engineering Team Leader</div>
 
                           <div class="card-text text-black-50">Engineering Team Leader</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 20 -->
 
                     <!-- Team Member 20 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 641: Line 543:
 
                           <div class="card-text text-black-50">Wiki Programmer & Designer</div>
 
                           <div class="card-text text-black-50">Wiki Programmer & Designer</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
 
                   <!-- /.row -->
 
                   <!-- /.row -->
                 </div>
+
                  
                <!-- /.container -->
+
<div class="container">
+
                <!-- The Team --> 
+
                <div class="container">
+
 
                   <div class="row">
 
                   <div class="row">
 
                     <!-- Team Member 1 -->  
 
                     <!-- Team Member 1 -->  
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 659: Line 556:
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                         </div>  
 
                         </div>  
                       </div>
+
                        
 
                   </div>  
 
                   </div>  
 
                      
 
                      
 
                     <!-- Team Member 2 -->
 
                     <!-- Team Member 2 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/9UVmlIb0wJU/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 670: Line 566:
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 3 -->
 
                     <!-- Team Member 3 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/sNut2MqSmds/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 680: Line 575:
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                     <!-- Team Member 4 -->
 
                     <!-- Team Member 4 -->
                     <div class="col-md-3">
+
                     <div class="col-md-3 card border-0 shadow">
                      <div class="card border-0 shadow">
+
 
                         <img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
 
                         <img src="https://source.unsplash.com/ZI6p3i9SbVU/500x350" class="card-img-top" alt="...">
 
                         <div class="card-body text-center">
 
                         <div class="card-body text-center">
Line 690: Line 584:
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                           <div class="card-text text-black-50">Web Developer</div>
 
                         </div>
 
                         </div>
                       </div>
+
                        
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
Line 697: Line 591:
 
                 <!-- /.container -->
 
                 <!-- /.container -->
 
         </section>
 
         </section>
 +
<!-- Modal -->
 +
<!--
 +
This part is straight out of Bootstrap docs. Just a carousel inside a modal.
 +
-->
 +
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-hidden="true">
 +
  <div class="modal-dialog" role="document">
 +
    <div class="modal-content">
 +
      <div class="modal-header">
 +
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
 +
          <span aria-hidden="true">&times;</span>
 +
        </button>
 +
      </div>
 +
      <div class="modal-body">
 +
        <div id="carouselExample" class="carousel slide" data-ride="carousel">
 +
          <ol class="carousel-indicators">
 +
            <li data-target="#carouselExample" data-slide-to="0" class="active"></li>
 +
            <li data-target="#carouselExample" data-slide-to="1"></li>
 +
            <li data-target="#carouselExample" data-slide-to="2"></li>
 +
            <li data-target="#carouselExample" data-slide-to="3"></li>
 +
            <li data-target="#carouselExample" data-slide-to="4"></li>
 +
            <li data-target="#carouselExample" data-slide-to="5"></li>
 +
            <li data-target="#carouselExample" data-slide-to="6"></li>
 +
          </ol>
 +
          <div class="carousel-inner">
 +
            <div class="carousel-item active">
 +
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/9/93/T--RUM-UPRM--Paula.png" alt="First slide">
 +
            </div>
 +
            <div class="carousel-item">
 +
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/d/df/T--RUM-UPRM--natalia.png" alt="Second slide">
 +
            </div>
 +
            <div class="carousel-item">
 +
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/3/35/T--RUM-UPRM--rigo.png" alt="Third slide">
 +
            </div>
 +
            <div class="carousel-item">
 +
              <img class="d-block w-100" src="https://static.igem.org/mediawiki/2020/e/e2/T--RUM-UPRM--elmer.png" alt="Fourth slide">
 +
            </div>
 +
          </div>
 +
          <a class="carousel-control-prev" href="#carouselExample" role="button" data-slide="prev">
 +
            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 +
            <span class="sr-only">Previous</span>
 +
          </a>
 +
          <a class="carousel-control-next" href="#carouselExample" role="button" data-slide="next">
 +
            <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
            <span class="sr-only">Next</span>
 +
          </a>
 +
        </div>
 +
      </div>
 +
      <div class="modal-footer">
 +
        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
 +
 
</html>
 
</html>

Revision as of 22:58, 15 October 2020

The Team

...
Elan Reynoso Jiménez
Secretary & Biology Team
...
Marieli Ruiz Cortés
Marketing Director
...
Natalia Ortiz Rivera
Networking Director & Engineering Team
...
Patricia Colom Díaz
Biology Team Leader
...
Luis García Cruz
Biology Team
...
Elimar Uzcátegui Calderón
Biology Team
...
Elmer Ortiz Márquez
Biology Team
...
Melissa Cabrera Ruiz
Biology Team
...
Miguel Rodríguez Anavitate
Biology Team
...
Miguel Rodríguez Anavitate
Biology Team
...
Rigo Espiña Santiago
Biology Team
...
Gabriela Otero Andino
Social Impact Leader
...
Emily Echevarría Pérez
Social Impact
...
Ana Santiago Russe
Social Impact
...
Mariela Rodríguez Otero
Engineering Team Leader
...
Carlos Leyva
Wiki Programmer & Designer
...
Team Member
Web Developer
...
Team Member
Web Developer
...
Team Member
Web Developer
...
Team Member
Web Developer