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

 
(61 intermediate revisions by 4 users not shown)
Line 26: Line 26:
 
{{Team:UofC_Calgary/assets/plugins/fancybox/jquery.fancybox.pack.js}}
 
{{Team:UofC_Calgary/assets/plugins/fancybox/jquery.fancybox.pack.js}}
 
{{Team:UofC_Calgary/assets/base/js/components.js}}
 
{{Team:UofC_Calgary/assets/base/js/components.js}}
{{Team:UofC_Calgary/assets/base/js/app.js}}
+
{{Team:UofC_Calgary/assets/base/js/app.js}}<html>
 
+
<html lang="en">
+
<!--<![endif]-->
+
<!-- BEGIN HEAD -->
+
 
<head>
 
<head>
+
    <title>iGEM Calgary 2016</title>
<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>
 
</head>
<body class="c-layout-header-fixed">
+
<body>
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
+
 
<!-- BEGIN: HEADER -->
+
    <!-- BEGIN HEAD -->
<header class="c-layout-header c-layout-header-3 c-layout-header-default-mobile c-header-seethrough" style="padding-top: 10px;
+
    <meta charset="utf-8">
    top: 0;
+
    <meta content="IE=edge" http-equiv="X-UA-Compatible">
    position: fixed;
+
    <meta content="width=device-width, initial-scale=1.0" name="viewport">
    z-index: 9995;
+
    <meta content="text/html; charset=utf-8" http-equiv="Content-type">
    width: 100%;
+
    <meta content="" name="description">
">
+
    <meta content="" name="author">
<div class="c-navbar">
+
    <link href="favicon.ico" rel="shortcut icon">
<div class="container-fluid" style="padding-left: 20px; padding-right: 20px;">
+
    <!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
<!-- BEGIN: BRAND -->
+
    <!-- BEGIN: HEADER -->
<div class="c-navbar-wrapper clearfix">
+
    <header class=
<div class="c-brand c-pull-left">
+
    "c-layout-header c-layout-header-3 c-layout-header-default-mobile c-header-seethrough"
<a href="https://2016.igem.org/Team:UofC_Calgary/sandbox" class="c-logo">                                         
+
    style=
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo">
+
    "padding-top: 10px; top: 0; position: fixed; z-index: 9995; width: 100%;">
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo-inverse">
+
        <div class="c-navbar">
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-mobile-logo">
+
            <div class="container-fluid" style=
</a>
+
            "padding-left: 20px; padding-right: 20px;">
<button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu">
+
                <!-- BEGIN: BRAND -->
<span class="c-line"></span>
+
                <div class="c-navbar-wrapper clearfix">
<span class="c-line"></span>
+
                    <div class="c-brand c-pull-left">
<span class="c-line"></span>
+
                        <a class="c-logo" href=
</button>
+
                        "https://2016.igem.org/Team:UofC_Calgary"><img alt=
</div>
+
                        "iGEM" class="c-desktop-logo" src=
<!-- END: BRAND -->
+
                        "https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png">
<!-- BEGIN: HOR NAV -->
+
                        <img alt="iGEM" class="c-desktop-logo-inverse" src=
<!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
+
                        "https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png">
<!-- BEGIN: MEGA MENU -->
+
                        <img alt="iGEM" class="c-mobile-logo" src=
<nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold">
+
                        "https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png"></a>
<!-- BEGIN: MEGA MENU --><!-- BEGIN: MEGA MENU -->
+
                        <button class="c-hor-nav-toggler" data-target=
<ul class="nav navbar-nav c-theme-nav">
+
                        ".c-mega-menu" type="button"><span class=
<li class="c-menu-type-classic">
+
                        "c-line"></span> <span class="c-line"></span>
<a href="https://2016.igem.org/Team:UofC_Calgary" class="c-link dropdown-toggle">Home</a>
+
                        <span class="c-line"></span></button>
</li>
+
                    </div><!-- END: BRAND -->
<li class="c-menu-type-classic">
+
                    <!-- BEGIN: HOR NAV -->
<a href="https://2016.igem.org/Team:UofC_Calgary/Description" class="c-link dropdown-toggle">Project</a>
+
                    <!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
+
                    <!-- BEGIN: MEGA MENU -->
<li>
+
                    <nav class=
<a href="https://2016.igem.org/Team:UofC_Calgary/Description">Problem</a>
+
                    "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 class="c-link dropdown-toggle" href=
 +
                                "https://2016.igem.org/Team:UofC_Calgary">Home</a>
 +
                            </li>
 +
                            <li class="c-menu-type-classic">
 +
                                <a class="c-link dropdown-toggle" href=
 +
                                "https://2016.igem.org/Team:UofC_Calgary/Description">
 +
                                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>
<li>
+
                                    <li>
<a href="https://2016.igem.org/Team:UofC_Calgary/Experiments">Our Experiments</a>
+
                                        <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>
 
