Difference between revisions of "Team:Tec-Monterrey"

 
(48 intermediate revisions by 7 users not shown)
Line 8: Line 8:
 
     <title>iGEM 2016 - Tec de Monterrey</title>
 
     <title>iGEM 2016 - Tec de Monterrey</title>
 
     <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 
     <link href="https://2016.igem.org/Template:Tec-Monterrey/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
<link href="https://2016.igem.org/Template:Tec-Monterrey/css/style?action=raw&ctype=text/css" rel="stylesheet">
 
</head>
 
</head>
  
 
<body>
 
<body>
    <!--NAVBAR-->
+
 
 +
 
 
     <div class="navbar navbar-default navbar-fixed-top" role="navigation">
 
     <div class="navbar navbar-default navbar-fixed-top" role="navigation">
 
         <div class="container">
 
         <div class="container">
Line 19: Line 21:
 
                     <ul class="nav navbar-nav navbar-right">
 
                     <ul class="nav navbar-nav navbar-right">
 
                         <li class="dropdown" >
 
                         <li class="dropdown" >
                             <p>Project</p>
+
                             <p>Team</p>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
                                 <li><a href="#">Overview</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Team">Team</a></li>
                                <li><a href="#">Experiments</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Attributions">Attributions</a></li>
                                <li><a href="#">Proof of concept</a></li>
+
                                 <li><a href="#">Results</a></li>
+
                                <li><a href="#">Notebook</a></li>
+
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
                             <p>Achievements</p>
+
                             <p>Project</p>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
                                 <li><a href="#">Medals</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Description">Project</a></li>
                                 <li><a href="Collaborations">Collaborations</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Parts">Parts</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Model">Modeling</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Entrepreneurship">Business</a></li>
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
                             <p>Parts</p>
+
                             <p>Human Practice</p>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
                                <li><a href="#">Basic Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Human_Practices">Human Practice</a></li>
                                 <li><a href="#">Composite Parts</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/HP/Silver">Silver</a></li>
                                <li><a href="#">Part Collection</a></li>
+
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/HP/Gold">Gold</a></li>
                                <li><a href="#">Parts</a></li>
+
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Integrated_Practices">Integrated Practice</a></li>
 +
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Engagement">Engagement</a></li>
 +
                               
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
                             <p>Safety</p>
+
                             <a href="https://2016.igem.org/Team:Tec-Monterrey/Collaborations"><p>Collaborations</p></a>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
                             <p>Modeling</p>
+
                             <p>Journal</p>
 
                             <ul class="dropdown-menu">
 
                             <ul class="dropdown-menu">
                                 <li><a href="#">Overview</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Notebook">Notebook</a></li>
                                 <li><a href="#">Módulo 1</a></li>
+
                                 <li><a href="https://2016.igem.org/Team:Tec-Monterrey/Experiments">Protocols</a></li>
                                <li><a href="#">Módulo 2</a></li>
+
<li><a href="https://2016.igem.org/Team:Tec-Monterrey/Safety">Safety</a></li>
                                <li><a href="#">Módulo 3</a></li>
+
 
                                  
 
                                  
 
                             </ul>
 
                             </ul>
 
                         </li>
 
                         </li>
 
                         <li class="dropdown">
 
                         <li class="dropdown">
                             <p>Human Practice</p>
+
                             <a href="https://2016.igem.org/Team:Tec-Monterrey/Results"><p>Achievements</p></a>
                        </li>
+
                        <li class="dropdown">
+
                            <p>Team</p>
+
                            <ul class="dropdown-menu">
+
                                <li><a href="#">Team Members</a></li>
+
                                <li><a href="#">Advisors</a></li>
+
                                <li><a href="#">Instructors</a></li>
+
                                <li><a href="#">Sponsors</a></li>
+
                                <li><a href="#">Attributions</a></li>
+
                            </ul>
+
 
                         </li>
 
                         </li>
                     </ul> <img src="https://static.igem.org/mediawiki/2016/1/13/T--Tec-Monterrey--iGEMTecdeMty-negativo.png"> </div>
+
                     </ul> <img src="https://static.igem.org/mediawiki/2016/4/46/T--Tec-Monterrey--iGEMTec-Mtynegativo.png"> </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 114: Line 106:
 
             <div class="row">
 
             <div class="row">
 
                 <div class="text-center">
 
                 <div class="text-center">
                     <h1>WELCOME</h1></div>
+
                     <h1>Metal recovery from e-waste</h1></div>
 
             </div>
 
             </div>
 +
<img src="https://static.igem.org/mediawiki/2016/4/47/T--Tec-Monterrey--2016_Diagrama_Paco2.png" height="2340" width="1150">
 
             <div class="row">
 
             <div class="row">
 
                 <div id="hr_line" class="col-xs-offset-1 col-xs-10">
 
                 <div id="hr_line" class="col-xs-offset-1 col-xs-10">
