Difference between revisions of "Team:GenetiX Tec CCM/Collaborations"
(Prototype team page) |
|||
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</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;} | ||
+ | #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: 97%; | ||
+ | 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; | ||
+ | } | ||
+ | #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: "Verdana", Geneva, sans-serif; | ||
+ | font-weight: 100; | ||
+ | font-size: 25px; | ||
+ | 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"> | ||
+ | <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/Results"><li>Results</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/Practices"><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> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </div> <!-- Es el menú de arriba--> <!-- no tocar--> | ||
+ | <body> | ||
+ | <div class="row" id="contentContainer"> | ||
+ | <div id="bannerContainer" class="row"> | ||
+ | <image src="https://static.igem.org/mediawiki/2015/3/32/Meetup_Cd_MX.png"> | ||
+ | <div class="col-md-1"> | ||
+ | </diV> | ||
+ | <div class="col-md-12"> | ||
+ | <div style="font-size: 30px; font-weight: bold;"> | ||
+ | Meet Up Latinoamerica | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left"> | ||
+ | Date: | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | July 10th and 11th, 2015 | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left"> | ||
+ | Objectives: | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | -Join different teams from Latin America to share experiences, get to know each other and receive opinions about our projects. | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | -Invite experts to learn from their experiences in the field of science and receive feedback from them regarding our projects. | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 18px; font-weight: bold; font-style: italic" align="left"> | ||
+ | Description: | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | Xochimilco is one of the best known touristic areas of our country, with a great combination between the past and present of our culture. Through this project, we got to learn a lot about the culture of the area and to have a real impact on the society that lives in the surroundings. | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | Our investigation has focused on the ecological problems that take place here due to the lack of environmental care and the high amounts of wastes that are disposed in the lake. | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | We prepared different posters to attract the attention of people using interesting and bizarre data about the lake and we later interviewed the residents of the area to know their opinion about the situation. | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | Later on, we organized an event in the traditional “trajineras” to guide people through the lake explaining the situation of the area, our project, and the importance of taking care of our cultural and ecological heritage. | ||
+ | </div> | ||
+ | <div style="color: #202020; font-size: 15px; font-weight: normal; margin-bottom: 10px;" align="left"> | ||
+ | This experience was extremely gratifying as we actually had an impact on the community who we are trying to help through our project. We did not only learned and connected with the people of the area, but also got to explain people the importance of taking care of our patrimony. | ||
+ | </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">"Telefono de Jessica/Nuri/Kai" | ||
+ | </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> |
Revision as of 08:21, 18 September 2015