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

m
m
Line 60: Line 60:
 
             border: 0px white solid;
 
             border: 0px white solid;
 
             width: 40vh;
 
             width: 40vh;
−
             text-align: center;  
+
             text-align: center;
 
             vertical-align: middle;
 
             vertical-align: middle;
−
           
+
 
 
         }
 
         }
  
−
         #teamsTable img{
+
         #teamsTable img {
 
             width: 100%;
 
             width: 100%;
 
             height: auto;
 
             height: auto;
 
             transition: 0.4s;
 
             transition: 0.4s;
 
         }
 
         }
−
         #teamsTable img:hover{
+
 
−
             transform: scale(1.3,1.3);
+
         #teamsTable img:hover {
 +
             transform: scale(1.3, 1.3);
 
         }
 
         }
  
Line 78: Line 79:
 
             z-index: 1;
 
             z-index: 1;
 
             width: 100%;
 
             width: 100%;
−
             background-color: yellow;
+
             background-color: white;
 
         }
 
         }
  
Line 114: Line 115:
 
             <tr>
 
             <tr>
 
                 <td><img href="#cem" class="teamLink" src="https://static.igem.org/mediawiki/2018/4/42/T--Tec-Monterrey--teccem.jpg"></td>
 
                 <td><img href="#cem" class="teamLink" src="https://static.igem.org/mediawiki/2018/4/42/T--Tec-Monterrey--teccem.jpg"></td>
−
                 <td colspan="5" rowspan="4"><img style="width:50%"src="https://static.igem.org/mediawiki/2018/d/de/T--Tec-Monterrey--logo.png"></td>
+
                 <td colspan="5" rowspan="4"><img style="width:50%" src="https://static.igem.org/mediawiki/2018/d/de/T--Tec-Monterrey--logo.png"></td>
 
                 <td><img href="#gdl" class="teamLink" src="https://static.igem.org/mediawiki/2018/7/76/T--TecMonterrey_GDL--Lactobachill01.png"></td>
 
                 <td><img href="#gdl" class="teamLink" src="https://static.igem.org/mediawiki/2018/7/76/T--TecMonterrey_GDL--Lactobachill01.png"></td>
 
             </tr>
 
             </tr>
Line 141: Line 142:
  
 
         <div class="collapse collapsedInfoTeam" id="ictmumbai">
 
         <div class="collapse collapsedInfoTeam" id="ictmumbai">
−
             <section id="introduction-HP" class="seccion-responsiva">
+
             <section class="seccion-responsiva">
 
                 <div class="containerCollapse">
 
                 <div class="containerCollapse">
 
                     <div class="height-support"></div>
 
                     <div class="height-support"></div>
Line 149: Line 150:
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="chihuahua">
 
         <div class="collapse collapsedInfoTeam" id="chihuahua">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Tec Chihuahua</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Tec Chihuahua</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="duesseldorf">
 
         <div class="collapse collapsedInfoTeam" id="duesseldorf">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Düsseldorf</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Düsseldorf</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="iitmadras">
 
         <div class="collapse collapsedInfoTeam" id="iitmadras">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>IIT Madras</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>IIT Madras</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="madrid">
 
         <div class="collapse collapsedInfoTeam" id="madrid">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Madrid Olm</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Madrid Olm</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="makerere">
 
         <div class="collapse collapsedInfoTeam" id="makerere">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Makerere</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Makerere</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="aixmarseille">
 
         <div class="collapse collapsedInfoTeam" id="aixmarseille">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Aix Marseille</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Aix Marseille</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="cem">
 
         <div class="collapse collapsedInfoTeam" id="cem">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Tec CEM</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Tec CEM</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="gdl">
 
         <div class="collapse collapsedInfoTeam" id="gdl">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Tec Guadalajara</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Tec Guadalajara</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="stanford">
 
         <div class="collapse collapsedInfoTeam" id="stanford">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Stanford</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Stanford</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="munich">
 
         <div class="collapse collapsedInfoTeam" id="munich">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Munich</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Munich</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="harvard">
 
         <div class="collapse collapsedInfoTeam" id="harvard">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Harvard</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Harvard</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="mit">
 
         <div class="collapse collapsedInfoTeam" id="mit">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>MIT</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>MIT</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="boston">
 
         <div class="collapse collapsedInfoTeam" id="boston">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Boston</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Boston</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="estonia">
 
         <div class="collapse collapsedInfoTeam" id="estonia">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Estonia</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Estonia</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="oxford">
 
         <div class="collapse collapsedInfoTeam" id="oxford">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Oxford</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Oxford</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="macquarie">
 
         <div class="collapse collapsedInfoTeam" id="macquarie">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>Macquarie</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>Macquarie</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="unsw">
 
         <div class="collapse collapsedInfoTeam" id="unsw">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>UNSW</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>UNSW</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="nyuabudhabi">
 
         <div class="collapse collapsedInfoTeam" id="nyuabudhabi">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>NYU Abu Dhabi</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>NYU Abu Dhabi</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="nckutainan">
 
         <div class="collapse collapsedInfoTeam" id="nckutainan">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>NCKU Tainan</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>NCKU Tainan</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
         <div class="collapse collapsedInfoTeam" id="bgu">
 
         <div class="collapse collapsedInfoTeam" id="bgu">
−
             <div class="containerCollapse">
+
             <section class="seccion-responsiva">
−
                <div class="height-support"></div>
+
                <div class="containerCollapse">
−
                <p>BGU</p>
+
                    <div class="height-support"></div>
−
            </div>
+
                    <p>BGU</p>
 +
                </div>
 +
            </section>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
Line 277: Line 318:
 
     </section>
 
     </section>
 
     <!--<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>-->
 
     <!--<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>-->
−
   
+
 
 
     <script>
 
     <script>
 
         var activeTeamDiv;
 
         var activeTeamDiv;
−
         $(".teamLink").click(function () {
+
         $(".teamLink").click(function() {
 
             try {
 
             try {
 
                 $(activeTeamDiv).stop().slideUp(400);
 
                 $(activeTeamDiv).stop().slideUp(400);
−
             } catch(error) {
+
             } catch (error) {
 
                 console.error("No active team div");
 
                 console.error("No active team div");
 
             }
 
             }
−
           
+
 
 
             var divID = $(this).attr("href");
 
             var divID = $(this).attr("href");
−
           
+
 
 
             if (activeTeamDiv == divID) {
 
             if (activeTeamDiv == divID) {
−
               
+
 
 
             } else {
 
             } else {
 
                 activeTeamDiv = divID;
 
                 activeTeamDiv = divID;

Revision as of 21:10, 28 September 2018

This is temporary, just a holder for the concept of the page, image of UCSC

ICT Mumbai

Tec Chihuahua

Düsseldorf

IIT Madras

Madrid Olm

Makerere

Aix Marseille

Tec CEM

Tec Guadalajara

Stanford

Munich

Harvard

MIT

Boston

Estonia

Oxford

Macquarie

UNSW

NYU Abu Dhabi

NCKU Tainan

BGU

Contact Us

Av. Eugenio Garza Sada 2501

64849 Monterrey, Mexico

Sponsors