Line 121: Line 114:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
        <br>
 
        <br>
 
 
         <div class="row">
 
         <div class="row">
 
             <div class="col-sm-12 col-md-8">
 
             <div class="col-sm-12 col-md-8">
                <video id="main-video" src="https://static.igem.org/mediawiki/2016/d/d8/T--Tec-Monterrey--explainvideo1.mov" controls="controls"> </video>
+
             
            </div>
+
            <div class="col-sm-12 col-md-4">
+
                <div class="row">
+
                    <div class="col-xs-12">
+
                        <h3 id="our_project">OUR PROJECT</h3> </div>
+
 
                 </div>
 
                 </div>
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-xs-12" style="text-align: justify;">
 
                     <div class="col-xs-12" style="text-align: justify;">
                         <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Est dolore, saepe, quae eligendi mollitia, eius sequi similique cupiditate earum maiores aliquam. Rerum ex sunt illo, atque nulla esse reiciendis, ipsam, quo eum consequatur magni incidunt beatae dolore magnam obcaecati laboriosam eligendi ab sequi deserunt vero. Quis temporibus reprehenderit possimus sed odio, nihil aliquid. Nulla optio esse temporibus maxime, amet praesentium quam obcaecati eum reprehenderit fugiat voluptas quos ducimus ipsum illum dolorum repudiandae ex, modi nostrum blanditiis numquam cumque. Perspiciatis quibusdam nisi rem repellendus itaque, consequuntur, obcaecati repudiandae, nobis minus quas sapiente. Placeat nulla sed eum modi labore voluptatem dicta, perferendis!</p>
+
                          
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
                 <div class="row">
 
                 <div class="row">
                     <div class="col-xs-12"><a href="#" id="main_index_see_more">See more...</a></div>
+
                     <div class="col-xs-12"  style="text-align:center;"><font size="7"><a href="https://2016.igem.org/Team:Tec-Monterrey/Description" id="main_index_see_more">See more...</a></font></div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
Line 149: Line 135:
 
     <br>
 
     <br>
 
     <br>
 
     <br>
    <div class="container-fluid" id="footer">
+
<div class="container">
        <br>
+
         <div class="row"> <img style="width:100%;" src="https://static.igem.org/mediawiki/2016/d/da/T--Tec-Monterrey--Sponsors.png"> </div>
         <div class="row">
+
</div>
            <div class="col-xs-6" id="footer-right-border">
+
 
                <div class="text-center">
+
    <div class='container-fluid' >
                    <div class="row">
+
        <div class="row" style="height:80px; background-color:grey; color:white" align=center>
                        <h4>Links out</h4></div>
+
<br>
                </div>
+
            <a href="https://www.facebook.com/IgemTecMonterrey"><img src="https://static.igem.org/mediawiki/2016/5/56/T--Tec-Monterrey--fb.png" style="height:36px; width:36px"></a>
                <div class="row">
+
             <a href="https://twitter.com/iGEMTecMty"><img src="https://static.igem.org/mediawiki/2016/b/bb/T--Tec-Monterrey--twitter.png" style="height:36px; width:36px"></a>
                    <br>
+
            <p style="text-align:center;"><b>Brought to you by iGEM Tec-Monterrey 2016</b></p>
                    <br>
+
                    <br> </div>
+
            </div>
+
             <div class="col-xs-6">
+
                <div class="text-center">
+
                    <div class="row">
+
                        <h4>Contact</h4></div>
+
                </div>
+
                <div class="row">
+
                    <br>
+
                    <br>
+
                    <br> </div>
+
            </div>
+
 
         </div>
 
         </div>
        <br> </div>
+
    </div>
 +
 
 
     <!--END OF NAVBAR-->
 
     <!--END OF NAVBAR-->
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
 
     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
Line 183: Line 157:
 
         var s = skrollr.init();
 
         var s = skrollr.init();
 
     </script>
 
     </script>
<style>
 
#sideMenu, #top_title{
 
display:none;
 
}
 
#globalWrapper, #content{
 
  all: initial;
 
  * {
 
    all: unset;
 
  }
 
}
 
 
.navbar img {
 
    width: 10%;
 
}
 
 
body {
 
    background-color: #F4F4F4;
 
    font-family: 'Lato_Regular';
 
}
 
 
@font-face {
 
    font-family: Lato_Regular;
 
    src: url("../fonts/Lato-Regular.ttf");
 
}
 
@font-face {
 
    font-family: Open_Sans;
 
    src: url("../fonts/OpenSans-Regular.ttf");
 
}
 
 
.navbar {
 
    padding-top: 1%;
 
    padding-bottom: 1%;
 
    background-color: #2b2b2b;
 
    width: 100%;
 
}
 
 
.navbar li p {
 
    font-weight: bold;
 
}
 
 
.dropdown-menu {
 
    opacity: .7;
 
    display: none;
 
}
 
 
.navbar-default .navbar-nav>li>p,
 
