Difference between revisions of "Team:GenetiX Tec CCM/Attributions"
(Prototype team page) |
Rodrigovb12 (Talk | contribs) |
||
(5 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="X-UA-Compatible" content="IE=edge"> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
+ | <title>iGem Tec CCM/Team/Attributions</title> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/css/bootstrap.min.css"> | ||
+ | <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.1/js/bootstrap.min.js"></script> | ||
+ | </head> | ||
+ | <script> | ||
+ | function close() { | ||
+ | if(document.getElementById('benefits').style.display=='block') { | ||
+ | document.getElementById('benefits').style.display='none'; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
+ | <script> | ||
+ | function show() { | ||
+ | if(document.getElementById('benefits').style.display=='none') { | ||
+ | document.getElementById('benefits').style.display='block'; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
− | < | + | <style type="text/css"> /* Used in page */ |
+ | body { background-color: #fff; } | ||
+ | ul{list-style: none; list-style-type: none;} | ||
+ | li{list-style: none; list-style-type: none;} | ||
+ | h1{display: none;} | ||
+ | h2{color:#23b593;} | ||
+ | h3{color:#23b588;} | ||
+ | #globalWrapper, #content{ | ||
+ | background-color: transparent; | ||
+ | border: 0px; | ||
+ | margin:0px; | ||
+ | padding: 0px; | ||
+ | width:100%; | ||
+ | } | ||
+ | #mainContainer {/* Creates a container that will wrap all of the content inside your wiki pages. */ | ||
+ | width: 100%; | ||
+ | overflow:hidden; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-bottom: 10px; | ||
+ | background-color: #fff; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | } | ||
+ | .menu { | ||
+ | font-family: "Verdana", Geneva, sans-serif; | ||
+ | font-weight: 10; | ||
+ | font-size: 28px; | ||
+ | float: top; | ||
+ | color: black; | ||
+ | margin-top: 20px; | ||
+ | } | ||
+ | #menuNavbar { | ||
+ | background: #fff; | ||
+ | float:top; | ||
+ | width: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | margin-top: 16px; | ||
+ | } | ||
+ | .navContainer li{ | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | .navContainer li ul { | ||
+ | display: none; | ||
+ | padding-top:10px; | ||
+ | margin-left: -19px; | ||
+ | } | ||
+ | .navContainer li:hover ul { | ||
+ | /*display: inline-block; */ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | float:right; | ||
+ | margin-left:-40px; | ||
+ | margin-top:-10px; | ||
+ | } | ||
+ | .up{ | ||
+ | background: #fff; | ||
+ | } | ||
+ | #topbar { | ||
+ | background: #fff; | ||
+ | padding: 10px 0 10px 0; | ||
+ | text-align: center; | ||
+ | height: 100px; | ||
+ | color: black; | ||
+ | overflow: hidden; | ||
+ | -webkit-transition: height 0.5s linear; | ||
+ | -moz-transition: height 0.5s linear; | ||
+ | transition: height 0.5s linear; | ||
+ | } | ||
+ | #topbar a { | ||
+ | color: #fff; | ||
+ | font-size:1.3em; | ||
+ | line-height: 1.25em; | ||
+ | text-decoration: none; | ||
+ | opacity: 0.5; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | #tophiddenbar { | ||
+ | font-size:1.5em; | ||
+ | background: #fff; | ||
+ | font-weight: bold; | ||
+ | text-align: right; | ||
+ | text-shadow: 1px 1px 0 #444; | ||
+ | } | ||
+ | #tophiddenbar a { | ||
+ | color: black; | ||
+ | font-size: 0.5em; | ||
+ | text-decoration: none; | ||
+ | opacity: 0.5; | ||
+ | text-shadow: none; | ||
+ | } | ||
+ | #tophiddenbar a:hover { opacity: 1; } | ||
+ | .subnavbar{ | ||
+ | width:90%; | ||
+ | height:100px; | ||
+ | margin-left: 0px; | ||
+ | } | ||
+ | #contentContainer { | ||
+ | margin-top: 100px; | ||
+ | padding-top:20px; | ||
+ | padding-right:20px; | ||
+ | padding-left: 20px; | ||
+ | margin-bottom: 20px; | ||
+ | width: 100%; | ||
+ | background-color: #fff; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | } | ||
+ | #bannerContainer { | ||
+ | height:200px; | ||
+ | margin:auto; | ||
+ | text-align:center; | ||
+ | color: #24B694; | ||
+ | width: 90%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #TMember{ | ||
+ | width: 80%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | #TMI{ | ||
+ | width: 250px; | ||
+ | height: 250px; | ||
+ | } | ||
+ | #contentContainer h1, h2, h3, h4, h5, h6 { | ||
+ | color: #565656; | ||
+ | border-bottom: none; | ||
+ | font-weight: bold; | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | margin-top:10px; | ||
+ | } | ||
− | + | #footer{ | |
+ | width: 100%; | ||
+ | background-color: #EEFFFF ; | ||
+ | font-family: "Impact", "Charcoal", sans-serif; | ||
+ | font-weight: 100; | ||
+ | font-size: 25px; | ||
+ | color: #594F4F; | ||
+ | float: bottom; | ||
+ | } | ||
+ | .address{ | ||
+ | font-family: "Verdana", Geneva, sans-serif; | ||
+ | font-weight: 100; | ||
+ | font-size: 12px; | ||
+ | color:#594F4F; | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 10px; | ||
+ | } | ||
+ | .video { | ||
+ | margin-top: 40px; | ||
+ | margin-bottom: 60px; | ||
+ | } | ||
+ | .icons{ | ||
+ | width: 50px; | ||
+ | margin-top: 20px; | ||
+ | margin-right: 10px; | ||
+ | } | ||
+ | .icons2{ | ||
+ | width: 20px; | ||
+ | } | ||
+ | .clear{ | ||
+ | clear:both; | ||
+ | height: 10px; | ||
+ | } | ||
+ | </style> | ||
− | < | + | <style> |
+ | |||
+ | .submenu { | ||
+ | font-weight: 50; | ||
+ | font-family: "Verdana", Geneva, sans-serif; | ||
+ | font-size: 20px; | ||
+ | color: black; | ||
+ | float: right; | ||
+ | margin-top: 10px; | ||
+ | } | ||
+ | .btn-default { | ||
+ | background-color: transparent; | ||
+ | border-color: transparent; | ||
+ | font-weight: bold; | ||
+ | font-size: 25px; | ||
+ | color: black; | ||
+ | } | ||
+ | .headerline { | ||
+ | height: 30px; | ||
+ | width: 100px; | ||
+ | } | ||
+ | .body { | ||
+ | margin-top: 25px; | ||
+ | } | ||
+ | .abstract{ | ||
+ | font-family: "Trebuchet MS", Helvetica, sans-serif; | ||
+ | font-weight: 100; | ||
+ | font-size: 30px; | ||
+ | color: black; | ||
+ | } | ||
+ | </style><!-- de iGem--> | ||
+ | <!-- Start of CSS--> | ||
+ | <style type="text/css"> | ||
+ | /*Change the styling of text for everything inside main container*/ | ||
+ | #mainContainer p { | ||
+ | font-size: 13px; | ||
+ | color: #000000; | ||
+ | } | ||
+ | /*Style of the links - links are different inside the menu */ | ||
+ | #contentContainer a { | ||
+ | font-weight: bold; | ||
+ | color: #23b593; | ||
+ | } | ||
+ | /* Styling links on hover- links are different inside the menu */ | ||
+ | #contentContainer a:hover { | ||
+ | color: #59bf92; | ||
+ | } | ||
+ | /*Change the styling of tables */ | ||
+ | #contentContainer table { | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | width: 90% | ||
+ | margin: auto; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | margin-right: 10px; | ||
+ | margin-left: 10px; | ||
+ | } | ||
+ | /*Change the styling of table cells*/ | ||
+ | #contentContainer td { | ||
+ | padding: 10px; | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | /*Change the styling of table headers */ | ||
+ | #contentContainer th { | ||
+ | background-color: #E8E8E9; | ||
+ | padding: 10px; | ||
+ | border: 1px solid #565656; | ||
+ | border-collapse: collapse; | ||
+ | vertical-align: text-top; | ||
+ | } | ||
+ | /*MENU STYLING */ | ||
+ | /*Styling for the links in the menu */ | ||
+ | /* #menuContainer a { | ||
+ | color: #565656; | ||
+ | text-decoration:none; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | /* Sets the style for lists inside menuContainer */ | ||
+ | #menuContainer ul { | ||
+ | list-style: none; | ||
+ | margin-left:0px; | ||
+ | } | ||
+ | /*Styles the list items to become menu buttons */ | ||
+ | #menuContainer ul li { | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height:30px; | ||
+ | } | ||
+ | /*For the menu buttons, changes the color when hovering*/ | ||
+ | #menuContainer li:hover { | ||
+ | color: black; | ||
+ | background-color: #24B694; | ||
+ | } | ||
+ | /*Submenus are not displayed as default*/ | ||
+ | #menuContainer li ul { | ||
+ | display: none; | ||
+ | padding-top:-30px; | ||
+ | margin-left: -19px; | ||
+ | } | ||
+ | /*Submenus are displayed when hovering the menu button */ | ||
+ | #menuContainer li:hover ul { | ||
+ | /*display: inline-block; */ | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | float:right; | ||
+ | margin-left: 134px; | ||
+ | margin-top:-82px; | ||
+ | } | ||
+ | /*Style the submenu buttons*/ | ||
+ | #menuContainer ul li { | ||
+ | text-align: center; | ||
+ | display: block; | ||
+ | width: 100%; | ||
+ | height:30px; | ||
+ | padding-left:30px; | ||
+ | } | ||
+ | ul { | ||
+ | list-style-type: none; | ||
+ | margin: 0; | ||
+ | } | ||
+ | li { | ||
+ | float: left; | ||
+ | list-style-type: none; | ||
+ | padding-left: 20px; | ||
+ | } | ||
+ | a { | ||
+ | display: block; | ||
+ | } | ||
+ | .menu-main{ | ||
+ | width:90%; | ||
+ | height:30px; | ||
+ | align:center; | ||
+ | padding-right: 50px; | ||
+ | } | ||
+ | /*CLASSES */ | ||
+ | /*Clear class for all the pages, adds spacing too*/ | ||
+ | /* highlight box for special messages */ | ||
+ | .highlightBox { | ||
+ | width:500px; | ||
+ | margin:auto; | ||
+ | background-color: #E8E8E9; | ||
+ | margin-bottom: 15px; | ||
+ | margin-top: 15px; | ||
+ | padding: 15px; | ||
+ | padding-top: 5px; | ||
+ | } | ||
+ | </style><!-- de iGem--> | ||
− | < | + | <div id="mainContainer" class="container-fluid"> <!-- Es un div de todo la página--> |
− | < | + | <div class="menu" class="row"> |
− | </div> | + | <nav class="navbar navbar-default navbar-fixed-top" id="menuNavbar"> |
+ | <div class="up" id="tophiddenbar"> | ||
+ | <li ><a href="https://2015.igem.org/Team:GenetiX_Tec_CCM"> <img src="https://static.igem.org/mediawiki/2015/d/da/TeamLogo.png" style="width:90px;" alt="iGemlogo" > </a></li> | ||
+ | <li ><a href="https://2015.igem.org"> <img src="https://static.igem.org/mediawiki/2015/d/d2/IGemLogo.png" style="width: 90px; padding-top:10px;" alt="TeamLogo"> </a></li> | ||
+ | </div> | ||
+ | <div class="navContainer" id="topbar"> | ||
+ | <div id="tophiddenbar"> | ||
+ | <div> | ||
+ | <ul> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description" onclick=show()> <li>PROJECT | ||
+ | <ul class="subnavbar"> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Description"><li>Description</li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Design"><li>Design</li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Experiments"><li>Experiments & Protocols</li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/References"><li>References</li></a> | ||
+ | </ul> | ||
+ | </li> </a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Team" onclick=show()><li>TEAM | ||
+ | <ul class="subnavbar"> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Attribution"><li>Attribution</li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices" onclick=show()><li>HUMAN PRACTICES | ||
+ | <ul class="subnavbar"> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Collaborations"><li>Meet up</li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/TodosporXochimilco"><li>Todos por Xochimilco</li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Practices"><li>Education</li></a> | ||
+ | </ul> | ||
+ | </li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Safety"><li>SAFETY</li></a> | ||
+ | <a href="https://2015.igem.org/Team:GenetiX_Tec_CCM/Gallery"><li>GALLERY</li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </div> <!-- Es el menú de arriba--> <!-- no tocar--> | ||
+ | <body> | ||
+ | <div class="row" id="contentContainer"> | ||
+ | <h2>Attributions</h2> | ||
+ | <div class="row" id="TMember"> | ||
+ | <h4>Lamberto Álvarez-Palacios M. Sc.</h4> | ||
+ | <div class="col-md-8"> | ||
+ | <p> | ||
+ | A.K.A.: Lamberto<br>Head of the Science Department | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="col-md-4" id="TMI" style=" float: left;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/2/24/GenetiX_Lamberto.jpg"> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <div class="row" id="TMember"> | ||
+ | <h3>Work done by the Team</h3> | ||
+ | <h4>Wet Lab</h4> | ||
+ | <div class="col-md-8"><p>All work done by the Lab team was held by Students member of GenetiX.</p></div> | ||
+ | <div class="col-md-4" id="TMI"> <img src="https://static.igem.org/mediawiki/2015/5/56/Team_Lab.jpg"></div> | ||
+ | </div> | ||
− | <h4> | + | <div class="row" id="TMember"> |
− | <p>The | + | <h3>Design</h3> |
− | < | + | <h4>Web Page</h4> |
− | + | <div class="col-md-12"><p>The page was made by Pichardo, Eduardo, Rodrigo and Kai</p></div> | |
+ | <div class="row"> | ||
+ | <div class="col-md-12"><img src="https://static.igem.org/mediawiki/2015/9/9d/Team_GenetiX_Kai.png"><img src="https://static.igem.org/mediawiki/2015/4/41/Team_GenetiX_Pichardo.png"><img src="https://static.igem.org/mediawiki/2015/2/25/Team_GenetiX_rodrigo.jpg"><img src="https://static.igem.org/mediawiki/2015/b/b8/Team_GenetiX_Edu.jpg"></div> | ||
+ | </div> | ||
+ | <div class="row"> | ||
+ | <h4>Graphic Design</h4> | ||
+ | <div class="col-md-12"><p>The Diagrams, Logos, Posters were made by Claudia and Natalia</p></div> | ||
+ | <div class="row"> | ||
+ | <div class="col-md-12"><img src="https://static.igem.org/mediawiki/2015/9/95/Team_GenetiX_Claau.jpg"><img src="https://static.igem.org/mediawiki/2015/a/ae/Team_GenetiX_Nat.png"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | </div> |
− | + | </body> | |
− | < | + | </div> |
− | < | + | <div id="footer"> |
− | < | + | <div class="row" style="background-color: #EEFFFF ;"> |
− | < | + | <div class="col-md-1"> |
− | < | + | <div> |
− | < | + | <image src="https://static.igem.org/mediawiki/2015/3/3c/TeamLogo.gif" style="width: 100px; margin-top: 50px;"> |
− | + | </div> | |
− | < | + | </div> |
− | < | + | <div class="col-md-3"> |
− | < | + | <div style="margin-top: 20px;">OUR SCHOOL<a href="http://www.itesm.mx/wps/wcm/connect/Campus/CCM/Ciudad+de+Mexico/"><image src="https://static.igem.org/mediawiki/2015/b/b0/OurSchool.jpg" style="width: 190px; margin-top: 20px;"></a> |
− | < | + | </div> |
− | </ | + | <div class="address"><a href="https://www.google.com/maps/place/itesm+campus+ciudad+de+mexico/@19.28358,-99.13541,15z/data=!4m2!3m1!1s0x0:0x129534395a02e72a?sa=X& ved=0CIYBEPwSMAtqFQoTCOPt762E48cCFUlxPgodUlcG8w"><image src="https://static.igem.org/mediawiki/2015/4/43/Map.png" style="width: 30px;" align="center"></a> |
− | + | <address style="color:#594F4F"> | |
− | + | <strong>Location</strong><br>Calle del Puente 222, Tlalpan, Ejidos de Huipulco,<br>14380 Ciudad de México, D.F., Mexico.<br> | |
− | < | + | </address> |
− | < | + | </div> |
− | < | + | </div> |
− | < | + | <div class="col-md-4" style="margin-top: 20px;"> |
− | < | + | <div>SOCIAL<a class="twitter-timeline" href="https://twitter.com/GenetiXCCM" data-widget-id="643542425776947200">Tweets por el @GenetiXCCM.</a> |
− | < | + | <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js. src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> |
− | < | + | </div> |
− | </ | + | </div> |
− | + | <div class="col-md-4" style="margin-top: 20px;"> | |
+ | <div>FIND US <br> | ||
+ | <span href="https://www.facebook.com/genetixtecccm?fref=ts"> <image src="https://static.igem.org/mediawiki/2015/5/55/Facebook.png" class="icons"> </span> | ||
+ | <span href="https://twitter.com/GenetiXCCM"> <image src="https://static.igem.org/mediawiki/2015/f/f7/Twitter.png" class="icons"> </span> | ||
+ | <span href=""> <image src="https://static.igem.org/mediawiki/2015/b/b7/Instagram.png" class="icons"> </span> | ||
+ | <span href=""> <image src="https://static.igem.org/mediawiki/2015/a/af/Youtube.png" class="icons"> </span> | ||
+ | <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/58/Phone.png" class="icons2">"Phone: Kai: +521(55)40597475" | ||
+ | </div> | ||
+ | <div class="address"><image src="https://static.igem.org/mediawiki/2015/5/5c/Email.png" class="icons2" style="margin-right: 10px;">genetixccm@gmail.com | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> <!-- Footer solo cambiar tamaños de fuente t color--><!-- no tocar--> | ||
</div> | </div> | ||
</html> | </html> |
Latest revision as of 20:43, 14 October 2015
Attributions
Lamberto Álvarez-Palacios M. Sc.
A.K.A.: Lamberto
Head of the Science Department
![](https://static.igem.org/mediawiki/2015/2/24/GenetiX_Lamberto.jpg)
Work done by the Team
Wet Lab
All work done by the Lab team was held by Students member of GenetiX.
![](https://static.igem.org/mediawiki/2015/5/56/Team_Lab.jpg)
Design
Web Page
The page was made by Pichardo, Eduardo, Rodrigo and Kai
![](https://static.igem.org/mediawiki/2015/9/9d/Team_GenetiX_Kai.png)
![](https://static.igem.org/mediawiki/2015/4/41/Team_GenetiX_Pichardo.png)
![](https://static.igem.org/mediawiki/2015/2/25/Team_GenetiX_rodrigo.jpg)
![](https://static.igem.org/mediawiki/2015/b/b8/Team_GenetiX_Edu.jpg)
Graphic Design
The Diagrams, Logos, Posters were made by Claudia and Natalia
![](https://static.igem.org/mediawiki/2015/9/95/Team_GenetiX_Claau.jpg)
![](https://static.igem.org/mediawiki/2015/a/ae/Team_GenetiX_Nat.png)