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

Line 1: Line 1:
 +
 +
{{RUM-UPRM}}
 +
{{RUM-UPRM/Nav}}
 +
 +
<html lang="en">
 +
<head>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.min.js"></script>
 +
 +
 +
<style>
 +
  body {
 +
    position: relative;
 +
     
 +
 +
  }
 +
  ul.nav-pills {
 +
    top: 70px;
 +
}
 +
 +
ul.nav {
 +
position: sticky;
 +
 +
  }
 +
  div.col-8 div {
 +
    height: 500px;
 +
  }
 +
.sticky {
 +
    position: relative;
 +
    top: 0;
 +
    width: 100%;
 +
}
 +
#myScrollspy {
 +
position: sticky;
 +
top: 70px;
 +
 +
}
 +
 +
  </style>
 +
</head>
 +
<body data-spy="scroll" data-target="#myScrollspy" data-offset="1">
 +
 +
<div class="container-fluid; bg-info" style="height:100px; top: 200px">
 +
  <center><h1>Collaborations</h1></center>
 +
</div>
 +
 +
 +
<div class="container-fluidtwo">
 +
  <div class="row">
 +
    <nav class="col-sm-3 col-4" id="myScrollspy">
 +
      <ul class="nav nav-pills flex-sm-column">
 +
        <li class="nav-item">
 +
          <a class="nav-link active" href="#section1">Tema 1</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link" href="#section2">Tema 2</a>
 +
        </li>
 +
        <li class="nav-item">
 +
          <a class="nav-link" href="#section3">Tema 3</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section4">Tema 4</a>
 +
        </li> <li class="nav-item">
 +
          <a class="nav-link" href="#section5">Tema 5</a>
 +
        </li> <li class="nav-item">
 +
          <a class="nav-link" href="#section6">Tema 6</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section7">Tema 7</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section8">Tema 8</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section9">Tema 9</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section10">Tema 10</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section11">Tema 11</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section12">Tema 12</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section13">Tema 13</a>
 +
        </li>
 +
<li class="nav-item">
 +
          <a class="nav-link" href="#section14">Tema 14</a>
 +
        </li>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
      </ul>
 +
    </nav>
 +
 +
 +
    <div class="col-sm-9 col-8; scroll"> <div align="justify">
 +
      <div id="section1" style="background-color:rgba(255,0,0,0.07)">   
 +
        <center><h1>EnviroSpeaks by IGEM RUM-UPRM</h1></center>
 +
 +
        <div class=”section text-center”>
 +
      <h2 class="mx-auto my-0 text-center">EnviroSpeaks by iGEM RUM_UPRM</h2>
 +
<p style="text-indent:40px; margin-left:7%; margin-right:7%">IGEM RUM_UPRM is aware of how important it is to target contamination around us with Synthetic Biology. This is why we want to hear from the other iGEM Teams about the different environmental challenges that they are facing today. In addition, we asked them to help us create awareness and educate others by designing a poster, presentation, short video, brochure, drawing, collage, or any other creative method that communicates which contaminants are present in their locations, how it has been affecting their surroundings, and/or what can we do to face these challenges. </p>
 +
<p style="text-indent:40px; margin-left:7%; margin-right:7%">The participating teams were: <a href="https://2020.igem.org/Team:NCKU_Tainan">NCKU_Tainan,</a> <a href="https://2020.igem.org/Team:IIT_Roorkee"> IIT_Roorkee,</a> Ecuador, <a href="https://2020.igem.org/Team:Edinburgh"> Edinburgh, </a> <a href="https://2020.igem.org/Team:UPCH_Peru">UPCH Peru,</a> Thrace</p>
 +
        </div align="justify">

 +
        <center><img src="https://static.igem.org/mediawiki/parts/4/4f/T--RUM-UPRM--enviropromo.png" style="width: 30%"></center>
</div>
 +
 +
<center>
 +
 +
<style>
 +
.carousel {
 +
width: 60%; height:50%;
 +
}
 +
 +
.carousel-inner > .item > img,
 +
.carousel-inner > .item > a > img{
 +
width: 90;
 +
margin: auto;
 +
}
 +
.container{
 +
border: 3px;
 +
}
 +
.carousel-control-next,
 +
.carousel-control-prev {
 +
    filter:invert(100%);
 +
}
 +
ol.carousel-indicators {
 +
  position: absolute;
 +
  bottom: 5px;
 +
  margin: 0;
 +
  left: 0;
 +
  right: 0;
 +
  width: auto;
 +
}
 +
 +
