Difference between revisions of "Team:Queens Canada"

 
(296 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
<html lang="en">
+
{{Queens_Canada}}
−
<!--<![endif]-->
+
{{Team:Queens_Canada/QU17_Menu}}
−
<!-- BEGIN HEAD -->
+
{{Team:Queens_Canada/QU17_Style}}
 +
<html>
 
<head>
 
<head>
−
+
<style>
−
<meta charset="utf-8"/>
+
−
<title>iGEM Calgary 2016</title>
+
−
<meta http-equiv="X-UA-Compatible" content="IE=edge">
+
−
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
+
−
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
+
−
<meta content="" name="description"/>
+
−
<meta content="" name="author"/>
+
  
−
<link rel="shortcut icon" href="favicon.ico"/>
+
 
 +
img[usemap] {
 +
border: none;
 +
height: auto;
 +
max-width: 100%;
 +
width: auto;
 +
}
 +
 
 +
</style>
 
</head>
 
</head>
−
<body class="c-layout-header-fixed">
 
−
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
 
−
<!-- BEGIN: HEADER -->
 
−
<header class="c-layout-header c-layout-header-3 c-layout-header-default-mobile c-header-seethrough" style="padding-top: 10px;
 
−
    top: 0;
 
−
    position: fixed;
 
−
    z-index: 9995;
 
−
    width: 100%;
 
−
">
 
−
<div class="c-navbar">
 
−
<div class="container-fluid" style="padding-left: 20px; padding-right: 20px;">
 
−
<!-- BEGIN: BRAND -->
 
−
<div class="c-navbar-wrapper clearfix">
 
−
<div class="c-brand c-pull-left">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary" class="c-logo">                                         
 
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo">
 
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo-inverse">
 
−
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-mobile-logo">
 
−
</a>
 
−
<button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu">
 
−
<span class="c-line"></span>
 
−
<span class="c-line"></span>
 
−
<span class="c-line"></span>
 
−
</button>
 
−
</div>
 
−
<!-- END: BRAND -->
 
−
<!-- BEGIN: HOR NAV -->
 
−
<!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
 
−
<!-- BEGIN: MEGA MENU -->
 
−
<!-- BEGIN: MEGA MENU -->
 
−
<nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold">
 
−
<!-- BEGIN: MEGA MENU -->
 
−
<ul class="nav navbar-nav c-theme-nav">
 
−
<li class="c-active c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary" class="c-link dropdown-toggle">Home</a>
 
−
</li>
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Description" class="c-link dropdown-toggle">Project</a>
 
−
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Description">Problem</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Experiments">Our Experiments</a>
 
−
</li>
 
−
                                                                <li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Results">Our Results</a>
 
−
</li>
 
−
                                                                <li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Model">Model</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Design">Applied Design</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Parts">Parts Registry</a>
 
−
                                                                <li>
 
−
                                                                <a href="https://2016.igem.org/Team:UofC_Calgary/Composite_Part">Composite Parts</a>
 
−
</li>
 
−
</li>
 
−
</ul>
 
−
</li>
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Judging" class="c-link">Judging</a>
 
−
</li>
 
−
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Human_Practices" class="c-link dropdown-toggle">Human Practices</a>
 
−
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">Integrated Practices</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations">Collaborations</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Engagement">Engagement</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Safety">Safety</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Silver">Silver</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Gold">Gold</a>
 
−
</li>
 
−
<li>
 
−
                                    <a href="https://2016.igem.org/Team:UofC_Calgary/Policy"> Policy Brief </a>
 
−
                                    </li>
 
−
</ul>
 
−
</li>
 
−
                                <li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Notebook" class="c-link">Notebook</a>
 
−
</li>
 
−
<li class="c-menu-type-classic">
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Team" class="c-link dropdown-toggle">Team</a>
 
−
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 
−
                                                                <li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Team">Meet Our Team</a>
 
−
</li>
 
−
<li>
 
−
<a href="https://2016.igem.org/Team:UofC_Calgary/Attributions">Attributions</a>
 
−
</li>
 
−
                             
 
−
</ul>
 
−
</li>
 
  
−
<li>
+
</style>
−
<a href="https://2016.igem.org/Main_Page" data-toggle="modal" data-target="#login-form" class="c-btn-border-opacity-04 c-btn btn-no-focus c-btn-header btn btn-sm c-btn-border-1x c-btn-white c-btn-circle c-btn-sbold"><i class="icon-chemistry"></i> iGEM </a>
+
<div class="column full_size" > <!change this to info about QGEM in general>
−
</li>
+
<center>
−
<li class="c-quick-sidebar-toggler-wrapper">
+
<img src="https://static.igem.org/mediawiki/2017/2/23/T--Queens_Canada--HomePageBanner.jpg" width="100px">
−
<a href="#" class="c-quick-sidebar-toggler">
+
<h1 style="color:#b0bee1;"><font face="Lucida Sans Unicode" size="+3"><br> Welcome to QGEM 2017! </h1></center></font>
−
<span class="c-line"></span>
+
<center>
−
<span class="c-line"></span>
+
<p style="color:#b0bee1;font-size:32px;"><font face="Lucida Sans Unicode">With an average of two large Arctic oil spills per day, Earth's water is being contaminated at an alarming rate. <br>
−
<span class="c-line"></span>
+
Watch the video below to find out how QGEM plans to tackle this real world issue. </p></br>
−
</a>
+
−
</li>
+
−
</ul>
+
−
<!-- END MEGA MENU -->
+
−
</nav>
+
−
<!-- END: MEGA MENU -->
+
−
<!-- END: LAYOUT/HEADERS/MEGA-MENU -->
+
−
<!-- END: HOR NAV -->
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</header>
+
−
<!-- END: HEADER -->
+
−
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
+
−
<!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
+
−
<nav class="c-layout-quick-sidebar">
+
−
<div class="c-header">
+
−
<button type="button" class="c-link c-close">
+
−
<i class="icon-login"></i>
+
−
</button>
+
−
</div>
+
−
<div class="c-content">
+
−
<div class="c-section">
+
−
<h3>Theme Colors</h3>
+
−
<div class="c-settings">
+
−
<span class="c-color c-default c-active" data-color="default"></span>
+
−
<span class="c-color c-green1" data-color="green1"></span>
+
−
<span class="c-color c-green2" data-color="green2"></span>
+
−
<span class="c-color c-green3" data-color="green3"></span>
+
−
<span class="c-color c-yellow1" data-color="yellow1"></span>
+
−
<span class="c-color c-yellow2" data-color="yellow2"></span>
+
−
<span class="c-color c-yellow3" data-color="yellow3"></span>
+
−
<span class="c-color c-red1" data-color="red1"></span>
+
−
<span class="c-color c-red2 " data-color="red2"></span>
+
−
<span class="c-color c-red3" data-color="red3"></span>
+
−
<span class="c-color c-purple1" data-color="purple1"></span>
+
−
<span class="c-color c-purple2" data-color="purple2"></span>
+
−
<span class="c-color c-purple3" data-color="purple3"></span>
+
−
<span class="c-color c-blue1" data-color="blue1"></span>
+
−
<span class="c-color c-blue2" data-color="blue2"></span>
+
−
<span class="c-color c-blue3" data-color="blue3"></span>
+
−
<span class="c-color c-brown1" data-color="brown1"></span>
+
−
<span class="c-color c-brown2" data-color="brown2"></span>
+
−
<span class="c-color c-brown3" data-color="brown3"></span>
+
−
<span class="c-color c-dark1" data-color="dark1"></span>
+
−
<span class="c-color c-dark2" data-color="dark2"></span>
+
−
<span class="c-color c-dark3" data-color="dark3"></span>
+
−
</div>
+
−
</div>
+
−
<div class="c-section">
+
−
<h3>Header Type</h3>
+
−
<div class="c-settings">
+
−
<input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="boxed" value="boxed"/>
+
−
<input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="fluid" value="fluid"/>
+
−
</div>
+
−
</div>
+
−
<div class="c-section">
+
−
<h3>Header Mode</h3>
+
−
<div class="c-settings">
+
−
<input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="fixed" value="fixed"/>
+
−
<input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="static" value="static"/>
+
−
</div>
+
−
</div>
+
−
<div class="c-section">
+
−
<h3>Mega Menu Style</h3>
+
−
<div class="c-settings">
+
−
<input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="dark" value="dark"/>
+
−
<input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/>
+
−
</div>
+
−
</div>
+
−
<div class="c-section">
+
−
<h3>Font Style</h3>
+
−
<div class="c-settings">
+
−
<input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="default" value="default"/>
+
−
<input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</nav>
+
−
<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
+
−
<!-- BEGIN: PAGE CONTAINER -->
+
−
<div class="c-layout-page" style="padding-top: 88px;">
+
−
<!-- BEGIN: PAGE CONTENT -->
+
−
<!-- BEGIN: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
+
−
<!--BEGIN: SLIDE #1 -->
+
−
            <img alt="" src="https://static.igem.org/mediawiki/2016/7/78/T--UofC_Calgary--bgmin.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" style="width: 100%; height: 100%;">
+
−
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
+
−
<div class="c-content-box c-size-md" style="background-color: #243338; padding-bottom:20px;">
+
−
  <div class="container">
+
−
<div class="c-content-title-1">
+
−
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Giant Jamboree Results</h3>
+
−
<div class="c-line-center c-theme-bg">
+
−
</div>
+
−
</div>
+
−
                <div class="container" style="margin-right: 0%">
+
−
                        <div class="row">
+
−
                            <div class="col-md-12 c-no-bottom-padding">
+
−
                               
+
−
                                            <p style="color: #FFFFFF">We are honoured to announce that the UofC_Calgary 2016 iGEM was incredibly successful at this year's iGEM Giant Jamboree. We received a <u>gold medal</u>, a nomination for <u>Best Applied Design</u>, and the award for <u>Best Integrated Human Practices</u>! We are beyond thrilled to continue the University of Calgary's tradition of excellence at iGEM, and extend our deepest gratitude to those who aided us in any form during this journey.
+
−
</p><div class="col-md-4"><center><img src="https://static.igem.org/mediawiki/2016/a/a3/T--UofC_Calgary--Gold%28%2B%29.png" style="width:20vw;" alt="Gold Medal didn't load. Please Refresh Page."></center></div><div class="col-md-8" style="padding-top: 50px;"><center> <img width="500px" height="375px" src="https://static.igem.org/mediawiki/2016/5/5a/T--UofC_Calgary--boston_photo.jpg"></center>
+
−
</div>
+
−
                                </div>
+
−
                        </div>
+
−
                    </div>
+
−
                </div>
+
−
</div>
+
  
−
<div class="c-content-box c-size-md c-bg-darkblue c-no-bottom-padding homepage1">
+
<body>  
−
                        <div class="c-content-title-1">
+
−
                            <h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Our Project</h3>
+
−
                            <div class="c-line-center c-theme-bg"></div>
+
−
                        </div>
+
−
                <div class="container" style="margin-right: 0%">
+
−
                    <div class="c-content-product-1 c-opt-1">
+
−
+
−
                        <div class="row">
+
−
                            <div class="col-md-10 pull-right c-no-bottom-padding">
+
−
                                <div class="c-body realdiv" style="
+
−
    padding: 0px 20px 20px;">
+
−
                                            <p style="color: #FFFFFF">Mars and the cosmos are a tantalizingly close goal for Mankind to reach in the next century; however, there are several glaring problems that we must overcome to reach such an objective. Radiation is chief among them. On Earth, individuals annually receive 2.4 mSv of ionizing radiation (IR), which is easily tolerated by the human body. Unfortunately, without the protection of the magnetosphere, astronauts in space are exposed to high levels of IR in the range of 50 to 2000 mSv. This level of radiation causes the accumulation of deleterious double strand breaks in DNA. Despite current research into methods of IR protection, many solutions such as radiation shield coating are quite expensive, especially to transport to space. Even existing biological solutions are insufficient, such as the use of ingestible or injectable radioprotectors, which are subject to sinusuoidal pharmacokinetics. Our project is based on the administration of the naturally occuring peptide Bowman-Birk Protease Inhibitor (BBI), which has been shown to confer protection against DNA damage following radiation exposure. (Dittmann <i>et al.</i>, 2003). </p>
+
  
 +
<video width="1000" controls>
 +
<
 +
<source src="https://static.igem.org/mediawiki/2017/3/30/T--Queens_Canada--IntroConceptVideo.mp4" align>
 +
</video>
 +
</body>
  
−
<p style="color: #FFFFFF">References</p>
 
  
−
<p style="color: #FFFFFF"><font size="2">Dittmann, K.H., Mayer, C., and Rodemann, H.P. (2003). Radioprotection of normal tissue to improve radiotherapy: the effect of the Bowman Birk protease inhibitor. <i>Current Medicinal Chemistry - Anticancer Agents, 3</i>(5), 360-363.</font </p>
 
  
  
−
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
 
</div>
 
</div>
−
<!-- BEGIN: CHASSIS -->
 
−
<div class="c-content-box c-size-md yellowdiv c-no-bottom-padding homepage2">
 
−
                        <div class="c-content-title-1">
 
−
                            <h3 class="c-center c-font-uppercase c-font-bold" style="color:#273236 !important">OUR CHASSIS</h3>
 
−
                            <div class="c-line-center c-theme-bg"></div>
 
−
                        </div>
 
−
<div class="container" style="margin-left: 0%">
 
−
                    <div class="c-content-product-1 c-opt-1">
 
  
−
 
−
                        <div class="row">
 
−
                            <div class="col-md-8 pull-left c-no-bottom-padding">
 
−
                                <div class="c-body yellowdiv" style="
 
−
    padding: 0px 20px 20px;">
 
−
                                   
 
−
                                            <p style="color: #273236">To express mBBI, we had to choose a biological system that was not only capable of high expression but was robust, adaptable, and easily genetically manipulated for ease of transport and use in remote and extreme environments. After creating a list of different types of cells which could be used for the expression of our peptide, we found that <i>Bacillus subtilis</i> was especially suited for our patch design. This is due to many reasons. <i>B. subtilis</i> is able to express high amounts of recombinant protein which can be secreted into surrounding media by its own well-characterized secretion system, making it ideal for producing and delivering the correct dosage of mBBI into the user. <i>B. subtilis</i> is capable of forming spores—which have been found in arctic permafrost dating tens of thousands of years and yet are still viable—making it easy to store in a desiccated or frozen manner. Additionally, <i>B. subtilis</i> expresses high amounts of recombinase A, a protein which allows genes to be stably integrated into the chromosome.</p>
 
  
−
<p style="color: #273236">Our strain of <i>B. subtilis</i> (WB800) is particularly suited for high production because it is deficient in eight extracellular proteases which could lead to the premature degradation our radioprotective peptide. Our strain will allow the peptide to be stable in the media within the patch. We conducted tests on the growth patterns of <i>B. subtilis</i> in the novel environment of a patch and optimized patch media to simulate an ideal growth conditions. We have also designed a genetic construct which provides inducible competency to the <i>B. subtilis</i> strain upon the addition of xylose, making this bacterium much easier to work with for future teams. </p>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
</div>
 
−
<!-- BEGIN: DEVICE -->
 
−
<div class="c-content-box c-size-md c-bg-darkblue c-no-bottom-padding homepage3">
 
−
                        <div class="c-content-title-1">
 
−
                            <h3 class="c-center c-font-uppercase c-font-bold" style="color:#FFFFFF">Design Overview</h3>
 
−
                            <div class="c-line-center c-theme-bg"></div>
 
−
                        </div>
 
−
 
−
<div class="container" style="margin-right: 0%">
 
−
                    <div class="c-content-product-1 c-opt-1">
 
−
 
−
                        <div class="row">
 
−
                            <div class="col-md-8 pull-right c-no-bottom-padding">
 
−
                                <div class="c-body realdiv" style="
 
−
    padding: 0px 20px 20px;">
 
−
                                 
 
−
                                        <br> <br> <br> <br> <br><p style="color: #FFFFFF">We designed our project to overcome common issues in existing technologies such as cost, portability, and durability. Our patch is portable, lightweight, safe to use, can be stored long-term, and produces and delivers peptides at a steady rate to maintain a constant concentration in the body. We worked with professionals within NASA and the CSA to integrate our solution with current space travel infrastructure, and with companies specializing in transdermal delivery to optimize the patch system. We also consulted with professionals and researchers in biomedical fields to better understand the unknown effects our delivery system would have when in use. Using this system, our project has future applications here on Earth for other occupations and individuals exposed to high levels of ionizing radiation, such as pilots, flight attendants, and miners. Our project can also be used to deliver hormones and other small molecules for use in space, serving as a "biological pharmacy." </p>  <br> <br> <br> <br> <br> <br> <br> <br> <br>
 
−
                                </div>
 
−
                            </div>
 
−
                        </div>
 
−
                    </div>
 
−
                </div>
 
−
</div>
 
  
 +
<div align="center">
  
−
<!-- BEGIN: CONTENT/FEATURES/FEATURES-1 -->
+
<img src="https://static.igem.org/mediawiki/2017/4/48/T--Queens_Canada--CircularLogos4.jpg" width="2838" height="1275" alt="" usemap="#imagemap"/>
−
    </div>
+
−
<!-- BEGIN: FEATURES 1 -->
+
−
<div style="background-color="#172724">
+
−
        <a href="https://2016.igem.org/Team:UofC_Calgary/Policy">
+
−
        <img style="width:100%;" src="https://static.igem.org/mediawiki/2016/5/5a/PolicyBriefCalgs.jpeg">
+
−
        </a>
+
−
        </div>
+
−
<!-- END: FEATURES 1 -->
+
−
<!-- END: CONTENT/FEATURES/FEATURES-1 -->
+
−
<!-- BEGIN: CONTENT/PORTFOLIO/LATEST-WORKS-1 -->
+
−
<div class="c-content-box c-size-md c-bg-darkblue" style="padding-bottom: 20px;">
+
−
<div class="container">
+
−
<div class="c-content-title-1">
+
−
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Our Project</h3>
+
−
<div class="c-line-center c-theme-bg">
+
−
</div>
+
−
</div>
+
−
                <div class="row">
+
−
                            <div class="col-sm-3" style="padding-left:40px">
+
−
                                <a href="https://2016.igem.org/Team:UofC_Calgary/Description">  <img class="box-img" src="https://static.igem.org/mediawiki/2016/9/9c/T--UofC_Calgary--biotarget.jpg"> </img>  </a> 
+
−
                            <p style="color:#FFFFFF; text-align: center; font-size: 16px;"> Project Description </p>     
+
−
                            </div>
+
−
                            <div class="col-sm-3" style="padding-left:28px; padding-right:28px">
+
−
                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Experiments"><img class="box-img" src="https://static.igem.org/mediawiki/2016/4/4b/T--UofC_Calgary--chassis.jpg"> </a></img> <p style="color:#FFFFFF; text-align: center; font-size: 16px;"> Our Experiments </p>     
+
−
                            </div>
+
−
                            <div class="col-sm-3" style="padding-right:40px">   
+
−
                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Model"> <img class="box-img" src="https://static.igem.org/mediawiki/2016/4/4c/T--UofC_Calgary--device.jpg"> </img>  </a>      <p style="color:#FFFFFF; text-align: center; font-size: 16px;"> Modelling </p> 
+
−
                            </div>
+
−
                            <div class="col-sm-3" style="padding-right:40px">   
+
−
                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Human_Practices"><img class="box-img" src="https://static.igem.org/mediawiki/2016/c/c2/T--UofC_Calgary--pandp.jpg"> </img> </a>        <p style="color:#FFFFFF; text-align: center; font-size: 16px;"> Human Practices </p>
+
−
                            </div>
+
−
                </div>
+
−
                <div class="human-practices-div-4" style="padding-top: 15px; color: #EBDEBE;"> Click to learn more about each part of our project</div>
+
−
</div>
+
−
</div>
+
−
<!-- END: CONTENT/PORTFOLIO/LATEST-WORKS-1 -->
+
  
−
<!--
+
<map name="imagemap">
−
<div class="c-content-box c-size-lg c-bg-parallax" style="background-image: url(assets/base/img/content/backgrounds/bg-29.jpg)">
+
  <area shape="circle" coords="204,320,160" href="https://2017.igem.org/Team:Queens_Canada/Meet_the_Team" />
−
<div class="container">
+
  <area shape="circle" coords="580,320,160" href="https://2017.igem.org/Team:Queens_Canada/Overview" />
−
<div class="c-content-title-1">
+
  <area shape="circle" coords="956,320,160" href="https://2017.igem.org/Team:Queens_Canada/Model" />
−
<h3 class="c-center c-font-white c-font-uppercase c-font-bold">Our Device</h3>
+
  <area shape="circle" coords="1320,320,160" href="https://2017.igem.org/Team:Queens_Canada/HP/Silver" />
−
<div class="c-line-center c-theme-bg">
+
</map>
−
</div>
+
−
</div>
+
−
<div class="row c-margin-t-60">
+
−
<div class="col-md-6">
+
−
<div class="c-content-testimonial-2-slider" data-slider="owl" data-single-item="true" data-auto-play="6000" style="width:900px">
+
−
<div class="c-title c-font-uppercase c-font-bold c-theme-bg">
+
−
Microneedle Patch
+
−
</div>
+
−
<div class="owl-carousel owl-theme c-theme owl-single">
+
−
<div class="item">
+
−
<div class="c-content-testimonial-2" style="min-height: 320px;">
+
−
<div class="c-testimonial c-font-uppercase c-font-bold">
+
−
Transdermal Microneedle Drug Delivery Patch
+
−
</div>
+
−
<div class="c-author">
+
−
<div class="c-portrait" style="background-image: url(assets/base/img/content/team/team8.jpg)">
+
−
</div>
+
−
<div class="c-name c-font-uppercase">
+
−
NOSHIN
+
−
</div>
+
−
<p class="c-position c-theme c-font-uppercase">
+
−
3M Microneedles
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-md-6">
+
−
<div class="c-content-v-center c-bg-red" style="height: 320px;width:320px;">
+
−
+
−
<img src="https://s3.amazonaws.com/igem2016/assets/base/img/content/stock/device1.JPG" alt="" style=" 
+
−
display: block;
+
−
max-width:1600px;
+
−
max-height:320px;
+
−
width: auto;
+
−
height: auto;">
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
END: CONTENT/SLIDERS/TESTIMONIALS-5 -->
+
−
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
+
−
<div class="c-content-box c-size-md c-bg-white">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-sm-6">
+
−
<!-- Begin: Title 1 component -->
+
−
<div class="c-content-title-1">
+
−
<h3 class="c-font-uppercase c-font-bold">About us</h3>
+
−
<div class="c-line-left c-theme-bg">
+
−
</div>
+
−
</div>
+
−
<!-- End-->
+
−
<p>
+
−
The 2016 U of C Calgary iGEM team is a multidisciplinary team based out of the University of Calgary. Our team is made up of undergraduate students from all years of study, hailing from the broad backgrounds of biology, microbiology, biomedical sciences, bioinformatics, and engineering. We are based out of the O'Brien Centre Labs within the U of C's Health Science Centre.
+
−
<ul class="c-content-list-1 c-theme c-font-uppercase">
+
−
+
−
</ul>
+
−
+
−
</p>
+
−
</div>
+
−
<div class="col-sm-6">
+
−
<div class="c-content-client-logos-1">
+
−
<!-- Begin: Title 1 component -->
+
−
<div class="c-content-title-1">
+
−
<h3 class="c-font-uppercase c-font-bold">Our Sponsors</h3>
+
−
<div class="c-line-left c-theme-bg">
+
−
</div>
+
−
</div>
+
−
<!-- End-->
+
−
<div class="c-logos">
+
−
<div class="row">
+
−
                                                                                                        <div class="col-md-4 col-xs-6 c-logo c-logo-1">
+
−
<a href="http://www.ucalgary.ca/"><img class="c-img-pos" src="https://static.igem.org/mediawiki/2016/3/35/T--UofC_Calgary--uofc.png" alt="" style="width: 180px; height:140px;"></a>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 c-logo c-logo-2">
+
−
<a href="http://cumming.ucalgary.ca/bhsc/program/o%E2%80%99brien-centre-facility"><img class="c-img-pos" src="https://static.igem.org/mediawiki/2016/7/74/T--UofC_Calgary--O'BrienLogo.png" alt="" style="width: 180px; height:140px;"></a>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 c-logo c-logo-3">
+
−
<a href="http://schulich.ucalgary.ca/"><img class="c-img-pos" src="https://static.igem.org/mediawiki/2016/c/c7/T--UofC_Calgary--uofcschulich.png" alt="" style="width: 180px; height:140px;"></a>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 c-logo c-logo-4">
+
−
<a href="https://www.mindfuel.ca/?gclid=CJ_GjpW0384CFZSIfgodOW4F0A"><img class="c-img-pos" src="https://static.igem.org/mediawiki/2016/1/1f/T--UofC_Calgary--mindfuel.png" alt="" style="width: 180px; height:140px;"></a>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 c-logo c-logo-5">
+
−
<a href="http://www.albertatechfutures.ca/Research/BasicResearch/geekStarter.aspx"><img class="c-img-pos" src="https://static.igem.org/mediawiki/2016/7/7d/T--UofC_Calgary--geekstarter.png" alt="" style="width: 180px; height:140px;"></a>
+
−
</div>
+
−
<div class="col-md-4 col-xs-6 c-logo c-logo-6">
+
−
<a href="http://store.biobasic.com/"><img class="c-img-pos" src="https://static.igem.org/mediawiki/2016/a/a6/T--UofC_Calgary--biobasic.png" alt="" style="width: 180px; height:140px;"></a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<!-- END: CONTENT/MISC/ABOUT-1 -->
+
−
<!-- END: PAGE CONTENT -->
+
 
</div>
 
</div>
−
<!-- END: PAGE CONTAINER -->
 
−
<!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 -->
 
−
<a name="footer"></a>
 
−
<footer class="c-layout-footer c-layout-footer-3 c-bg-dark">
 
−
<div class="c-prefooter">
 
−
<div class="container">
 
−
<div class="row">
 
−
<div class="col-md-3">
 
−
<div class="c-container c-first">
 
−
<div class="c-content-title-1">
 
−
<h3 class="c-font-bold c-font-white">i<span class="c-theme-font">GEM</span></h3>
 
−
<div class="c-line-left hide">
 
−
</div>
 
−
<p class="c-text">
 
−
iGEM is an international competition promoting synthetic biology as a means to solve social, economic and humanitarian problems around the globe. The iGEM Jamboree is held in Boston annually. In 2016, over 300 teams are competing against each other.
 
−
</p>
 
−
</div>
 
−
<ul class="c-links">
 
−
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="c-container">
 
−
<div class="c-content-title-1">
 
−
<h3 class="c-font-uppercase c-font-bold c-font-white">Latest Entries</h3>
 
−
<div class="c-line-left hide">
 
−
</div>
 
−
</div>
 
−
<div class="c-blog">
 
−
<div class="c-post">
 
−
 
−
</div>
 
−
<div class="c-post c-last">
 
−
<div class="c-post-img">
 
−
<img src="https://static.igem.org/mediawiki/2016/d/dc/T--UofC_Calgary--WHMIS.jpg" alt="" class="img-responsive"/>
 
−
</div>
 
−
<div class="c-post-content">
 
−
<h4 class="c-post-title"><a href="#">Fully Trained!</a></h4>
 
−
<p class="c-text">
 
−
Our entire team received a full BioSafety education from the University of Calgary! This entailed going to classes to prepare for a final quiz that tested our ability to be safe in the lab. Several of our members also had radiation training and clearance to ensure that work done with radiation was safe!
 
−
</p>
 
−
</div>
 
−
</div>
 
−
<a href="#" class="btn btn-md c-btn-border-1x c-theme-btn c-btn-uppercase c-btn-square c-btn-bold c-read-more hide">Read More</a>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="c-container">
 
−
<div class="c-content-title-1">
 
−
<h3 class="c-font-uppercase c-font-bold c-font-white">Latest Pictures</h3>
 
−
<div class="c-line-left hide">
 
−
</div>
 
−
</div>
 
−
<ul class="c-works">
 
−
<li class="c-first">
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/8/8a/T--UofC_Calgary--wikiinsat8-1.jpg"" class="img-responsive"/></a>
 
−
</li>
 
−
<li>
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/b/b8/T--UofC_Calgary--wikiinsat9.jpg" class="img-responsive"/></a>
 
−
</li>
 
−
<li class="c-last">
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/c/c5/T--UofC_Calgary--wikiinsat7.jpg"" class="img-responsive"/></a>
 
−
</li>
 
−
</ul>
 
−
<ul class="c-works">
 
−
<li class="c-first">
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/a/a5/T--UofC_Calgary--wikiinsat6.jpg" class="img-responsive" /></a>
 
−
</li>
 
−
<li>
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/9/94/T--UofC_Calgary--wikiinsat5.jpg" class="img-responsive" /></a>
 
−
</li>
 
−
<li class="c-last">
 
−
<a href="https://www.instagram.com/igemcalgary"><img src="https://static.igem.org/mediawiki/2016/f/f3/T--UofC_Calgary--wikiinsat4.jpg" class="img-responsive" /></a>
 
−
</li>
 
−
</ul>
 
−
<ul class="c-works">
 
−
<li class="c-first">
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/5/5e/T--UofC_Calgary--wikiinsat3.jpg" class="img-responsive" alt=""/></a>
 
−
</li>
 
−
<li>
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/2/2a/T--UofC_Calgary--wikiinsat2.jpg" class="img-responsive" alt=""/></a>
 
−
</li>
 
−
<li class="c-last">
 
−
<a href="https://www.instagram.com/igemcalgary/"><img src="https://static.igem.org/mediawiki/2016/b/b1/T--UofC_Calgary--wikiinsat1.jpg" class="img-responsive" alt=""/></a>
 
−
</li>
 
−
</ul>
 
−
<a href="#" class="btn btn-md c-btn-border-1x c-theme-btn c-btn-uppercase c-btn-square c-btn-bold c-read-more hide">View More</a>
 
−
</div>
 
−
</div>
 
−
<div class="col-md-3">
 
−
<div class="c-container c-last">
 
−
<div class="c-content-title-1">
 
−
<h3 class="c-font-uppercase c-font-bold c-font-white">Find us</h3>
 
−
<div class="c-line-left hide">
 
−
</div>
 
−
<p>
 
−
Located in Calgary, Alberta, Canada.
 
−
</p>
 
−
</div>
 
−
<ul class="c-socials">
 
−
<li style="width: 43px;">
 
−
<a href="https://www.facebook.com/igemcalgary/"><i class="icon-social-facebook"></i></a>
 
−
</li>
 
−
<li style="width: 48px;">
 
−
<a href="https://twitter.com/igemcalgary"><i class="icon-social-twitter"></i></a>
 
−
</li>
 
−
 
−
<li>
 
−
<a href="http://www.instagram.com/igemcalgary"><i class="icon-camera"></i></a>
 
−
</li>
 
−
</ul>
 
−
<ul class="c-address">
 
−
<li>
 
−
<i class="icon-pointer c-theme-font"></i> University of Calgary
 
−
</li>
 
−
<li>
 
−
<i class="icon-envelope c-theme-font"></i> igem.calgary@gmail.com
 
−
</li>
 
−
</ul>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<div class="c-postfooter">
 
−
<div class="container">
 
−
<p class="c-font-oswald c-font-14">
 
−
Copyright &copy; University of Calgary 2016.
 
−
</p>
 
−
</div>
 
−
</div>
 
−
</footer>
 
−
<!-- END: LAYOUT/FOOTERS/FOOTER-5 -->
 
−
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
 
−
<div class="c-layout-go2top">
 
−
<i class="icon-arrow-up"></i>
 
−
</div>
 
−
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
 
−
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
 
−
<!-- BEGIN: CORE PLUGINS -->
 
  
−
<!--[if lt IE 9]>
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
−
<script src="../assets/global/plugins/excanvas.min.js"></script>  
+
<script src="jquery.rwdImageMaps.min.js"></script>
−
<![endif]-->
+
−
<!-- END: CORE PLUGINS -->
+
−
<!-- BEGIN: LAYOUT PLUGINS -->
+
 
<script>
 
<script>
−
$(document).ready(function() {  
+
$(document).ready(function(e) {
−
App.init(); // init core 
+
      $('img[usemap]').rwdImageMap();
 +
});
  
−
// init main slider
 
−
var slider = $('.c-layout-revo-slider .tp-banner');
 
−
    var cont = $('.c-layout-revo-slider .tp-banner-container');
 
−
    var api = slider.show().revolution({
 
−
        delay: 15000,   
 
−
        startwidth:1170,
 
−
        startheight: 620,
 
−
        navigationType: "hide",
 
−
        navigationArrows: "solo",
 
−
        touchenabled: "on",
 
−
        onHoverStop: "on",
 
−
        keyboardNavigation: "off",
 
−
        navigationStyle: "circle",
 
−
        navigationHAlign: "center",
 
−
        navigationVAlign: "bottom",
 
−
        spinner: "spinner2",
 
−
        fullScreen: "on", 
 
−
        fullScreenAlignForce:"on",
 
−
        fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
 
−
        shadow: 0,
 
−
        fullWidth: "off",
 
−
        forceFullWidth: "off",
 
−
        hideTimerBar:"on",
 
−
        hideThumbsOnMobile: "on",
 
−
        hideNavDelayOnMobile: 1500,
 
−
        hideBulletsOnMobile: "on",
 
−
        hideArrowsOnMobile: "on",
 
−
        hideThumbsUnderResolution: 0
 
−
    });
 
−
});
 
 
</script>
 
</script>
 
</body>
 
</body>
 +
 
</html>
 
</html>

Latest revision as of 16:22, 1 November 2017


Welcome to QGEM 2017!

With an average of two large Arctic oil spills per day, Earth's water is being contaminated at an alarming rate.
Watch the video below to find out how QGEM plans to tackle this real world issue.