</li>
                                                                <li>
+
                                   
<a href="https://2016.igem.org/Team:UofC_Calgary/Results">Our Results</a>
+
                                </ul>
</li>
+
                            </li>
                                                                <li>
+
                            <li class="c-menu-type-classic">
<a href="https://2016.igem.org/Team:UofC_Calgary/Model">Model</a>
+
                                <a class="c-link" href=
</li>
+
                                "https://2016.igem.org/Team:UofC_Calgary/Judging">
<li>
+
                                Judging</a>
<a href="https://2016.igem.org/Team:UofC_Calgary/Parts">Parts Registry</a>
+
                            </li>
</li>
+
                            <li class="c-menu-type-classic">
</ul>
+
                                <a class="c-link dropdown-toggle" href=
</li>
+
                                "https://2016.igem.org/Team:UofC_Calgary/Human_Practices">
<li class="c-menu-type-classic">
+
                                Human Practices</a>
<a href="https://2016.igem.org/Team:UofC_Calgary/Judging" class="c-link">Judging</a>
+
                                <ul class=
</li>
+
                                "dropdown-menu c-menu-type-inline c-pull-left">
+
                                    <li>
<li class="c-menu-type-classic">
+
                                        <a href=
<a href="https://2016.igem.org/Team:UofC_Calgary/Human_Practices" class="c-link dropdown-toggle">Human Practices</a>
+
                                        "https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
+
                                        Integrated Practices</a>
<li>
+
                                    </li>
<a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">Integrated Practices</a>
+
                                    <li>
</li>
+
                                        <a href=
<li>
+
                                        "https://2016.igem.org/Team:UofC_Calgary/Collaborations">
<a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations">Collaborations</a>
+
                                        Collaborations</a>
</li>
+
                                    </li>
<li>
+
                                    <li>
<a href="https://2016.igem.org/Team:UofC_Calgary/Engagement">Engagement</a>
+
                                        <a href=
</li>
+
                                        "https://2016.igem.org/Team:UofC_Calgary/Engagement">
<li>
+
                                        Engagement</a>
<a href="https://2016.igem.org/Team:UofC_Calgary/Safety">Safety</a>
+
                                    </li>
</li>
+
                                    <li>
<li>
+
                                        <a href=
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Silver">Silver</a>
+
                                        "https://2016.igem.org/Team:UofC_Calgary/Safety">
</li>
+
                                        Safety</a>
<li>
+
                                    </li>
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Gold">Gold</a>
+
                                    <li>
</li>
+
                                        <a href=
</ul>
+
                                        "https://2016.igem.org/Team:UofC_Calgary/HP/Silver">
</li>
+
                                        Silver</a>
                                 <li class="c-active c-menu-type-classic">
+
                                    </li>
<a href="https://2016.igem.org/Team:UofC_Calgary/Notebook" class="c-link">Notebook</a>
+
                                    <li>
</li>
+
                                        <a href=
<li class="c-menu-type-classic">
+
                                        "https://2016.igem.org/Team:UofC_Calgary/HP/Gold">
<a href="https://2016.igem.org/Team:UofC_Calgary/Team" class="c-link dropdown-toggle">Team</a>
+
                                        Gold</a>
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
+
                                    </li>
                                                                <li>
+
<li>
<a href="https://2016.igem.org/Team:UofC_Calgary/Team">Meet Our Team</a>
+
                                    <a href="https://2016.igem.org/Team:UofC_Calgary/Policy"> Policy Brief </a>
</li>
+
                                    </li>
<li>
+
                                 </ul>
<a href="https://2016.igem.org/Team:UofC_Calgary/Attributions">Attributions</a>
+
                            </li>
</li>
+
                            <li class="c-active c-menu-type-classic">
                             
+
                                <a class="c-link" href=
</ul>
+
                                "https://2016.igem.org/Team:UofC_Calgary/Notebook">
</li>
+
                                Notebook</a>
 
+
                            </li>
<li>
+
                            <li class="c-menu-type-classic">
<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-uppercase c-btn-sbold"><i class="icon-chemistry"></i> iGEM </a>
+
                                <a class="c-link dropdown-toggle" href=
</li>
+
                                "https://2016.igem.org/Team:UofC_Calgary/Team">Team</a>
<li class="c-quick-sidebar-toggler-wrapper">
+
                                <ul class=
<a href="#" class="c-quick-sidebar-toggler">
+
                                "dropdown-menu c-menu-type-inline c-pull-left">
<span class="c-line"></span>
+
                                    <li>
<span class="c-line"></span>
+
                                        <a href=
<span class="c-line"></span>
+
                                        "https://2016.igem.org/Team:UofC_Calgary/Team">
</a>
+
                                        Meet Our Team</a>
</li>
+
                                    </li>
</ul>
+
                                    <li>
<!-- END MEGA MENU -->
+
                                        <a href=