ol.carousel-indicators li,
 +
ol.carousel-indicators li.active {
 +
  width: 1rem;
 +
  height: 1rem;
 +
  margin: 0;
 +
  border-radius: 50%;
 +
  border: 0;
 +
  background: transparent;
 +
}
 +
 +
ol.carousel-indicators li {
 +
  background: rgba(192,192,192,0.7);
 +
  margin-left: .5rem;
 +
  margin-right: .5rem;
 +
}
 +
 +
ol.carousel-indicators li.active {
 +
  background: gray;
 +
}
 +
 +
 +
 +
</style>
 +
 +
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel" data-interval="false">
 +
  <ol class="carousel-indicators">
 +
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
 +
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
 +
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
 +
<li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
 +
 +
  </ol>
 +
  <div class="carousel-inner">
 +
    <div class="carousel-item active">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/8/89/T--RUM-UPRM--pollution2.png" alt="First slide">
 +
    </div>
 +
    <div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/b/b9/T--RUM-UPRM--ecuadorenvirospeaks.png" alt="Second slide">
 +
    </div>
 +
    <div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/2/20/T--RUM-UPRM--Thracepickaside.png" alt="Third slide">
 +
    </div>
 +
 +
<div class="carousel-item">
 +
      <img class="d-block w-100" img src="https://static.igem.org/mediawiki/parts/e/eb/T--RUM-UPRM--envirospeaksupch.png" alt="Third slide">
 +
    </div>
 +
 +
 +
 +
  </div>
 +
  <a class="carousel-control-prev" href="#carouselExampleIndicators" 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="#carouselExampleIndicators" role="button" data-slide="next">
 +
    <span class="carousel-control-next-icon" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
 +
</center>
 +
 +
 +
      <div id="section2">
 +
  <center><h1>Tema 2</h1> </center>
 +
<p style=" margin-left:7%; margin-right:7%"> Text Here</p>
 +
 +
</div>
 +
       
 +
      <div id="section3" style="background-color:rgba(255,0,0,0.07)">       
 +
        <center> <h1>Tema 3</h1> </center>
 +
<p style=" margin-left:7%; margin-right:7%">Text Here </p>
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
    </div>
 +
  </div>
 +
</div>
 +
</div>
 +
 +
<script>
 +
window.onscroll = function() {myFunction()};
 +
 +
var myScrollspy = document.getElementById("myScrollspy");
 +
var sticky = myScrollspy.offsetTop+70px;
 +
 +
function myFunction() {
 +
  if (window.pageYOffset >= sticky) {
 +
    myScrollspy.classList.add("sticky")
 +
  } else {
 +
    myScrollspy.classList.remove("sticky");
 +
  }
 +
}
 +
</script>
 
 +
</body>
 +
</html>
 +
 +
{{RUM-UPRM/Footer}}
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 
{{RUM-UPRM}}
 
{{RUM-UPRM}}
 
{{RUM-UPRM/Nav}}
 
{{RUM-UPRM/Nav}}
Line 548: Line 806:
 
         </div align="justify">

 
         </div align="justify">

 
         <center><img src="https://static.igem.org/mediawiki/parts/c/ce/T--RUM-UPRM--mernite.png" style="width: 40%"> </center>
</div>
 
         <center><img src="https://static.igem.org/mediawiki/parts/c/ce/T--RUM-UPRM--mernite.png" style="width: 40%"> </center>
</div>
−
       
 
−
 
−
</div>
 
−
</section>
 
−
    </body>
 
−
</html>
 
−
{{RUM-UPRM/Footer}}
 

Revision as of 23:17, 26 October 2020



RUM-UPRM Wiki Source Code

Collaborations

EnviroSpeaks by IGEM RUM-UPRM

EnviroSpeaks by iGEM RUM_UPRM

IGEM RUM_UPRM is aware of how important it is to target contamination around us with Synthetic Biology. This is why we want to hear from the other iGEM Teams about the different environmental challenges that they are facing today. In addition, we asked them to help us create awareness and educate others by designing a poster, presentation, short video, brochure, drawing, collage, or any other creative method that communicates which contaminants are present in their locations, how it has been affecting their surroundings, and/or what can we do to face these challenges.

The participating teams were: NCKU_Tainan, IIT_Roorkee, Ecuador, Edinburgh, UPCH Peru, Thrace






Tema 2

Text Here

Tema 3

Text Here





Our Sponsors

Amgen Snapgene UPRM Goya Genscript PRABIA MolecularCloud MatLab IDT ReviveRestore Twist

Follows Us!