Difference between revisions of "Team:UofC Calgary/Team"

(Prototype team page)
 
 
(47 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{UofC_Calgary}}
+
<p style="margin-bottom: 0px">
−
<html>
+
{{Team:UofC_Calgary/UofC_Calgary}}
 +
{{Team:UofC_Calgary/assets/plugins/bootstrap-social/bootstrap-social.css}}
 +
{{Team:UofC_Calgary/assets/plugins/socicon/socicon.css}}
 +
{{Team:UofC_Calgary/assets/plugins/font-awesome/css/font-awesome.min.css}}
 +
{{Team:UofC_Calgary/assets/plugins/simple-line-icons/simple-line-icons.min.css}}
 +
{{Team:UofC_Calgary/assets/plugins/bootstrap/css/bootstrap.min.css}}
 +
{{Team:UofC_Calgary/assets/base/css/themes/default.css}}
 +
{{Team:UofC_Calgary/assets/google-fonts.css}}
 +
{{Team:UofC_Calgary/assets/base/js/components.js}}
 +
{{Team:UofC_Calgary/assets/base/js/app.js}}
 +
{{Team:UofC_Calgary/Test1}}
 +
</p>
  
 +
<html lang="en">
 +
<!--<![endif]-->
 +
<!-- BEGIN HEAD -->
 +
<head>
 +
 +
<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"/>
 +
</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 -->
 +
<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 --><!-- BEGIN: MEGA MENU -->
 +
<ul class="nav navbar-nav c-theme-nav">
 +
<li class="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>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/Composite_Part">Composite Parts</a>
 +
</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-active 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>
  
−
<div class="column full_size" >
+
<li>
 +
<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>
 +
</li>
 +
<li class="c-quick-sidebar-toggler-wrapper">
 +
<a href="#" class="c-quick-sidebar-toggler">
 +
<span class="c-line"></span>
 +
<span class="c-line"></span>
 +
<span class="c-line"></span>
 +
</a>
 +
</li>
 +
</ul>
 +
<!-- END MEGA MENU -->
 +
<!-- END MEGA MENU -->
 +
<!-- 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: SLIDE #1 -->
 +
<div class="row-fluid">   
 +
        <div class="span12">
 +
            <div style="position: relative;">
 +
                <a id="img-scroll">
 +
              <img  style="position:absolute;left:46%;top:87%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/0/0d/T--UofC_Calgary--scrollnotebook.jpg" alt="1" type="image" id="first"/>
 +
              </a>
 +
<script>
 +
$("#img-scroll").click(function() {
 +
    $('html,body').animate({
 +
    scrollTop: $("#first").offset().top},
 +
    'slow');
 +
});
 +
</script>
 +
              <img style="width:100%; height: 100%" src="https://static.igem.org/mediawiki/2016/7/77/T--UofC_Calgary--bg_team.jpg" alt="bg" />
 +
               
 +
            </div>
 +
        </div>         
 +
</div>
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 +
 +
<body>
  
 +
<div class="main-container" style=" background-color: #233237;">
  
−
</div>
+
  <div class="main-content">
  
−
<div class="column half_size" >
+
    <div class="c-content-title-1" style="padding-top: 50px">
−
<h5>Inspiration</h5>
+
<h3 class="c-font-uppercase c-font-bold" style="color: #FFFFFF">Meet Our Team</h3>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
<div class="c-line-left c-theme-bg">
−
Here are a few examples:</p>
+
</div>
−
<ul>
+
  </div>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
    <div style="color: #FFFFFF; font-size: 20px;"><center>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
    <a class="yeastiesALL" style="color: #FFFFFF; font-size: 20px; opacity: 1;">ALL</a> /
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
    <a class="yeastiesBT" style="color: #FFFFFF; font-size: 20px;">BIOTARGET</a> /
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
    <a class="yeastiesCH" style="color: #FFFFFF; font-size: 20px;">CHASSIS</a> /
−
</ul>
+
    <a class="yeastiesDV" style="color: #FFFFFF; font-size: 20px;">DEVICE</a> /
 +
    <a class="yeastiesPP" style="color: #FFFFFF; font-size: 20px;">HUMAN PRACTICES</a> /
 +
    <a class="yeastiesMO" style="color: #FFFFFF; font-size: 20px;">MODELLING</a> /
 +
    <a class="yeastiesWK" style="color: #FFFFFF; font-size: 20px;">WIKI</a><a href="https://static.igem.org/mediawiki/2016/6/6b/T--UofC_Calgary--YES.png" style="color: #333333">.</a>
 +
    </div>
 +
   
  
−
</div>
+
    <img class="yeastiesSJ" src="https://static.igem.org/mediawiki/2016/1/10/T--UofC_Calgary--syed.jpg" alt="Syed Jafri" height="127" width="190">
  
