Difference between revisions of "Team:Tec-Monterrey/Sponsors"

m
 
(25 intermediate revisions by 2 users not shown)
Line 3: Line 3:
 
<head>
 
<head>
 
   <style>
 
   <style>
  .cd-vertical-nav li:first-of-type a::after {
+
     .masthead {
     /* change icon using image sprites */
+
      background: url(https://static.igem.org/mediawiki/2018/e/ed/T--Tec-Monterrey--Header_Sponsors.jpg);
    background-position: 0px -48px;
+
      background-size: cover;
    /* fix bug with transitions - set scale(0.01) rather than scale(0) */
+
      background-repeat: no-repeat;
    -webkit-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
     }
    -moz-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
     .sponsor-container {
    -ms-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
      width:100%;
    -o-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
      height: auto;
    transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
      padding: 1%;
  }
+
     }
  .cd-vertical-nav li:first-of-type a::before {
+
     .sponsor-container img {
    -webkit-transform: translateX(-50%) translateY(7.5em) scale(0.25);
+
      width: 40%;
    -moz-transform: translateX(-50%) translateY(7.5em) scale(0.25);
+
      float: left;
    -ms-transform: translateX(-50%) translateY(7.5em) scale(0.25);
+
      margin:0;
    -o-transform: translateX(-50%) translateY(7.5em) scale(0.25);
+
      padding: 5px;
    transform: translateX(-50%) translateY(7.5em) scale(0.25);
+
     }
  }
+
     .sponsor-container .sponsor-title {
  .cd-vertical-nav li:nth-of-type(2) a::after {
+
      width:60%;
    background-position: 0px -32px;
+
      float: right;
    -webkit-transform: translateX(-50%) translateY(4.5em) scale(0.01);
+
      text-align: justify;
    -moz-transform: translateX(-50%) translateY(4.5em) scale(0.01);
+
      font-size: 2vw;
    -ms-transform: translateX(-50%) translateY(4.5em) scale(0.01);
+
      padding: 3%;
    -o-transform: translateX(-50%) translateY(4.5em) scale(0.01);
+
     }
    transform: translateX(-50%) translateY(4.5em) scale(0.01);
+
  }
+
  .cd-vertical-nav li:nth-of-type(2) a::before {
+
    -webkit-transform: translateX(-50%) translateY(4.5em) scale(0.25);
+
    -moz-transform: translateX(-50%) translateY(4.5em) scale(0.25);
+
    -ms-transform: translateX(-50%) translateY(4.5em) scale(0.25);
+
    -o-transform: translateX(-50%) translateY(4.5em) scale(0.25);
+
    transform: translateX(-50%) translateY(4.5em) scale(0.25);
+
  }
+
  .cd-vertical-nav li:nth-of-type(3) a::after {
+
    background-position: 0px -16px;
+
    -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.01);
+
    -moz-transform: translateX(-50%) translateY(1.5em) scale(0.01);
+
    -ms-transform: translateX(-50%) translateY(1.5em) scale(0.01);
+
    -o-transform: translateX(-50%) translateY(1.5em) scale(0.01);
+
    transform: translateX(-50%) translateY(1.5em) scale(0.01);
+
  }
+
  .cd-vertical-nav li:nth-of-type(3) a::before {
+
    -webkit-transform: translateX(-50%) translateY(1.5em) scale(0.25);
+
    -moz-transform: translateX(-50%) translateY(1.5em) scale(0.25);
+
    -ms-transform: translateX(-50%) translateY(1.5em) scale(0.25);
+
    -o-transform: translateX(-50%) translateY(1.5em) scale(0.25);
+
    transform: translateX(-50%) translateY(1.5em) scale(0.25);
+
  }
+
  .cd-vertical-nav li:nth-of-type(4) a::after {
+
    background-position: 0px 0px;
+
    -webkit-transform: translateX(-50%)  scale(0.01);
+
     -moz-transform: translateX(-50%)  scale(0.01);
+
    -ms-transform: translateX(-50%)  scale(0.01);
+
    -o-transform: translateX(-50%)  scale(0.01);
+
    transform: translateX(-50%)  scale(0.01);
+
  }
+
  .cd-vertical-nav li:nth-of-type(4) a::before {
+
     -webkit-transform: translateX(-50%)  scale(0.25);
+
    -moz-transform: translateX(-50%)  scale(0.25);
+
    -ms-transform: translateX(-50%)  scale(0.25);
+
    -o-transform: translateX(-50%)  scale(0.25);
+
    transform: translateX(-50%)  scale(0.25);
+
  }
+
  .cd-vertical-nav li:nth-of-type(5) a::after {
+
    background-position: 0px 0px;
+
    -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
+
    -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
+
    -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
+
    -o-transform: translateX(-50%) translateY(-1.5em) scale(0.01);
+
     transform: translateX(-50%) translateY(-1.5em) scale(0.01);
+
  }
+
  .cd-vertical-nav li:nth-of-type(5) a::before {
+
     -webkit-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
+
    -moz-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
+
    -ms-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
+
    -o-transform: translateX(-50%) translateY(-1.5em) scale(0.25);
+
    transform: translateX(-50%) translateY(-1.5em) scale(0.25);
+
  }