<!-- END MEGA MENU -->
+
                                        "https://2016.igem.org/Team:UofC_Calgary/Attributions">
</nav>
+
                                        Attributions</a>
<!-- END: MEGA MENU -->
+
                                    </li>
<!-- END: LAYOUT/HEADERS/MEGA-MENU -->
+
                                </ul>
<!-- END: HOR NAV -->
+
                            </li>
</div>
+
                            <li>
</div>
+
                                <a class=
</div>
+
                                "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"
</header>
+
                                data-target="#login-form" data-toggle="modal"
<!-- END: HEADER -->
+
                                href="https://2016.igem.org/Main_Page"><i class=
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
+
                                "icon-chemistry"></i> iGEM</a>
<!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
+
                            </li>
<nav class="c-layout-quick-sidebar">
+
                            <li class="c-quick-sidebar-toggler-wrapper">
<div class="c-header">
+
                                <a class="c-quick-sidebar-toggler" href=
<button type="button" class="c-link c-close">
+
                                "#"><span class="c-line"></span> <span class=
<i class="icon-login"></i>
+
                                "c-line"></span> <span class=
</button>
+
                                "c-line"></span></a>
</div>
+
                            </li>
<div class="c-content">
+
                        </ul><!-- END MEGA MENU -->
<div class="c-section">
+
                        <!-- END MEGA MENU -->
<h3>Theme Colors</h3>
+
                    </nav><!-- END: MEGA MENU -->
<div class="c-settings">
+
                    <!-- END: LAYOUT/HEADERS/MEGA-MENU -->
<span class="c-color c-default c-active" data-color="default"></span>
+
                    <!-- END: HOR NAV -->
<span class="c-color c-green1" data-color="green1"></span>
+
                </div>
<span class="c-color c-green2" data-color="green2"></span>
+
            </div>
<span class="c-color c-green3" data-color="green3"></span>
+
        </div>
<span class="c-color c-yellow1" data-color="yellow1"></span>
+
    </header><!-- END: HEADER -->
<span class="c-color c-yellow2" data-color="yellow2"></span>
+
    <!-- END: LAYOUT/HEADERS/HEADER-1 -->
<span class="c-color c-yellow3" data-color="yellow3"></span>
+
    <!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
<span class="c-color c-red1" data-color="red1"></span>
+
    <nav class="c-layout-quick-sidebar">
<span class="c-color c-red2 " data-color="red2"></span>
+
        <div class="c-header">
<span class="c-color c-red3" data-color="red3"></span>
+
            <button class="c-link c-close" type="button"><i class=
<span class="c-color c-purple1" data-color="purple1"></span>
+
            "icon-login"></i></button>
<span class="c-color c-purple2" data-color="purple2"></span>
+
        </div>
<span class="c-color c-purple3" data-color="purple3"></span>
+
        <div class="c-content">
<span class="c-color c-blue1" data-color="blue1"></span>
+
            <div class="c-section">
<span class="c-color c-blue2" data-color="blue2"></span>
+
                <h3>Theme Colors</h3>
<span class="c-color c-blue3" data-color="blue3"></span>
+
                <div class="c-settings">
<span class="c-color c-brown1" data-color="brown1"></span>
+
                    <span class="c-color c-default c-active" data-color=
<span class="c-color c-brown2" data-color="brown2"></span>
+
                    "default"></span> <span class="c-color c-green1"
<span class="c-color c-brown3" data-color="brown3"></span>
+
                    data-color="green1"></span> <span class="c-color c-green2"
<span class="c-color c-dark1" data-color="dark1"></span>
+
                    data-color="green2"></span> <span class="c-color c-green3"
<span class="c-color c-dark2" data-color="dark2"></span>
+
                    data-color="green3"></span> <span class="c-color c-yellow1"
<span class="c-color c-dark3" data-color="dark3"></span>
+
                    data-color="yellow1"></span> <span class=
</div>
+
                    "c-color c-yellow2" data-color="yellow2"></span>
</div>
+
                    <span class="c-color c-yellow3" data-color=
<div class="c-section">
+
                    "yellow3"></span> <span class="c-color c-red1" data-color=
<h3>Header Type</h3>
+
                    "red1"></span> <span class="c-color c-red2" data-color=
<div class="c-settings">
+
                    "red2"></span> <span class="c-color c-red3" data-color=
<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"/>
+
                    "red3"></span> <span class="c-color c-purple1" data-color=
<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"/>
+
                    "purple1"></span> <span class="c-color c-purple2"
</div>
+
                    data-color="purple2"></span> <span class=
</div>
+
                    "c-color c-purple3" data-color="purple3"></span>
<div class="c-section">
+
                    <span class="c-color c-blue1" data-color="blue1"></span>
<h3>Header Mode</h3>
+
                    <span class="c-color c-blue2" data-color="blue2"></span>
<div class="c-settings">
+
                    <span class="c-color c-blue3" data-color="blue3"></span>
<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"/>
+
                    <span class="c-color c-brown1" data-color="brown1"></span>
<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"/>
+
                    <span class="c-color c-brown2" data-color="brown2"></span>
</div>
+
                    <span class="c-color c-brown3" data-color="brown3"></span>
</div>
+
                    <span class="c-color c-dark1" data-color="dark1"></span>
<div class="c-section">
+
                    <span class="c-color c-dark2" data-color="dark2"></span>
<h3>Mega Menu Style</h3>
+
                    <span class="c-color c-dark3" data-color="dark3"></span>
<div class="c-settings">
+
                </div>
<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"/>
+
            </div>
<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 class="c-section">
</div>
+
                <h3>Header Type</h3>
</div>
+
                <div class="c-settings">
<div class="c-section">
+
                    <input class=
<h3>Font Style</h3>
+
                    "c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active"
<div class="c-settings">
+
                    data-value="boxed" type="button" value="boxed">
<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 class=
<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"/>
+
                    "c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase"
</div>
+
                    data-value="fluid" type="button" value="fluid">
</div>
+
                </div>
</div>
+
            </div>
</nav>
+
            <div class="c-section">
<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
+
                <h3>Header Mode</h3>
<!-- BEGIN: PAGE CONTAINER  -->
+
                <div class="c-settings">
<div class="c-layout-page" style="padding-top: 86px;">
+
                    <input class=
<!-- BEGIN: PAGE CONTENT -->
+
                    "c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active"
<!--BEGIN: SLIDE #1 -->
+
                    data-value="fixed" type="button" value="fixed">
<div class="row-fluid">    
+
                    <input class=
        <div class="span12">
+
                    "c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase"
             <div style="position: relative;display: inline-block;">
+
                    data-value="static" type="button" value="static">
 +
                </div>
 +
            </div>
 +
            <div class="c-section">
 +
                <h3>Mega Menu Style</h3>
 +
                <div class="c-settings">
 +
                    <input 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" type="button" value="dark"> <input 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" type="button" value="light">
 +
                </div>
 +
            </div>
 +
            <div class="c-section">
 +
                <h3>Font Style</h3>
 +
                <div class="c-settings">
 +
                    <input 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" type="button" value="default">
 +
                    <input 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" type="button" value="light">
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </nav><!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
 +
    <!-- BEGIN: PAGE CONTAINER  -->
 +
    <div class="c-layout-page" style="padding-top: 86px;">
 +
        <!-- BEGIN: PAGE CONTENT -->
 +
        <!--BEGIN: SLIDE #1 -->
 +
        <div class="row-fluid">
 +
          <div class="span12">
 +
             <div style="position: relative;">
  
 
<a id="img-scroll1">
 
<a id="img-scroll1">
               <img style="position:absolute;left:30%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/a/a7/T--UofC_Calgary--biotarget-icon.jpg" alt="1" type="image" id="first"/>
+
               <img style="position:absolute;left:27%;top:80%;max-width: 15%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/a/a7/T--UofC_Calgary--biotarget-icon.jpg" alt="1" type="image" id="first">
 
               </a>
 
               </a>
  
 
<a id="img-scroll2">
 
<a id="img-scroll2">
               <img style="position:absolute;left:40%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/9/95/T--UofC_Calgary--chassis-icon.jpg" alt="1" type="image"/>
+
               <img style="position:absolute;left:43%;top:80%;max-width: 15%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/9/95/T--UofC_Calgary--chassis-icon.jpg" alt="1" type="image">
 
               </a>
 
               </a>
  
 
<a id="img-scroll3">
 
<a id="img-scroll3">
               <img style="position:absolute;left:56%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/a/a5/T--UofC_Calgary--device-icon.jpg" alt="1" type="image"/>
+
               <img style="position:absolute;left:58%;top:80%;max-width: 15%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/a/a5/T--UofC_Calgary--device-icon.jpg" alt="1" type="image">
 
               </a>
 
               </a>
  
               <img style="width:100%; height: 100%" src="https://static.igem.org/mediawiki/2016/f/f3/T--UofC_Calgary--notebook.jpg" alt="bg" />
+
               <img style="width:100%; height: 100%" src="https://static.igem.org/mediawiki/2016/f/f3/T--UofC_Calgary--notebook.jpg" alt="bg">
 
                  
 
                  
 
             </div>
 
             </div>
         </div>          
+
         </div>
</div>          
+
        </div><!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
+
        <!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
+
<div class="c-content-box c-size-md c-bg-white">
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
+
<div class="container">
        <div class="c-content-box c-size-md" style="background-color: #172724">
+
<div class="col-md-12">
  <div class="container">
+
<!-- Begin: Title 1 component -->
<div class="c-content-title-1">
+
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Policies and Practices</h3>
+
<div class="c-line-center c-theme-bg">
+
</div>
+
</div>
+
              <div class="row">
+
                      <div class="col-sm-8 col-sm-offset-2">
+
                                  <p class="human-practices-div-2">
+
VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS
+
                                  </p>
+
                        </div>
+
              </div><span id="second" />
+
          </div>
+
    </div>
+
 
+
<div class="c-content-box c-size-md c-bg-darkblue" style="padding-bottom: 0px" >
+
<div class="container">
+
<div class="c-content-title-1">
+
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Engagement</h3>
+
<div class="c-line-center c-theme-bg">
+
</div>
+
</div>
+
                    <div class="row">
+
                            <div class="col-sm-3" style="padding-left:40px">
+
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/3/3e/T--UofC_Calgary--letstalk.png"> </img>           
+
                            </div>
+
                            <div class="col-sm-3" style="padding-left:28px; padding-right:28px">
+
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/8/8f/T--UofC_Calgary--telusspark.png"> </img>             
+
                            </div>
+
                            <div class="col-sm-3" style="padding-right:40px">   
+
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/6/61/T--UofC_Calgary--mindsin.png"> </img>         
+
                            </div>
+
                            <div class="col-sm-3" style="padding-right:40px">   
+
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/7/70/T--UofC_Calgary--Beakernight.png"> </img>         
+
                            </div>
+
                    </div> <span id="third" />
+
                <div class="human-practices-div-4" style="padding-top: 25px; padding-bottom: 25px; color: #EBDEBE;"> Click to learn more about each of our engagements.</div>
+
</div>
+
</div>
+
 
+
      <div class="c-content-box c-size-md" style="background-color: #EBC775; padding-bottom: 0px;">
+
  <div class="container">
+
<div class="c-content-title-1">
+
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#223237" >Collaboration</h3>
+
<div class="c-line-center c-theme-bg">
+
</div>
+
</div>
+
                          <div class="row">
+
                                  <div class="col-sm-8 col-sm-offset-2" style="background-color: #223237;">
+
                                          <div class="row">
+
                                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations/sandbox">
+
                                                  <div class="col-sm-6">
+
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 3em">LEIDEN UNIVERSITY</p>
+
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 1em"> Text.</p>
+
                                                  </div></a>
+
                                          </div>
+
                                  </div>
+
                            </div>
+
<div style="padding-top: 3em" class="row">
+
                                  <div class="col-sm-8 col-sm-offset-2" style="background-color: #223237;">
+
                                          <div class="row">
+
                                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations/sandbox">
+
                                                  <div class="col-sm-6">
+
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 3em"> LEIDEN UNIVERSITY </p>
+
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 1em"> Text.</p>
+
                                                  </div>
+
                                                  </a>
+
                                          </div>
+
                                  </div>
+
                            </div>
+
                </div>
+
                          <span id="fourth"/>
+
                <div class="human-practices-div-4" style="padding-top: 25px; padding-bottom: 25px; color: #223237;"> Click to learn more about the collaboration.</div>
+
          </div>
+
    </div>
+
 
+
      <div class="c-content-box c-size-md" style="background-color: #172724">
+
  <div class="container">
+
<div class="c-content-title-1">
+
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Safety</h3>
+
<div class="c-line-center c-theme-bg">
+
</div>
+
</div>
+
              <div class="row">
+
                      <div class="col-sm-8 col-sm-offset-2">
+
                                  <p class="human-practices-div-2">
+
VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS
+
                                  </p>
+
                        </div>
+
              </div>
+
          </div>
+
    </div>
+
       
+
<!-- END: CONTENT/MISC/ABOUT-1 -->
+
<!-- END: PAGE CONTENT -->
+
</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">
 
<div class="c-content-title-1">
<h3 class="c-font-uppercase c-font-bold c-font-white">i<span class="c-theme-font">GEM</span></h3>
+
<a href="https://static.igem.org/mediawiki/2016/2/21/T--UofC_Calgary--BioTJournalFreeze.pdf"><h3 class="c-font-uppercase c-font-bold">BioTarget Notebook</h3></a>
<div class="c-line-left hide">
+
<div class="c-line-left c-theme-bg">
 
</div>
 
</div>
<p class="c-text">
 
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, s ed elit diam nonummy ad minim veniam quis nostrud exerci et tation diam.
 
</p>
 
 
</div>
 
</div>
<ul class="c-links">
+
<!-- End-->  
<li>
+
<center><object data="https://static.igem.org/mediawiki/2016/2/21/T--UofC_Calgary--BioTJournalFreeze.pdf" type="application/pdf" width="100%" height="600px">
<a href="#">Home</a>
+
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2016/2/21/T--UofC_Calgary--BioTJournalFreeze.pdf">Biotarget_Journal.pdf</a>
</li>
+
</object> </center>
<li>
+
 
<a href="#">About</a>
+
</li>
+
<li>
+
<a href="#">Terms</a>
+
</li>
+
<li>
+
<a href="#">Contact</a>
+
</li>
+
</ul>
+
 
</div>
 
</div>
</div>
+
 
<div class="col-md-3">
+
</div>
<div class="c-container">
+
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2016/f/f1/T--UofC_Calgary--biotargetjournal.pdf"<center><p style="text-align: center"><font-size="4"> Click here to view the above PDF</p></font></center></a>
 +
</div>
 +
<!-- END: CONTENT/MISC/ABOUT-1 -->
 +
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
 +
<div class="c-content-box c-size-md c-bg-white" id="second">
 +
<div class="container">
 +
<div class="col-md-12">
 +
<!-- Begin: Title 1 component -->
 
<div class="c-content-title-1">
 
<div class="c-content-title-1">
<h3 class="c-font-uppercase c-font-bold c-font-white">Latest Entries</h3>
+
<a href="https://static.igem.org/mediawiki/2016/3/30/T--UofC_Calgary--chassisjournal.pdf"><h3 class="c-font-uppercase c-font-bold">Chassis Notebook</h3></a>
<div class="c-line-left hide">
+
<div class="c-line-left c-theme-bg"></a>
 
</div>
 
</div>
 
</div>
 
</div>
<div class="c-blog">
+
<!-- End--> <center><object data="https://static.igem.org/mediawiki/2016/3/30/T--UofC_Calgary--chassisjournal.pdf" type="application/pdf" width="100%" height="600px">
<div class="c-post">
+
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2016/9/9d/T--UofC_Calgary--ChassisJournalFreeze.pdf">Chassis_Journal.pdf</a>
<div class="c-post-img">
+
</object> </center>
<img src="assets/base/img/content/stock/9.jpg" alt="" class="img-responsive"/>
+
 
</div>
+
<div class="c-post-content">
+
<h4 class="c-post-title"><a href="#">BBI & KTI Have Arrived!</a></h4>
+
<p class="c-text">
+
Lorem ipsum dolor sit amet ipsum sit, consectetuer adipiscing elit sit amet
+
</p>
+
</div>
+
</div>
+
<div class="c-post c-last">
+
<div class="c-post-img">
+
<img src="assets/base/img/content/stock/14.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">
+
Lorem ipsum dolor ipsum sit ipsum amet, consectetuer sit adipiscing elit ipsum elit elit ipsum elit
+
</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>
+
 
<div class="col-md-3">
+
</div>
<div class="c-container">
+
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2016/3/30/T--UofC_Calgary--chassisjournal.pdf"<center><p style="text-align: center"><font-size="4"> Click here to view the above PDF</p></font></center></a>
 +
</div>
 +
<!-- END: CONTENT/MISC/ABOUT-1 -->
 +
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
 +
<div class="c-content-box c-size-md c-bg-white" id="third">
 +
<div class="container">
 +
<div class="col-md-12">
 +
<!-- Begin: Title 1 component -->
 
<div class="c-content-title-1">
 
<div class="c-content-title-1">
<h3 class="c-font-uppercase c-font-bold c-font-white">Latest Pictures</h3>
+
<a href="https://static.igem.org/mediawiki/2016/3/35/T--UofC_Calgary--Devicejournal.pdf"><h3 class="c-font-uppercase c-font-bold">Device Notebook</h3></a>
<div class="c-line-left hide">
+
<div class="c-line-left c-theme-bg">
 
</div>
 
</div>
 
</div>
 
</div>
<ul class="c-works">
+
<!-- End--> <center><object data="https://static.igem.org/mediawiki/2016/3/35/T--UofC_Calgary--Devicejournal.pdf" type="application/pdf" width="100%" height="600px">
<li class="c-first">
+
Your device does not support embed PDFs. Please click the following link to open up the PDF. <a href="https://static.igem.org/mediawiki/2016/3/35/T--UofC_Calgary--Devicejournal.pdf">Device_Journal.pdf</a>
<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>
+
</object> </center>
</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>
+
 
<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="#"><i class="icon-social-youtube"></i></a>
+
</li>
+
<li>
+
<a href="http://www.instagram.com/igemcalgary"><i class="icon-social-instagram"></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-call-end c-theme-font"></i> +587 717 7233
+
</li>
+
<li>
+
<i class="icon-envelope c-theme-font"></i> syed.jafri2@ucalgary.ca
+
</li>
+
</ul>
+
</div>
+
</div>
+
 
</div>
 
</div>
 +
<br><br>
 +
<a href="https://static.igem.org/mediawiki/2016/3/35/T--UofC_Calgary--Devicejournal.pdf"<center><p style="text-align: center"><font-size="4"> Click here to view the above PDF</p></font></a>
 
</div>
 
</div>
</div>
+
<!-- END: CONTENT/MISC/ABOUT-1 -->
<div class="c-postfooter">
+
                <!-- END: PAGE CONTENT -->
<div class="container">
+
            </div><!-- END: PAGE CONTAINER -->
<p class="c-font-oswald c-font-14">
+
            <!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 -->
Copyright &copy; University of Calgary 2016.
+
            <a id="footer" name="footer"></a>
</p>
+
            <footer class="c-layout-footer c-layout-footer-3 c-bg-dark">
</div>
+
                <div class="c-prefooter">
</div>
+
                    <div class="container">
</footer>
+
                        <div class="row">
<!-- END: LAYOUT/FOOTERS/FOOTER-5 -->
+
                            <div class="col-md-3">
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
+
                                <div class="c-container c-first">
<div class="c-layout-go2top">
+
                                    <div class="c-content-title-1">
<i class="icon-arrow-up"></i>
+
                                        <h3 class="c-font-bold c-font-white">
</div>
+
                                        i<span class=
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
+
                                        "c-theme-font">GEM</span></h3>
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
+
                                        <div class="c-line-left hide"></div>
<!-- BEGIN: CORE PLUGINS -->
+
                                        <p class="c-text">iGEM is an
 
+
                                        international competition promoting
<!--[if lt IE 9]>
+
                                        synthetic biology as a means to solve
<script src="../assets/global/plugins/excanvas.min.js"></script>  
+
                                        social, economic and humanitarian
<![endif]-->
+
                                        problems around the globe. The iGEM
<!-- END: CORE PLUGINS -->
+
                                        Jamboree is held in Boston annually. In
<!-- BEGIN: LAYOUT PLUGINS -->
+
                                        2016, over 300 teams are competing
<script>
+
                                        against each other.</p>
$("#img-scroll1").click(function() {
+
                                    </div>
    $('html,body').animate({
+
                                    <ul class="c-links"></ul>
    scrollTop: $("#first").offset().top},
+
                                </div>
    'slow');
+
                            </div>
});
+
                            <div class="col-md-3">
$("#img-scroll2").click(function() {
+
                                <div class="c-container">
    $('html,body').animate({
+
                                    <div class="c-content-title-1">
    scrollTop: $("#second").offset().top},
+
                                        <h3 class=
    'slow');
+
                                        "c-font-uppercase c-font-bold c-font-white">
});
+
                                        Latest Entries</h3>
$("#img-scroll3").click(function() {
+
                                        <div class="c-line-left hide"></div>
    $('html,body').animate({
+
                                    </div>
    scrollTop: $("#third").offset().top},
+
                                    <div class="c-blog">
    'slow');
+
                                        <div class="c-post"></div>
});
+
                                        <div class="c-post c-last">
$("#img-scroll4").click(function() {
+
                                            <div class="c-post-img"><img alt=""
    $('html,body').animate({
+
                                            class="img-responsive" src=
    scrollTop: $("#fourth").offset().top},
+
                                            "https://static.igem.org/mediawiki/2016/d/dc/T--UofC_Calgary--WHMIS.jpg"></div>
    'slow');
+
                                            <div class="c-post-content">
});
+
                                                <h4 class="c-post-title">
</script>
+
                                                <a href="#">Fully
<script>
+
                                                Trained!</a></h4>
$(document).ready(function() {  
+
                                                <p class="c-text">Our entire
App.init(); // init core   
+
                                                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 class=
 +
                                        "btn btn-md c-btn-border-1x c-theme-btn c-btn-uppercase c-btn-square c-btn-bold c-read-more hide"
 +
                                        href="#">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 class="img-responsive" src=
 +
                                            "https://static.igem.org/mediawiki/2016/8/8a/T--UofC_Calgary--wikiinsat8-1.jpg"></a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img class="img-responsive" src=
 +
                                            "https://static.igem.org/mediawiki/2016/b/b8/T--UofC_Calgary--wikiinsat9.jpg"></a>
 +
                                        </li>
 +
                                        <li class="c-last">
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img class="img-responsive" src=
 +
                                            "https://static.igem.org/mediawiki/2016/c/c5/T--UofC_Calgary--wikiinsat7.jpg"></a>
 +
                                        </li>
 +
                                    </ul>
 +
                                    <ul class="c-works">
 +
                                        <li class="c-
 +
">
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img class="img-responsive" src=
 +
                                            "https://static.igem.org/mediawiki/2016/a/a5/T--UofC_Calgary--wikiinsat6.jpg"></a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img class="img-responsive" src=
 +
                                            "https://static.igem.org/mediawiki/2016/9/94/T--UofC_Calgary--wikiinsat5.jpg"></a>
 +
                                        </li>
 +
                                        <li class="c-last">
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary">
 +
                                            <img class="img-responsive" src=
 +
                                            "https://static.igem.org/mediawiki/2016/f/f3/T--UofC_Calgary--wikiinsat4.jpg"></a>
 +
                                        </li>
 +
                                    </ul>
 +
                                    <ul class="c-works">
 +
                                        <li class="c-first">
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img alt="" class="img-responsive"
 +
                                            src=
 +
                                            "https://static.igem.org/mediawiki/2016/5/5e/T--UofC_Calgary--wikiinsat3.jpg"></a>
 +
                                        </li>
 +
                                        <li>
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img alt="" class="img-responsive"
 +
                                            src=
 +
                                            "https://static.igem.org/mediawiki/2016/2/2a/T--UofC_Calgary--wikiinsat2.jpg"></a>
 +
                                        </li>
 +
                                        <li class="c-last">
 +
                                            <a href=
 +
                                            "https://www.instagram.com/igemcalgary/">
 +
                                            <img alt="" class="img-responsive"
 +
                                            src=
 +
                                            "https://static.igem.org/mediawiki/2016/b/b1/T--UofC_Calgary--wikiinsat1.jpg"></a>
 +
                                        </li>
 +
                                    </ul><a class=
 +
                                    "btn btn-md c-btn-border-1x c-theme-btn c-btn-uppercase c-btn-square c-btn-bold c-read-more hide"
 +
                                    href="#">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="../assets/global/plugins/excanvas.min.js"></script>  
 +
    <![endif]-->
 +
            <!-- END: CORE PLUGINS -->
 +
            <!-- BEGIN: LAYOUT PLUGINS -->
 +
            <script>
 +
            $("#img-scroll1").click(function() {
 +
            $('html,body').animate({
 +
                    scrollTop: $("#first").offset().top
 +
                },
 +
                'slow');
 +
            });
 +
            $("#img-scroll2").click(function() {
 +
            $('html,body').animate({
 +
                    scrollTop: $("#second").offset().top
 +
                },
 +
                'slow');
 +
            });
 +
            $("#img-scroll3").click(function() {
 +
            $('html,body').animate({
 +
                    scrollTop: $("#third").offset().top
 +
                },
 +
                'slow');
 +
            });
 +
            $("#img-scroll4").click(function() {
 +
            $('html,body').animate({
 +
                    scrollTop: $("#fourth").offset().top
 +
                },
 +
                'slow');
 +
            });
 +
            </script>  
 +
            <script>
 +
            $(document).ready(function() {
 +
            App.init(); // init core   
  
// init main slider  
+
            // init main slider  
var slider = $('.c-layout-revo-slider .tp-banner');
+
            var slider = $('.c-layout-revo-slider .tp-banner');
    var cont = $('.c-layout-revo-slider .tp-banner-container');
+
            var cont = $('.c-layout-revo-slider .tp-banner-container');
    var api = slider.show().revolution({
+
            var api = slider.show().revolution({
        delay: 15000,  
+
                delay: 15000,
        startwidth:1170,
+
                startwidth: 1170,
        startheight: 620,
+
                startheight: 620,
        navigationType: "hide",
+
                navigationType: "hide",
        navigationArrows: "solo",
+
                navigationArrows: "solo",
        touchenabled: "on",
+
                touchenabled: "on",
        onHoverStop: "on",
+
                onHoverStop: "on",
        keyboardNavigation: "off",
+
                keyboardNavigation: "off",
        navigationStyle: "circle",
+
                navigationStyle: "circle",
        navigationHAlign: "center",
+
                navigationHAlign: "center",
        navigationVAlign: "bottom",
+
                navigationVAlign: "bottom",
        spinner: "spinner2",
+
                spinner: "spinner2",
        fullScreen: "on",  
+
                fullScreen: "on",
        fullScreenAlignForce:"on",
+
                fullScreenAlignForce: "on",
        fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
+
                fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
        shadow: 0,
+
                shadow: 0,
        fullWidth: "off",
+
                fullWidth: "off",
        forceFullWidth: "off",
+
                forceFullWidth: "off",
        hideTimerBar:"on",
+
                hideTimerBar: "on",
        hideThumbsOnMobile: "on",
+
                hideThumbsOnMobile: "on",
        hideNavDelayOnMobile: 1500,
+
                hideNavDelayOnMobile: 1500,
        hideBulletsOnMobile: "on",
+
                hideBulletsOnMobile: "on",
        hideArrowsOnMobile: "on",
+
                hideArrowsOnMobile: "on",
        hideThumbsUnderResolution: 0
+
                hideThumbsUnderResolution: 0
    });
+
            });
});
+
            });
</script>
+
            </script>
 +
        </div>
 +
    </div>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 02:08, 20 October 2016

iGEM Calgary 2016

Your device does not support embed PDFs. Please click the following link to open up the PDF. Biotarget_Journal.pdf


Click here to view the above PDF

Your device does not support embed PDFs. Please click the following link to open up the PDF. Chassis_Journal.pdf


Click here to view the above PDF

Your device does not support embed PDFs. Please click the following link to open up the PDF. Device_Journal.pdf


Click here to view the above PDF

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

Find us

Located in Calgary, Alberta, Canada.

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