Team:ITESM-Guadalajara/Marketing
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
{{CSS/Main}} | {{CSS/Main}} | ||
+ | |||
+ | <html> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
+ | <meta name="description" content="Team ITESM - Guadalajara Wiki for the iGEM competition of 2014"> | ||
+ | <meta name="keywords" content="iGEM, Chitosan, 2014, ITESM Guadalajara, Wiki"> | ||
+ | <meta name="author" content="Irving Fernando Alvarez Vazquez"> | ||
+ | <meta name="title" content="Team ITESM - Guadalajara Wiki"> | ||
+ | |||
+ | <!-- External scripts --> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' | ||
+ | rel='stylesheet' type='text/css'> | ||
+ | <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:400,300,700' rel='stylesheet' type='text/css'> | ||
+ | <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> | ||
+ | |||
+ | <!-- Functionallity and behaviour JS --> | ||
+ | <script> | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | |||
+ | //Loading screen functionallity | ||
+ | $('.loading').animate( | ||
+ | {opacity:0}, | ||
+ | 500, | ||
+ | function(){ | ||
+ | $('.loading').attr("style", "display:none"); | ||
+ | } | ||
+ | ); | ||
+ | |||
+ | //Height responsiveness | ||
+ | $(window).resize(function() { | ||
+ | wheight = $(window).height(); | ||
+ | $('.container').attr("style","height:"+(wheight)+"px;background-size:cover;"); | ||
+ | $('.team-member-container').attr("style","height:"+wheight/2.7+"px;"); | ||
+ | }); | ||
+ | |||
+ | $(window).trigger('resize'); | ||
+ | |||
+ | //Menu moveto container on item click functionallity | ||
+ | $('.menu-item').on('click', function(){ | ||
+ | $('.menu-item').removeClass('subselected'); | ||
+ | $(this).addClass('subselected'); | ||
+ | if($(this).attr("data")=="#top"){ | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: 0 | ||
+ | }, 1000); | ||
+ | }else{ | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $($(this).attr("data")).offset().top-70 | ||
+ | }, 1000); | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | //Hover of team members | ||
+ | $('.team-member-container').on('mouseenter', function(){ | ||
+ | $(this).children('.team-member-photo').attr("style", "background-image:url('"+$(this).attr("hover")+"');"); | ||
+ | $(this).on('mouseleave', function(){ | ||
+ | $(this).children('.team-member-photo').attr('style', "background-image:url('"+$(this).attr("data")+"');"); | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | <style> | ||
+ | body, | ||
+ | html{ | ||
+ | margin: 0; | ||
+ | padding:0; | ||
+ | font-family: font-family: 'Yanone Kaffeesatz', sans-serif; | ||
+ | } | ||
+ | |||
+ | /* REMOVE UNWANTED ELEMENTS AND STYLE OTHERS */ | ||
+ | .firstHeading{ | ||
+ | display:none; | ||
+ | } | ||
+ | #top-section{ | ||
+ | background:#48af5d; | ||
+ | margin-left:0 !important; | ||
+ | width:100%; | ||
+ | left:0; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* LOADING SCREEN */ | ||
+ | .loading{ | ||
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | |||
+ | z-index:5; | ||
+ | |||
+ | background-color:#555; | ||
+ | color:#fff; | ||
+ | text-align: center; | ||
+ | } | ||
+ | .loading p{ | ||
+ | position: relative; | ||
+ | width:100%; | ||
+ | height:10%; | ||
+ | top:45%; | ||
+ | left:0; | ||
+ | } | ||
+ | |||
+ | /* MENU STYLING */ | ||
+ | .menu{ | ||
+ | position:fixed; | ||
+ | width:100%; | ||
+ | height:56px; | ||
+ | top:14px; | ||
+ | background-color: #47a3da; | ||
+ | |||
+ | z-index:4; | ||
+ | |||
+ | border-collapse: collapse; | ||
+ | text-align:center; | ||
+ | } | ||
+ | .menu tr td{ | ||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | |||
+ | font-weight: 700; | ||
+ | font-size:16px; | ||
+ | color:#fff; | ||
+ | width:7%; | ||
+ | } | ||
+ | .menu tr td.menu-item:hover{ | ||
+ | background-color:#258ecd; | ||
+ | cursor: pointer; | ||
+ | } | ||
+ | .subselected{ | ||
+ | background-color: #258ecd; | ||
+ | } | ||
+ | |||
+ | /* CONTAINERS STYLING */ | ||
+ | .container{ | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | top:50px; | ||
+ | } | ||
+ | .container .subcontainer{ | ||
+ | position:absolute; | ||
+ | width:95%; | ||
+ | height:90%; | ||
+ | top:5%; | ||
+ | left:2.5%; | ||
+ | } | ||
+ | #top{ | ||
+ | background-size: cover; | ||
+ | background-image: url("http://i1191.photobucket.com/albums/z475/alex0892/Guadalajara%20Minerva/171120111899.jpg"); | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | |||
+ | /* TEAM MEMBERS CARDS STYLING */ | ||
+ | .team-member-container{ | ||
+ | position:relative; | ||
+ | width:14%; | ||
+ | margin-left:2.28%; | ||
+ | |||
+ | float:left; | ||
+ | } | ||
+ | .team-member-container:hover{ | ||
+ | cursor:pointer; | ||
+ | } | ||
+ | .row2{ | ||
+ | top:4%; | ||
+ | } | ||
+ | .team-member-container .team-member-photo{ | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:85%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | background-size: cover; | ||
+ | } | ||
+ | .team-member-container .team-member-footer{ | ||
+ | position:relative; | ||
+ | width:100%; | ||
+ | height:15%; | ||
+ | top:0; | ||
+ | left:0; | ||
+ | |||
+ | border:none; | ||
+ | border-collapse: collapse; | ||
+ | background-color: #47a3da; | ||
+ | color:#fff; | ||
+ | |||
+ | text-align: center; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | padding-top: 110px; | ||
+ | line-height: 1.8em; | ||
+ | } | ||
+ | |||
+ | .center-block { | ||
+ | display: block; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | .navbar-fixed-top { | ||
+ | background: #fff; | ||
+ | filter: none !important; | ||
+ | box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
+ | -moz-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
+ | -webkit-box-shadow: 0 2px 15px rgba(0,0,0,0.25); | ||
+ | border-bottom: 1px solid rgba(0,0,0,0.2); | ||
+ | |||
+ | } | ||
+ | |||
+ | .faceBot{ | ||
+ | background: black; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Open Sans', Arial;; | ||
+ | } | ||
+ | |||
+ | body | ||
+ | { | ||
+ | font-family: 'Open Sans', Arial; | ||
+ | } | ||
+ | ul.nav a{ | ||
+ | color: gray; | ||
+ | background-color: transparent; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | ul.nav a:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | h2 { | ||
+ | color: #008000; | ||
+ | padding-top: 0.5em; | ||
+ | padding-bottom: 1.5em; | ||
+ | border-bottom: 1px solid #AAA; | ||
+ | margin-bottom: 30px; | ||
+ | } | ||
+ | |||
+ | h4 { | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | .menu-item{ | ||
+ | height: 75px; | ||
+ | } | ||
+ | |||
+ | .green-effect{ | ||
+ | display: none; | ||
+ | background-color: #4AAF51; | ||
+ | opacity: 1; | ||
+ | color: #FFF; | ||
+ | transition-property: all; | ||
+ | transition-duration: 0.3s; | ||
+ | transition-timing-function: ease-out; | ||
+ | transition-delay: 0s; | ||
+ | border-color: #288D30; | ||
+ | position: absolute; | ||
+ | bottom: 0px; | ||
+ | width: 100%; | ||
+ | height: 2px; | ||
+ | right: 0px; | ||
+ | } | ||
+ | |||
+ | a:hover .green-effect{ | ||
+ | display: inherit; | ||
+ | } | ||
+ | |||
+ | li.tab a{ | ||
+ | height: inherit; | ||
+ | } | ||
+ | hr{ | ||
+ | margin-top: 60px; | ||
+ | margin-bottom: 60px; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item a{ | ||
+ | height: inherit; | ||
+ | padding: 6px 7px 7px 0px; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item a:hover{ | ||
+ | color:#4AAF51; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item_selected a{ | ||
+ | height: inherit; | ||
+ | padding: 6px 7px 7px 0px; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | li.left_menu_item_selected{ | ||
+ | width: 100%; | ||
+ | border-radius: 0px; | ||
+ | border-top: 1px solid #D3CDCD; | ||
+ | border-bottom: 1px solid #D3CDCD; | ||
+ | } | ||
+ | |||
+ | .margeniz{ | ||
+ | border-left: 1px solid #D3CDCD; | ||
+ | padding-left: 50px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
<div class="navbar navbar-fixed-top" style="margin-top:10px"> | <div class="navbar navbar-fixed-top" style="margin-top:10px"> | ||
<nav class="navbar-inner"> | <nav class="navbar-inner"> | ||
Line 47: | Line 369: | ||
<ul class="nav nav-pills nav-stacked"> | <ul class="nav nav-pills nav-stacked"> | ||
<li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company">The Company</a></li> | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Company">The Company</a></li> | ||
- | <li class=" | + | <li class="left_menu_item_selected"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Product">Our Product</a></li> |
<li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Technology">Our Technology</a></li> | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Technology">Our Technology</a></li> | ||
<li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Property">Intellectual Property</a></li> | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Property">Intellectual Property</a></li> | ||
- | <li class=" | + | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Marketing">Marketing</a></li> |
<li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Management">Management</a></li> | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Management">Management</a></li> | ||
<li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Market">The Market</a></li> | <li class="left_menu_item"><a href="https://2014.igem.org/Team:ITESM-Guadalajara/Market">The Market</a></li> | ||
Line 61: | Line 383: | ||
<div class="col-md-6 margeniz"> | <div class="col-md-6 margeniz"> | ||
- | <h2> | + | <h2>INTELLECTUAL PROPERTY</h2> |
- | < | + | <p> |
- | + | Given the high-end technology and innovation Biophrame is creating, IP protection is needed. | |
- | + | ||
- | + | ||
</p> | </p> | ||
<hr/> | <hr/> | ||
- | <h4> | + | <h4>Patent protection and trade secrets</h4> |
- | <p> | + | <p>The technology that we developed consists in: |
- | + | ||
</p><p> | </p><p> | ||
- | + | The design of a genetically modified E. coli, that in our process is the responsible of the chitin deacetylation process. | |
+ | We are currently patenting our first invention: the design of the genetically modified E. coli able to deacetylate chitin to produce Chitosan. We started the technology research at the IMPI (Mexican Institute for Intellectual Property), on September 17 (official documents available upon request), and we will start the patent process on January of 2015 in order to apply to government funds. The patent will be registered under the name of BioPhrame Technologies as moral person (once it is legally established). | ||
</p><p> | </p><p> | ||
- | + | On the other hand, we will keep our innovative chitosan purification process as a trade secret, but we plan to establish a patent for this invention in other step of our Company development. | |
+ | </p> | ||
<hr/> | <hr/> | ||
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 23:54, 15 October 2014