+
  .cd-vertical-nav li:nth-of-type(6) a::after {
+
    background-position: 0px 0px;
+
    -webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
+
    -moz-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
+
    -ms-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
+
    -o-transform: translateX(-50%) translateY(-4.5em) scale(0.01);
+
     transform: translateX(-50%) translateY(-4.5em) scale(0.01);
+
  }
+
  .cd-vertical-nav li:nth-of-type(6) a::before {
+
     -webkit-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
+
    -moz-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
+
    -ms-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
+
    -o-transform: translateX(-50%) translateY(-4.5em) scale(0.25);
+
    transform: translateX(-50%) translateY(-4.5em) scale(0.25);
+
  }
+
  .cd-vertical-nav li:nth-of-type(7) a::after {
+
    background-position: 0px 0px;
+
    -webkit-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
+
    -moz-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
+
    -ms-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
+
    -o-transform: translateX(-50%) translateY(-7.5em) scale(0.01);
+
    transform: translateX(-50%) translateY(-7.5em) scale(0.01);
+
  }
+
  .cd-vertical-nav li:nth-of-type(7) a::before {
+
     -webkit-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
+
    -moz-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
+
    -ms-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
+
    -o-transform: translateX(-50%) translateY(-7.5em) scale(0.25);
+
    transform: translateX(-50%) translateY(-7.5em) scale(0.25);
+
  }
+
 
   </style>
 
   </style>
 
</head>
 
</head>
 
<body>
 
<body>
<!------------------------------------------------------------------------------------------------------------------------>
 
<!----------------------------------------------------- sidebar dots navigation ------------------------------------------>
 
<!------------------------------------------------------------------------------------------------------------------------>
 
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--modernizr?action=raw&ctype=text/javascript"</script>
 
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--main-vertical-nav?action=raw&ctype=text/javascript"></script>
 
    <!-- Modernizr -->
 
   
 
   
 
    <!------------SideBar dots navigation -------->
 
    <nav class="cd-vertical-nav">
 
        <ul class="vertical-nav">
 
            <li><a href="#page-top"><span class="label">Header<br><br></span></a></li>
 
            <li><a href="#tec-monterrey-work"><span class="label">What we have done</span></a></li>
 
            <li><a href="#general-support"><span class="label">General Support</span></a></li>
 
            <li><a href="#HP-support"><span class="label">HP Support<br><br></span></a></li>
 
            <li><a href="#design-wiki"><span class="label">Design/Wiki<br><br></span></a></li>
 
            <li><a href="#fund-raising"><span class="label">Fund Raising<br><br></span></a></li>
 
            <li><a href="#thanks"><span class="label">Thanks</span></a></li>
 
        </ul>
 
    </nav>
 
    <!-- .cd-vertical-nav -->
 
   
 
    <script src="https://2018.igem.org/Team:Tec-Monterrey/T--Tec-Monterrey--main?action=raw&ctype=text/javascript"></script>
 
    <!-- Resource jQuery -->
 
 
 
   <header class="masthead" id="page-top">
 
   <header class="masthead" id="page-top">
       <div class="header-top">
+
       <!--<div class="header-top">
 
         <video autoplay muted loop class="video-header" type="video/mp4">
 
         <video autoplay muted loop class="video-header" type="video/mp4">
           <source src="https://static.igem.org/mediawiki/2018/d/d7/T--Tec-Monterrey--videoTec.mp4">
+
           <source src="https://static.igem.org/mediawiki/2018/5/5d/T--Tec-Monterrey--Generic_Header.mp4">
 
         </video>
 
         </video>
 
       </div>
 
       </div>
Line 147: Line 38:
 
           <div class="div-header-bottom">
 
           <div class="div-header-bottom">
 
           <div class="header-title">
 
           <div class="header-title">
               Attributions
+
               Sponsors
 
           </div>
 
           </div>
 
           <div class="header-subtitle">
 
           <div class="header-subtitle">
               No great project is done without help
+
               Placeholder
 
           </div>
 
           </div>
 
           </div>
 
           </div>
       </div>
+
       </div>-->
 
   </header>
 
   </header>
  
   <section id="tec-monterrey-work" class="seccion-responsiva">
+
<div class="articulo">
    <div class="body-title">Lab Equipment Sponshors</div>
+
   <section id="lab-sponsors" class="seccion-responsiva">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit
+
        arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam
+
        pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus,
+
        orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum
+
        erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum
+
        ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet
+
        nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam
+
        interdum puru non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id
+
        libero at suscipit
+
  </section>
+
  
  <section id="fund-raising" class="seccion-responsiva">
+
    <div class="sponsor-container">
     <div class="body-title">Human Practices Sponsors</div>
+
      <img src="https://static.igem.org/mediawiki/2018/2/24/T--Tec-Monterrey--Opentrons.png" alt="Opentrons">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit
+
      <div class="sponsor-title"><b><a href="https://opentrons.com/">Opentrons</a></b> is a company dedicated to make robots for biologists. We want to thank oprentrons by providing us with a OT-2 Pippeting robot, which allowed us to acomplish our objetives in the characterization of new parts.</b></div>
        arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam
+
      <br class="clearBoth">
        pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus,
+
    </div>
        orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum
+
 
        erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum
+
     <div class="sponsor-container">
        ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet
+
      <img src="https://static.igem.org/mediawiki/2018/a/a2/T--Tec-Monterrey--CONANP.png" alt="CONANP">
        nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam
+
      <div class="sponsor-title"><b><a href="https://www.gob.mx/conanp">CONANP</a></b> With the priceless help of CONANP,  our Human Practices Journey could be realized. They spent two months, gathering information about the coordinates of the specific points of analysis. They also facilitate dates, times and roads for the journey to be efficient and as productive as possible.</div>
        interdum puru non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id
+
      <br class="clearBoth">
        libero at suscipit
+
    </div>
  </section>
+
 
 +
    <div class="sponsor-container">
 +
      <img src="https://static.igem.org/mediawiki/2018/5/56/T--Tec-Monterrey--CECROPIA.png" alt="Cecropia" style="background: grey; border-radius: 30px;">
 +
      <div class="sponsor-title"><b><a href="http://www.cecropia.org/index2.html">Cecropia</a></b> was a key sponsor because of their help and advice for our Human Practices. They provided us the locations of the samples and gave us valuable council before, during and after the sample gathering.</div>
 +
      <br class="clearBoth">
 +
    </div>
 +
 
 +
    <div class="sponsor-container">
 +
      <img src="https://static.igem.org/mediawiki/2018/4/43/T--Tec-Monterrey--Concretos.png" alt="Concretos Modernos">
 +
      <div class="sponsor-title"><b><a href="http://www.concretosmodernos.com.mx/">Concretos Modernos</a></b> Another sponsor for Human Practices that provided priceless help planning the sample gathering. Gave us valuable council.</div>
 +
      <br class="clearBoth">
 +
    </div>
 +
 
 +
    <div class="sponsor-container">
 +
      <img src="https://static.igem.org/mediawiki/2018/8/89/T--Tec-Monterrey--GDX.png" alt="GDX Holdings">
 +
      <div class="sponsor-title"><b><a href="http://www.gdx.io/">GDX Holdings</a></b> We want to thank GDX Holdings their financial support which facilitated our stay in Boston for the Giant Jamboree.</div>
 +
      <br class="clearBoth">
 +
    </div>
 +
 
 +
    <div class="sponsor-container">
 +
      <img src="https://static.igem.org/mediawiki/2018/5/5e/T--Tec-Monterrey--NEB.png" alt="New England Biolabs">
 +
      <div class="sponsor-title"><b><a href="https://international.neb.com/">New England Biolabs</a></b> We would not be able to carry out many protocols with out the BioBrick® Assembly Kit provided by New England Biolabs.</div>
 +
      <br class="clearBoth">
 +
    </div>
 +
 
 +
    <div class="sponsor-container">
 +
      <img src="https://static.igem.org/mediawiki/2018/6/6b/T--Tec-Monterrey--Ladesa2.png">
 +
      <div class="sponsor-title"><b><a href="http://www.ladesa.com/">LADESA</a></b> We want to thank Ladesa for making possible the attendance of a team member to the Giant Jamboree by a financial support.</div>
 +
      <br class="clearBoth">
 +
    </div>
 +
 
 +
    <div class="sponsor-container">
 +
      <img src="https://static.igem.org/mediawiki/2018/3/3c/T--Duesseldorf--snapgene.png" alt="SnapGene">
 +
      <div class="sponsor-title"><b><a href="https://www.snapgene.com/">SnapGene</a></b> We were able to have a digital view of our sequences and make improvements on them thank to the software licenses provided by SnapGene.</div>
 +
      <br class="clearBoth">
 +
    </div>
  
  <section id="design-wiki" class="seccion-responsiva">
+
    <div class="sponsor-container">
    <div class="body-title">Other Sponsorships</div>
+
      <img src="https://static.igem.org/mediawiki/2018/f/f2/T--Tec-Monterrey--Amexcid_Logo.png" alt="AMEXCID">
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit
+
      <div class="sponsor-title"><b><a href="https://www.gob.mx/amexcid">Agencia Mexicana de Cooperación Internacional para el Desarrollo</a></b> provided the team with financig for the journey to Boston.</div>
        arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam
+
      <br class="clearBoth">
        pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus,
+
    </div>
        orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum
+
        erat. Phasellus et lorem mauris. Integer sit amet elit sed risus fermentum mollis eu eu mi. Praesent vestibulum
+
        ligula id purus convallis euismod. Vestibulum dignissim ante id tortor dapibus feugiat non eget ligula. Sed sit amet
+
        nisi ac sapien vehicula lobortis. Suspendisse quis libero at turpis venenatis bibendum sit amet at purus. Aliquam
+
        interdum puru non mollis molestie. Mauris quis felis vitae neque ornare commodo at id sapien. Vestibulum mattis id
+
        libero at suscipit
+
 
   </section>
 
   </section>
 +
</div>
  
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}

Latest revision as of 17:20, 17 October 2018

Contact Us

Sponsors