−
<div class="column half_size" >
+
<img class="yeastiesND" src="https://static.igem.org/mediawiki/2016/4/4c/T--UofC_Calgary--nick2.jpg" alt="Nick Jette" height="127" width="190">
−
<h5>What should this page contain?</h5>
+
−
<ul>
+
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
−
</div>
+
  
 +
<img class="yeastiesSG" src="https://static.igem.org/mediawiki/2016/8/81/T--UofC_Calgary--sid.jpg" alt="Sid Goutam" height="127" width="190">
  
 +
<img class="yeastiesML" src="https://static.igem.org/mediawiki/2016/6/68/T--UofC_Calgary--miriam.jpg" alt="Miriam Li" height="127" width="190">
 +
 +
<img class="yeastiesNS" src="https://static.igem.org/mediawiki/2016/0/0b/T--UofC_Calgary--nilesh.jpg" alt="Nilesh Sharma" height="127" width="190">
 +
 +
    </br>
 +
    </br>
 +
 +
    <img class="yeastiesJJ" src="https://static.igem.org/mediawiki/2016/a/a7/T--UofC_Calgary--jamie.jpg" alt="James Johnston" height="127" width="190">
 +
 +
    <img class="yeastiesRV" src="https://static.igem.org/mediawiki/2016/4/4f/T--UofC_Calgary--Rachelle.jpg" alt="Rachelle Varga" height="127" width="190">
 +
 +
    <img class="yeastiesNP" src="https://static.igem.org/mediawiki/2016/0/08/T--UofC_Calgary--nishi.jpg" alt="Nishi Patel" height="127" width="190">
 +
 +
    <img class="yeastiesSD" src="https://static.igem.org/mediawiki/2016/c/cc/T--UofC_Calgary--shalpinder.jpg" alt="Shalpinder Dhothar" height="127" width="190">
 +
 +
    <img class="yeastiesEF" src="https://static.igem.org/mediawiki/2016/7/7e/T--UofC_Calgary--elena.jpg" alt="Elena" height="127" width="190">
 +
 +
    </br>
 +
    </br>
 +
 +
 +
    <img class="yeastiesCP" src="https://static.igem.org/mediawiki/2016/c/c7/T--UofC_Calgary--christine.jpg" alt="Christine Phan" height="127" width="190">
 +
 +
    <img class="yeastiesDL" src="https://static.igem.org/mediawiki/2016/3/3f/T--UofC_Calgary--David2.jpg" alt="David Nguyen" height="127" width="190">
 +
 +
    <img class="yeastiesNK" src="https://static.igem.org/mediawiki/2016/2/24/T--UofC_Calgary--noshin.jpg" alt="Noshin Karim" height="127" width="190">
 +
 +
    <img class="yeastiesTD" src="https://static.igem.org/mediawiki/2016/3/37/T--UofC_Calgary--tiffany.jpg" alt="Tiffany Dang" height="127" width="190">
 +
 +
    <img class="yeastiesNM" src="https://static.igem.org/mediawiki/2016/f/fc/T--UofC_Calgary--Nelly2.jpg" alt="Nelly Mendoza" height="127" width="190">
 +
 +
    </br>
 +
    </br>
 +
 +
    <div id="teamInfoDiv">
 +
   
 +
    <p class="headerName">Blank</p>
 +
 +
    <p id="teamInfo" class="content2" style="color:#E7505A">Click on a team member's picture above for more information about them.</p>
 +
 +
    </div>
 +
<br><br>
 +
  </div>
 +
<br><br>
 +
<a id="pageTeamAdvisors" style="padding-top:20px"></a>
 +
 +
  <div class="main-content">
 +
 +
    <div class="c-content-title-1">
 +
<h3 class="c-font-uppercase c-font-bold" style="color: #FFFFFF">Advisors</h3>
 +
<div class="c-line-left c-theme-bg">
 +
</div>
 +
  </div>
 +
 +
    <img class="yeastiesDan" src="https://static.igem.org/mediawiki/2016/0/02/T--UofC_Calgary--Dan2.jpg" alt="Christine Phan" height="127" width="190">
 +
 +
    <img class="yeastiesNick" src="https://static.igem.org/mediawiki/2016/9/91/T--UofC_Calgary--nick.jpg" alt="David Nguyen" height="127" width="190">
 +
 +
    <img class="yeastiesRai" src="https://static.igem.org/mediawiki/2016/8/83/T--UofC_Calgary--rai.jpg" alt="Noshin Karim" height="127" width="190">
 +
 +
    <img class="yeastiesAinna" src="https://static.igem.org/mediawiki/2016/c/c9/T--UofC_Calgary--ainna.jpg" alt="Tiffany Dang" height="127" width="190">
 +
 +
