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

m
m
Line 3: Line 3:
 
<head>
 
<head>
 
   <style>
 
   <style>
−
  .cd-vertical-nav li:first-of-type a::after {
+
     .sponsor-container {
−
     /* change icon using image sprites */
+
      width:100%;
−
    background-position: 0px -48px;
+
      height: auto;
−
    /* fix bug with transitions - set scale(0.01) rather than scale(0) */
+
     }
−
    -webkit-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
     .sponsor-container img {
−
    -moz-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
      width: 60%;
−
    -ms-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
      float: left;
−
    -o-transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
      margin:0;
−
    transform: translateX(-50%) translateY(7.5em) scale(0.01);
+
     }
−
  }
+
     .sponsor-container .sponsor-title {
−
  .cd-vertical-nav li:first-of-type a::before {
+
      width:40%;
−
    -webkit-transform: translateX(-50%) translateY(7.5em) scale(0.25);
+
      float: right;
−
    -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);
+
−
  }
+
−
  .cd-vertical-nav li:nth-of-type(2) a::after {
+
−
     background-position: 0px -32px;
+
−
    -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(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">
Line 157: Line 38:
  
 
   <section id="lab-sponsors" class="seccion-responsiva">
 
   <section id="lab-sponsors" class="seccion-responsiva">
−
     <div class="body-title">Lab Equipment Sponshors</div>
+
     <div class="sponsor-container">
−
        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam hendrerit, nunc vitae luctus bibendum, ex elit suscipit
+
      <img src="https://static.igem.org/mediawiki/2018/8/89/T--Tec-Monterrey--GDX.png" alt="">
−
        arcu, eget imperdiet lectus velit in dui. Nunc in ligula a lorem congue volutpat. Etiam at augue sit amet diam
+
      <div class="sponsor-title"><a></a></div>
−
        pellentesque scelerisque ac a lorem. Pellentesque vel vulputate nulla. Donec lacinia, dolor quis eleifend finibus,
+
      <br class="clearBoth">
−
        orci justo hendrerit mi, et finibus ipsum urna in mi. Sed sollicitudin risus non finibus vehicula. Proin vel rutrum
+
    </div>
−
        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>
−
 
−
  <section id="HP-sponsors" class="seccion-responsiva">
 
−
    <div class="body-title">Human Practices Sponsors</div>
 
−
        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="other-sponsors" class="seccion-responsiva">
 
−
    <div class="body-title">Other Sponsorships</div>
 
−
        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>
 
−
 
 
</body>
 
</body>
 
</html>
 
</html>
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}
 
{{:Team:Tec-Monterrey/Templates/Tec-Monterrey_Footer}}

Revision as of 14:59, 14 October 2018

Sponsors
Placeholder

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors