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

(Prototype team page)
 
Line 1: Line 1:
−
{{UofC_Calgary}}
+
{{Team:UofC_Calgary/UofC_Calgary}}
−
<html>
+
{{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/animate/animate.min.css}}
 +
{{Team:UofC_Calgary/assets/plugins/bootstrap/css/bootstrap.min.css}}
 +
{{Team:UofC_Calgary/assets/plugins/revo-slider/css/settings.css}}
 +
{{Team:UofC_Calgary/assets/plugins/cubeportfolio/css/cubeportfolio.min.css}}
 +
{{Team:UofC_Calgary/assets/plugins/owl-carousel/owl.carousel.css}}
 +
{{Team:UofC_Calgary/assets/plugins/owl-carousel/owl.theme.css}}
 +
{{Team:UofC_Calgary/assets/plugins/owl-carousel/owl.transitions.css}}
 +
{{Team:UofC_Calgary/assets/plugins/fancybox/jquery.fancybox.css}}
 +
{{Team:UofC_Calgary/assets/base/css/themes/default.css}}
 +
{{Team:UofC_Calgary/assets/base/css/custom.css}}
 +
{{Team:UofC_Calgary/assets/google-fonts.css}}
 +
{{Team:UofC_Calgary/assets/plugins/jquery.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/jquery-migrate.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/bootstrap/js/bootstrap.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/owl-carousel/owl.carousel.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/counterup/jquery.waypoints.min.js}}
 +
{{Team:UofC_Calgary/assets/plugins/counterup/jquery.counterup.min.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/app.js}}
  
−
<div class="column full_size">
+
<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"/>
  
−
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
<link rel="shortcut icon" href="favicon.ico"/>
−
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
</head>
−
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
<body class="c-layout-header-fixed">
−
</div>
+
<!-- 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/sandbox" 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 -->
 +
<ul class="nav navbar-nav c-theme-nav">
 +
<li class="c-menu-type-classic">
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/sandbox" class="c-link dropdown-toggle">Home</a>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/project/sandbox" 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/project/problem/sandbox">Problem</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/project/solution/sandbox">Our Solution</a>
 +
</li>
 +
                                                                <li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/project/results/sandbox">Our Results</a>
 +
</li>
 +
                                                                <li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/project/model/sandbox">Model</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/project/parts/sandbox">Parts Registry</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/judging/sandbox" class="c-link">Judging</a>
 +
</li>
 +
 +
<li class="c-active c-menu-type-classic">
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/human-practices/sandbox" 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/sandbox">Integrated Practices</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations/sandbox">Collaborations</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/Engagement/sandbox">Engagement</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/Safety/sandbox">Safety</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Silver/sandbox">Silver</a>
 +
</li>
 +
<li>
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/HP/Gold/sandbox">Gold</a>
 +
</li>
 +
</ul>
 +
</li>
 +
                                <li class="c-menu-type-classic">
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/notebook/sandbox" class="c-link">Notebook</a>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="https://2016.igem.org/Team:UofC_Calgary/team/sandbox" class="c-link dropdown-toggle">Team</a>
 +
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 +
                                                                <li>
 +
<a href="Team">Meet Our Team</a>
 +
</li>
 +
<li>
 +
<a href="Attributions">Attributions</a>
 +
</li>
 +
<li>
 +
<a href="Sponsors">Sponsors</a>
 +
</li>
 +
                             
 +
</ul>
 +
</li>
  
−
 
+
<li>
−
<div class="column half_size">
+
<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>
−
<div class="highlight">
+
</li>
−
<h5>Note</h5>
+
<li class="c-quick-sidebar-toggler-wrapper">
−
<p>You must fill out this page in order to be considered for all <a href="https://2016.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
<a href="#" class="c-quick-sidebar-toggler">
−
<ul>
+
<span class="c-line"></span>
−
<li>Human Practices silver medal criterion</li>
+
<span class="c-line"></span>
−
<li>Human Practices gold medal criterion</li>
+
<span class="c-line"></span>
−
<li>Best Integrated Human Practices award</li>
+
</a>
−
<li>Best Education and Public Engagement award</li>
+
</li>
−
</ul>
+
</ul>
 +
<!-- END MEGA MENU -->
 +
</nav>
 +
<!-- END: MEGA MENU -->
 +
<!-- END: LAYOUT/HEADERS/MEGA-MENU -->
 +
<!-- END: HOR NAV -->
 +
</div>
 +
</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>
−
 
+
<div class="c-content">
−
<div class="column half_size">
+
<div class="c-section">
−
<h5>Some Human Practices topic areas </h5>
+
<h3>Theme Colors</h3>
−
<ul>
+
<div class="c-settings">
−
<li>Philosophy</li>
+
<span class="c-color c-default c-active" data-color="default"></span>
−
<li>Public Engagement / Dialogue</li>
+
<span class="c-color c-green1" data-color="green1"></span>
−
<li>Education</li>
+
<span class="c-color c-green2" data-color="green2"></span>
−
<li>Product Design</li>
+
<span class="c-color c-green3" data-color="green3"></span>
−
<li>Scale-Up and Deployment Issues</li>
+
<span class="c-color c-yellow1" data-color="yellow1"></span>
−
<li>Environmental Impact</li>
+
<span class="c-color c-yellow2" data-color="yellow2"></span>
−
<li>Ethics</li>
+
<span class="c-color c-yellow3" data-color="yellow3"></span>
−
<li>Safety</li>
+
<span class="c-color c-red1" data-color="red1"></span>
−
<li>Security</li>
+
<span class="c-color c-red2 " data-color="red2"></span>
−
<li>Public Policy</li>
+
<span class="c-color c-red3" data-color="red3"></span>
−
<li>Law and Regulation</li>
+
<span class="c-color c-purple1" data-color="purple1"></span>
−
<li>Risk Assessment</li>
+
<span class="c-color c-purple2" data-color="purple2"></span>
−
</ul>
+
<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>
 
</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;display: inline-block;">
  
 +
<a id="img-scroll1">
 +
              <img  style="position:absolute;left:24%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/c/c3/T--UofC_Calgary--ppicon.png" alt="1" type="image" id="first"/>
 +
              </a>
 +
<a id="img-scroll2">
 +
              <img  style="position:absolute;left:39%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/b/b7/T--UofC_Calgary--outreachicon.png" alt="1" type="image"/>
 +
              </a>
 +
<a id="img-scroll3">
 +
              <img  style="position:absolute;left:54%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/e/e1/T--UofC_Calgary--collabicon.png" alt="1" type="image"/>
 +
              </a>
 +
<a id="img-scroll4">
 +
              <img  style="position:absolute;left:69%;top:85%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/2/2f/T--UofC_Calgary--safetyicon.png" alt="1" type="image"/>
 +
              </a>
  
−
<div class="column half_size">
 
−
<h5>What should we write about on this page?</h5>
 
−
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
 
−
</div>
 
  
 +
              <img style="width:100%; height: 100%" src="https://static.igem.org/mediawiki/2016/8/87/T--UofC_Calgary--humanpractices.jpg" alt="bg" />
 +
               
 +
            </div>
 +
        </div>         
 +
</div>           
 +
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 +
 +
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
 +
        <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">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="column half_size">
+
<div class="c-content-box c-size-md c-bg-darkblue" style="padding-bottom: 0px" >
−
<h5>Inspiration</h5>
+
<div class="container">
−
<p>Read what other teams have done:</p>
+
<div class="c-content-title-1">
−
<ul>
+
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Engagement</h3>
−
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
+
<div class="c-line-center c-theme-bg">
−
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
+
</div>
−
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
+
</div>
−
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
+
                    <div class="row">
−
</ul>
+
                            <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>
  
 +
      <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">
 +
<h3 class="c-font-uppercase 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">
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, s ed elit diam nonummy ad minim veniam quis nostrud exerci et tation diam.
 +
</p>
 +
</div>
 +
<ul class="c-links">
 +
<li>
 +
<a href="#">Home</a>
 +
</li>
 +
<li>
 +
<a href="#">About</a>
 +
</li>
 +
<li>
 +
<a href="#">Terms</a>
 +
</li>
 +
<li>
 +
<a href="#">Contact</a>
 +
</li>
 +
</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 class="c-post-img">
 +
<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 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="#"><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>
 +
</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
 +
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>

Revision as of 21:12, 8 October 2016

iGEM Calgary 2016

Policies and Practices

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

Engagement

Click to learn more about each of our engagements.

Collaboration

LEIDEN UNIVERSITY

Text.

LEIDEN UNIVERSITY

Text.
Click to learn more about the collaboration.

Safety

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

iGEM

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, s ed elit diam nonummy ad minim veniam quis nostrud exerci et tation diam.

Latest Entries

BBI & KTI Have Arrived!

Lorem ipsum dolor sit amet ipsum sit, consectetuer adipiscing elit sit amet

Fully Trained!

Lorem ipsum dolor ipsum sit ipsum amet, consectetuer sit adipiscing elit ipsum elit elit ipsum elit

Read More

Latest Pictures

View More

Find us

Located in Calgary, Alberta, Canada.

  • University of Calgary
  • +587 717 7233
  • syed.jafri2@ucalgary.ca

Copyright © University of Calgary 2016.