<img class="yeastiesAlina" src="https://static.igem.org/mediawiki/2016/9/9e/T--UofC_Calgary--alina.jpg" alt="Christine Phan" height="127" width="190">
 +
 +
    </br>
 +
    </br>
 +
 +
    <!-- <div class="headerBreak"></div> -->
 +
 +
    <div id="advisorsInfoDiv">
 +
   
 +
    <p class="headerAdvisors">Blank</p>
 +
 +
    <p id="advisorsInfo" class="content2" style="color:#E7505A">Click on an advisor's picture above for more information about them.</p>
 +
 +
    </div>
 +
 +
  </div>
 +
<br><br>
 +
  <div class="main-content">
 +
 +
    <div class="c-content-title-1">
 +
<h3 class="c-font-uppercase c-font-bold c-white" style="color: #FFFFFF;top:20px">Mentors</h3>
 +
<div class="c-line-left c-theme-bg">
 +
</div>
 +
  </div>
 +
 +
 +
        <img class="yeastiesMayi" src="https://static.igem.org/mediawiki/2016/3/33/T--UofC_Calgary--mayi.jpg" alt="Christine Phan" height="127" width="190">
 +
 +
    <img class="yeastiesNygren" src="https://static.igem.org/mediawiki/2016/9/94/T--UofC_Calgary--anders.jpg" height="127" width="190">
 +
 +
    <img class="yeastiesVogel" src="https://static.igem.org/mediawiki/2016/0/02/T--UofC_Calgary--elke.jpg" alt="Noshin Karim" height="127" width="190">
 +
 +
    <img class="yeastiesGoodarzi" src="https://static.igem.org/mediawiki/2016/f/f8/T--UofC_Calgary--aaron2.jpg" alt="Tiffany Dang" height="127" width="190">
 +
 +
<img class="yeastiesWong" src="https://static.igem.org/mediawiki/2016/e/ef/T--UofC_Calgary--suilam.jpg" alt="Christine Phan" height="127" width="190">
 +
<br>
 +
<br>
 +
 +
    <img class="yeastiesDirkson" src="https://static.igem.org/mediawiki/2016/6/6b/T--UofC_Calgary--darren.jpg" alt="David Nguyen" height="127" width="190">
 +
 +
    <img class="yeastiesJenne" src="https://static.igem.org/mediawiki/2016/d/d1/T--UofC_Calgary--craig.jpg" alt="Noshin Karim" height="127" width="190">
 +
 +
    <img class="yeastiesMichael" src="https://static.igem.org/mediawiki/2016/6/6a/T--UofC_Calgary--michael.jpg" alt="Noshin Karim" height="127" width="190">
 +
 +
    </br>
 +
 +
    <p class="content2" style="color:#D8721D; font-size:1.8em">
 +
 +
 +
    <div id="mentorsInfoDiv" style="height:150px">
 +
   
 +
    <p class="headerMentors">Blank</p>
 +
 +
    <p id="mentorsInfo" class="content2" style="color:#E7505A">Click on a mentor's picture above for more information about them.</p>
 +
 +
    </div>
 +
 +
  </div>
 +
 +
</div>
 +
 +
</body>
 +
<!-- split end -->
 +
</div>
 +
<!-- END: PAGE CONTAINER -->
 +
<!--BEGIN: SLIDE #1 -->
 +
            <img alt="" src="https://static.igem.org/mediawiki/2016/e/ee/T--UofC_Calgary--sponsorz.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" style="width: 100%; height: 100%;">
 +
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 +
 +
<!-- 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" style="display: none;">
 +
<i class="icon-arrow-up"></i>
 +
</div>
 +
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
 +
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
 +
<!-- BEGIN: CORE PLUGINS -->
  
 +
<!--[if lt IE 9]>
 +
<script src="../assets/global/plugins/excanvas.min.js"></script>
 +
<![endif]-->
 +
<!-- END: CORE PLUGINS -->
 +
<!-- BEGIN: LAYOUT PLUGINS -->
 +
<!--<script>
 +
$(document).ready(function() {   
 +
App.init(); // init core 
  
 +
// 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> -->
 +
</body>
 
</html>
 
</html>

Latest revision as of 23:30, 19 October 2016

iGEM Calgary 2016

1 bg

Meet Our Team

Syed Jafri Nick Jette Sid Goutam Miriam Li Nilesh Sharma

James Johnston Rachelle Varga Nishi Patel Shalpinder Dhothar Elena

Christine Phan David Nguyen Noshin Karim Tiffany Dang Nelly Mendoza

Blank

Click on a team member's picture above for more information about them.





Advisors

Christine Phan David Nguyen Noshin Karim Tiffany Dang Christine Phan

Blank

Click on an advisor's picture above for more information about them.



Mentors

Christine Phan Noshin Karim Tiffany Dang Christine Phan

David Nguyen Noshin Karim Noshin Karim

Blank

Click on a mentor's picture above for more information about them.

iGEM

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.

Latest Entries

Fully Trained!

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!

Read More

Latest Pictures

View More

Find us

Located in Calgary, Alberta, Canada.

  • University of Calgary
  • igem.calgary@gmail.com

Copyright © University of Calgary 2016.