Team:Calgary Entrepreneurial
From 2013.igem.org
(Prototype team page) |
|||
(30 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{Team:Calgary_Entrepreneurial/Header}} | |
<html> | <html> | ||
- | < | + | <head> |
- | < | + | <title>FREDsense Technologies</title> |
- | + | <meta name="description" content="FREDsense has developed a novel system for quantitative, real-time detection of various toxins in any sample. We use a biosensor with an electrochemical output to create a system that is portable, fast, and unlike anything else in the market."> | |
- | </ | + | |
- | < | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | <!-- | + | <!--Stylesheets--> |
+ | <style type="text/css"> | ||
+ | #blackcontainer{ | ||
+ | text-align: right; /*aligns herocaption to the right*/ | ||
+ | } | ||
+ | |||
+ | img#hero{ | ||
+ | display: block; | ||
+ | margin: 0 auto 0 auto; | ||
+ | max-width: 950px; | ||
+ | position: relative; | ||
+ | top: 10.5em; | ||
+ | width: 100%; | ||
+ | } | ||
+ | #herocaption{ | ||
+ | background: #EF8526; | ||
+ | display: inline-block; | ||
+ | padding: 1em; | ||
+ | position: relative; | ||
+ | right: 13.5%; | ||
+ | text-align: left; | ||
+ | top: 2em; | ||
+ | width: 40%; | ||
+ | } | ||
+ | |||
+ | #herocaption h1{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.8rem; | ||
+ | line-height: 2.2rem; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #herocaption a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #herocaption p{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.15rem; | ||
+ | } | ||
+ | |||
+ | |||
+ | #maincontent{ | ||
+ | background: #FFFFFF; | ||
+ | height: 100%; | ||
+ | position: relative; | ||
+ | margin-top: 3em; | ||
+ | width: 100%; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | |||
+ | .boxcontainer{ | ||
+ | display: block; | ||
+ | margin: 1% auto; | ||
+ | max-width: 975px; | ||
+ | overflow: hidden; /*div equal height hack*/ | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #firstrow{ | ||
+ | padding-top: 1em; | ||
+ | } | ||
+ | |||
+ | .greenbox{ | ||
+ | background: #7cb83d; | ||
+ | display: block; | ||
+ | float: left; | ||
+ | |||
+ | margin-left: 1%; | ||
+ | margin-bottom: -100%; /*div equal height hack*/ | ||
+ | |||
+ | padding: 0; | ||
+ | padding-bottom: 100%; /*div equal height hack*/ | ||
+ | } | ||
+ | |||
+ | .boxcontainer a div:hover{ | ||
+ | opacity: 0.8; | ||
+ | filter:alpha(opacity=90); /*IE8 and lower*/ | ||
+ | } | ||
+ | |||
+ | .greenbox h1{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.8rem; | ||
+ | line-height: 2.2rem; | ||
+ | margin: 0 !important; | ||
+ | padding: 1.5rem 1.5rem 0 1.5rem; | ||
+ | } | ||
+ | |||
+ | .greenbox p{ | ||
+ | color: white; | ||
+ | padding: 1rem 1.5rem 1.5rem 1.5rem; | ||
+ | } | ||
+ | |||
+ | .smallbox{ | ||
+ | width: 32%; | ||
+ | } | ||
+ | |||
+ | .bigbox{ | ||
+ | width: 65%; | ||
+ | } | ||
+ | |||
+ | .boxclear{ | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | /*small greenbox with photo*/ | ||
+ | #box2{ | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013/9/92/2013CalgaryE_tailingspond.png'); | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | |||
+ | /*needed to show the box*/ | ||
+ | #box3{ | ||
+ | background: #333333; | ||
+ | min-height: 12rem; | ||
+ | position: relative; | ||
+ | } | ||
+ | |||
+ | #box3 h1{ | ||
+ | position: absolute; | ||
+ | z-index: 1; | ||
+ | } | ||
+ | |||
+ | #box3 img{ | ||
+ | position: absolute; | ||
+ | top: -1em; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | /*colours in boxes*/ | ||
+ | #box5, #box7{ | ||
+ | background: #333333; | ||
+ | } | ||
+ | |||
+ | #sponsorstable{ | ||
+ | background: transparent; | ||
+ | margin: 1rem auto; | ||
+ | width: 90%; | ||
+ | } | ||
+ | |||
+ | #sponsorstable td{ | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #sponsorstable td img{ | ||
+ | max-width: 90%; | ||
+ | margin: 1rem auto; | ||
+ | display: block; | ||
+ | max-height: 80px; | ||
+ | } | ||
+ | /* | ||
+ | .video-container{ | ||
+ | float: none; | ||
+ | clear: both; | ||
+ | width: 100%; | ||
+ | position: relative; | ||
+ | padding-bottom: 59.25%; | ||
+ | padding-top: 20%; | ||
+ | height: 0; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .video-container iframe { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | */ | ||
- | { | + | /*Font positioning breaks at 1050px screen width*/ |
- | + | @media screen and (max-width: 1050px){ | |
- | + | ||
- | + | #herocaption{ | |
- | + | right: .5em; | |
- | + | width: 60%; | |
- | + | } | |
- | + | ||
- | + | #herocaption h1{ | |
- | + | color: #FFFFFF; | |
- | + | font-size: 1.7rem; | |
+ | line-height: 2rem; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | #herocaption a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #herocaption p{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.1rem; | ||
+ | line-height: 1.5rem; | ||
+ | } | ||
- | + | .boxcontainer{ | |
+ | display: block; | ||
+ | margin: 1% auto; | ||
+ | max-width: 975px; | ||
+ | overflow: hidden; /*div equal height hack*/ | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #firstrow{ | ||
+ | padding-top: 1em; | ||
+ | } | ||
+ | |||
+ | .boxcontainer a div:hover{ | ||
+ | opacity: 0.9; | ||
+ | filter:alpha(opacity=90); /*IE8 and lower*/ | ||
+ | } | ||
+ | |||
+ | .greenbox h1{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.6rem; | ||
+ | line-height: 2rem; | ||
+ | margin: 0 !important; | ||
+ | padding: 1.5rem 1.5rem 0 1.5rem; | ||
+ | } | ||
+ | |||
+ | .greenbox p{ | ||
+ | color: white; | ||
+ | font-size: 0.95rem; | ||
+ | line-height: 1.35rem; | ||
+ | padding: 1rem 1.5rem 1.5rem 1.5rem; | ||
+ | } | ||
+ | |||
+ | } | ||
- | { | + | /*mobile and tablet styling for less than 768px*/ |
- | ! | + | @media screen and (max-width: 768px){ |
- | + | ||
- | + | img#hero{ | |
- | + | display: none; | |
- | + | } | |
- | + | ||
- | + | #blackcontainer{ | |
- | + | top: 3em; | |
- | + | } | |
- | + | ||
+ | #herocaption{ | ||
+ | display: block; | ||
+ | margin: 3em auto 0 auto; | ||
+ | padding: 0; | ||
+ | right: 0; | ||
+ | top: 5em; | ||
+ | width: 98%; | ||
+ | } | ||
+ | |||
+ | #herocaption h1{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.7rem; | ||
+ | line-height: 2rem; | ||
+ | margin: 0 !important; | ||
+ | padding: 1.5rem 1rem; | ||
+ | } | ||
+ | |||
+ | #herocaption a:hover{ | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #herocaption p{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.1rem; | ||
+ | line-height: 1.5rem; | ||
+ | margin: 0; | ||
+ | padding: 0rem 1rem; | ||
+ | } | ||
+ | |||
+ | #maincontent{ | ||
+ | margin-top: 6em; | ||
+ | } | ||
+ | |||
+ | .boxcontainer{ | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | max-width: 975px; | ||
+ | padding: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | #firstrow{ | ||
+ | padding-top: 1em; | ||
+ | } | ||
+ | |||
+ | .greenbox{ | ||
+ | background: #7cb83d; | ||
+ | display: block; | ||
+ | margin-left: 1%; | ||
+ | margin-bottom: .5rem; | ||
+ | min-height: 12rem; | ||
+ | padding: 0; | ||
+ | width: 98%; | ||
+ | } | ||
+ | |||
+ | .boxcontainer a div:hover{ | ||
+ | opacity: 0.9; | ||
+ | filter:alpha(opacity=90); /*IE8 and lower*/ | ||
+ | } | ||
+ | |||
+ | .greenbox h1{ | ||
+ | color: #FFFFFF; | ||
+ | font-size: 1.6rem; | ||
+ | line-height: 2rem; | ||
+ | margin: 0 !important; | ||
+ | padding: 1.5rem 1.5rem 0 1.5rem; | ||
+ | } | ||
+ | |||
+ | .greenbox p{ | ||
+ | color: white; | ||
+ | font-size: 0.95rem; | ||
+ | line-height: 1.35rem; | ||
+ | padding: 1rem 1.5rem 1.5rem 1.5rem; | ||
+ | } | ||
+ | |||
+ | .boxclear{ | ||
+ | clear: both; | ||
+ | } | ||
+ | |||
+ | #box2{ | ||
+ | background-size: 100%; | ||
+ | background-position-y: 25%; | ||
+ | } | ||
+ | |||
+ | #box3{ | ||
+ | text-align: center; | ||
+ | height: 15rem; | ||
+ | } | ||
+ | |||
+ | #box3 img{ | ||
+ | position: relative; | ||
+ | width: auto; | ||
+ | max-height: 100%; | ||
+ | top: 0; | ||
+ | } | ||
+ | |||
+ | #logo-uofc{ | ||
+ | display: block; | ||
+ | margin: 1em auto; | ||
+ | width: 50%; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | /*specific for a second row of nav menu*/ | ||
+ | @media only screen and (max-width: 634px){ | ||
+ | |||
+ | #blackcontainer{ | ||
+ | top: 5em; | ||
+ | } | ||
+ | |||
+ | #herocaption{ | ||
+ | margin-top: 5em; | ||
+ | } | ||
+ | |||
+ | #logo-uofc, #logo-aitf, #logo-geekstarter, #logo-bhsc{ | ||
+ | display: block; | ||
+ | float: none; | ||
+ | width: auto; | ||
+ | margin: 1rem auto; | ||
+ | max-height: 110px; | ||
+ | max-width: 70%; | ||
+ | } | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <script> | ||
+ | |||
+ | $(document).ready(function(){ | ||
+ | $('#herocaption').css('margin-top', '0'); | ||
+ | }); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | |||
+ | <!--Black section hero image--> | ||
+ | <div id="blackcontainer"> | ||
+ | <img id="hero" src="https://static.igem.org/mediawiki/2013/7/71/CalgaryE_hero_index.png"></img> | ||
+ | <div id="herocaption"> | ||
+ | <h1>We are building better biosensors.</h1> | ||
+ | <p>FREDsense has developed a novel system for quantitative, real-time detection of various toxins in any sample. We use a biosensor with an electrochemical output to create a system that is portable, fast, and unlike anything else in the market</p> | ||
+ | <a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project"><h1>See how we're different. ></h1></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--White section--> | ||
+ | <div id="maincontent"> | ||
+ | |||
+ | <div class="boxcontainer" id="firstrow"> | ||
+ | <!--Note: anchor tags can be added around these boxes with no issue--> | ||
+ | <div id="box1" class="greenbox bigbox"> | ||
+ | <h1>Toxic Chemicals Are Bad.</h1> | ||
+ | <p>Detecting toxic compounds in our environment is an ongoing struggle that we face, whether the underlying issue is a public health or an environmental protection concern. The biosensing market worldwide is already an $8.9 billion market and is expected to grow to $18.9 billion by 2018. Alberta, Canada is faced with a specific challenge; development of petroleum related industries, specifically the oil sands, has led to large volumes of contaminated water that must be remediated before release into the natural ecosystem. However, current methods of testing are either too slow, labour intensive or do not accurately report the relative toxicity. Thus, the 2013 iGEM Calgary Entrepreneurial team is building a better biosensor based system to report on the general toxicity present.</p> | ||
+ | </div> | ||
+ | <div id="box2" class="greenbox smallbox"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="boxclear"></div> | ||
+ | </div> | ||
+ | <div class="boxcontainer"> | ||
+ | <a href="https://2013.igem.org/Team:Calgary_Entrepreneurial/Project/Pitch"> | ||
+ | <div id="box3" class="greenbox smallbox"> | ||
+ | <h1>The Pitch</h1> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/2/2a/2013CalgaryE_videopreview.png"></img> | ||
+ | </div> | ||
+ | </a> | ||
+ | <div id="box4" class="greenbox smallbox"> | ||
+ | <h1>Who Are We?</h1> | ||
+ | <p>We are FREDsense, an early venture start-up company focused on designing and implementing novel biosensor systems for oil sands applications. Our goal is to commercialize a product that was initially started as an iGEM project in 2012.</p> | ||
+ | </div> | ||
+ | <div id="box5" class="greenbox smallbox"> | ||
+ | <h1>What Do We Have?</h1> | ||
+ | <p>Our toxin biosensor system is designed to be rapid, on-site, and require little to no sample prep, providing a distinct advantage against competing technologies presently available to oil sands service companies.</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="boxclear"></div> | ||
+ | </div> | ||
+ | <div class="boxcontainer"> | ||
+ | <div id="box6" class="greenbox smallbox"> | ||
+ | <h1>Are We Needed?</h1> | ||
+ | <p>With growing regulatory bodies increasing the financial contribution to analytical based monitoring instrumentation, there is an emerging market surrounding specific toxin sensing for oil sands applications.</p> | ||
+ | </div> | ||
+ | <div id="box7" class="greenbox bigbox"> | ||
+ | <h1>Sponsors</h1> | ||
+ | <table id="sponsorstable"> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <img id="logo-uofc" src="https://static.igem.org/mediawiki/2013/7/74/2013CalgaryE_UofCLogoWhite.png"></img> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img id="logo-bhsc" src="https://static.igem.org/mediawiki/2013/4/4e/2013CalgaryE_OBrienCentreLogoWhite.png"></img> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td> | ||
+ | <img id="logo-aitf" src="https://static.igem.org/mediawiki/2013/0/0c/2013CalgaryE_AITFLogoWhite.png"></img> | ||
+ | </td> | ||
+ | <td> | ||
+ | <img id="logo-geekstarter" src="https://static.igem.org/mediawiki/2013/c/c3/2013CalgaryE_geekStarterLogoWhite.png"></img> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </div> | ||
+ | |||
+ | <div class="boxclear"></div> | ||
+ | </div> | ||
+ | <div class="clear"></div> | ||
+ | </div> | ||
+ | |||
+ | </body> | ||
+ | </html> |
Latest revision as of 02:54, 29 October 2013
FREDsense's website works best with Javascript enabled, especially on mobile devices. Please enable Javascript for optimal viewing.
Toxic Chemicals Are Bad.
Detecting toxic compounds in our environment is an ongoing struggle that we face, whether the underlying issue is a public health or an environmental protection concern. The biosensing market worldwide is already an $8.9 billion market and is expected to grow to $18.9 billion by 2018. Alberta, Canada is faced with a specific challenge; development of petroleum related industries, specifically the oil sands, has led to large volumes of contaminated water that must be remediated before release into the natural ecosystem. However, current methods of testing are either too slow, labour intensive or do not accurately report the relative toxicity. Thus, the 2013 iGEM Calgary Entrepreneurial team is building a better biosensor based system to report on the general toxicity present.
The Pitch
Who Are We?
We are FREDsense, an early venture start-up company focused on designing and implementing novel biosensor systems for oil sands applications. Our goal is to commercialize a product that was initially started as an iGEM project in 2012.
What Do We Have?
Our toxin biosensor system is designed to be rapid, on-site, and require little to no sample prep, providing a distinct advantage against competing technologies presently available to oil sands service companies.
Are We Needed?
With growing regulatory bodies increasing the financial contribution to analytical based monitoring instrumentation, there is an emerging market surrounding specific toxin sensing for oil sands applications.