.dropdown-menu {
 
    margin-top: 20px;
 
    color: #F8BD03;
 
    !important
 
}
 
 
.navbar-default .navbar-nav>li {
 
    margin-right: 5em;
 
}
 
 
.navbar-default .navbar-nav>li>p:hover {
 
    cursor: pointer;
 
}
 
 
.navbar-default {
 
    border: none;
 
}
 
 
.navbar-default .navbar-nav>.open>p,
 
.navbar-default .navbar-nav>.open>p:focus,
 
.navbar-default .navbar-nav>.open>p:hover {
 
    color: #3D986F;
 
    background-color: #2b2b2b;
 
}
 
 
.navbar-default .navbar-nav>li>p:hover {
 
    color: #3D986F;
 
    !important
 
}
 
 
#footer {
 
    background-color: #C6C6C6;
 
    color: #3D986F;
 
}
 
 
#main-container {
 
    margin-top: 6%;
 
    padding: 0;
 
}
 
 
#footer-right-border {
 
    border-right: 2px solid #3D986F;
 
}
 
 
#footer h4 {
 
    font-weight: 500;
 
}
 
 
.verticalLine {
 
    border: thick solid #ff0000;
 
}
 
 
#index-cover-img-parent {
 
    height: 500px !important;
 
    width: 100% !important;
 
    background-image: url("https://static.igem.org/mediawiki/2016/1/1b/T--Tec-Monterrey--index-banner.png") !important;
 
    background-size: 100% 500px !important;
 
    background-repeat: no-repeat !important;
 
    overflow: hidden !important;
 
}
 
 
#cover {
 
    background-color: #2b2b2b;
 
}
 
 
.dropdown {
 
    display: none;
 
}
 
 
.navbar-nav .dropdown:hover .dropdown-menu {
 
    display: block;
 
    opacity: .7;
 
}
 
 
.dropdown-menu,
 
.dropdown-menu a {
 
    border-radius: 20px !important;
 
}
 
 
.dropdown-menu li>a:hover {
 
    font-weight: bold;
 
    color: #F8BD03;
 
    !important
 
}
 
 
#iGem {
 
    position: relative;
 
    left: 50%;
 
    -webkit-transform: translateX(-50%);
 
    -ms-transform: translateX(-50%);
 
    -o-transform: translateX(-50%);
 
    transform: translateX(-50%);
 
}
 
 
#main-video {
 
    width: 100%;
 
    -webkit-box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
 
    -moz-box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
 
    box-shadow: 7px 5px 38px 0px rgba(0, 0, 0, 0.75);
 
}
 
 
#index-cover-img {
 
    width: 100%;
 
    height: 400px;
 
}
 
 
#sponsors {
 
    background-color: #3D986F;
 
}
 
 
.panorama {
 
overflow-x: scroll;
 
overflow-y: hidden;
 
}
 
 
#colImage {
 
    margin-left: 25%;
 
    margin-top: 10%;
 
}
 
 
 
@media (max-width: 1080){
 
    #iGem {
 
        width: 40%;
 
    }
 
}
 
@media (max-width: 768px) {
 
    #index-cover-img {
 
        height: 300px;
 
    }
 
    #index-cover-img-parent {
 
        background-size: 100% 300px;
 
        size: 100% 300px;
 
        height: 300px;
 
    }
 
    #iGem {
 
        width: 40%;
 
    }
 
}
 
 
@media (max-width: 480px) {
 
    #index-cover-img {
 
        height: 200px;
 
    }
 
    #index-cover-img-parent {
 
        background-size: 100% 250px;
 
        size: 100% 200px;
 
        height: 250px;
 
    }
 
    #iGem {
 
        width: 50%;
 
    }
 
}
 
 
.vertical-center {
 
    display: flex;
 
    align-items: center;
 
}
 
 
div#hr_line>hr {
 
    border-top-left-radius: 100% 0.5em;
 
    border-bottom-left-radius: 100% 0.5em;
 
    border-top-right-radius: 100% 0.5em;
 
    border-bottom-right-radius: 100% 0.5em;
 
    display: block;
 
    height: 1px;
 
    border: 0;
 
    border-top: 5px solid #F8BD03;
 
    margin: 1em 0;
 
    padding: 0;
 
}
 
 
#our_project {
 
    color: #F8BD03;
 
}
 
 
#main_index_see_more {
 
    color: #3D986F;
 
    font-weight: bold;
 
}
 
 
#circuito-tab-container p {
 
    text-align:justify;
 
}
 
 
#circuito-tab-container .tab-pane div.well{
 
    max-height: 400px;
 
    overflow-y: scroll;
 
}
 
 
#titleBanner{
 
    margin-top:6%;
 
}
 
 
</style>
 
 
  
 
</body>
 
</body>
  
 
</html>
 
</html>

Latest revision as of 05:59, 3 December 2016

iGEM 2016 - Tec de Monterrey




Metal recovery from e-waste









Brought to you by iGEM Tec-Monterrey 2016