Difference between revisions of "Team:UofC Calgary"

(Replaced content with "{{UofC_Calgary}} <html> <div class="column full_size" > <img src="http://placehold.it/800x300/d3d3d3/f2f2f2"> </div> <div class="column full_size" > <h2> Welcome to iGE...")
Line 1: Line 1:
 
{{UofC_Calgary}}
 
{{UofC_Calgary}}
−
<html>
+
<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"/>
 +
<!-- BEGIN GLOBAL MANDATORY STYLES -->
 +
<link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:300italic,400italic,700italic,400,300,700&amp;subset=all' rel='stylesheet' type='text/css'>
 +
<link href="assets/plugins/socicon/socicon.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/bootstrap-social/bootstrap-social.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/animate/animate.min.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
 +
<!-- END GLOBAL MANDATORY STYLES -->
 +
<!-- BEGIN: BASE PLUGINS  -->
 +
<link href="assets/plugins/revo-slider/css/settings.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/owl-carousel/owl.carousel.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/owl-carousel/owl.theme.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/owl-carousel/owl.transitions.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/plugins/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css"/>
 +
<!-- END: BASE PLUGINS -->
 +
<!-- BEGIN THEME STYLES -->
 +
<link href="assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
 +
<link href="assets/base/css/components.css" id="style_components" rel="stylesheet" type="text/css"/>
 +
<link href="assets/base/css/themes/default.css" rel="stylesheet" id="style_theme" type="text/css"/>
 +
<link href="assets/base/css/custom.css" rel="stylesheet" type="text/css"/>
 +
<!-- END THEME STYLES -->
 +
<link rel="shortcut icon" href="favicon.ico"/>
 +
</head>
 +
<body class="c-layout-header-fixed">
 +
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
 +
<!-- BEGIN: HEADER -->
 +
<header class="c-layout-header c-layout-header-3 c-layout-header-default-mobile">
 +
<div class="c-navbar">
 +
<div class="container-fluid">
 +
<!-- BEGIN: BRAND -->
 +
<div class="c-navbar-wrapper clearfix">
 +
<div class="c-brand c-pull-left">
 +
<a href="index.html" class="c-logo">
 +
<img src="assets/base/img/layout/logos/logo-1.png" alt="JANGO" class="c-desktop-logo">
 +
<img src="assets/base/img/layout/logos/logo-1.png" alt="JANGO" class="c-desktop-logo-inverse">
 +
<img src="assets/base/img/layout/logos/logo-1.png" alt="JANGO" 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>
 +
<button class="c-search-toggler" type="button">
 +
<i class="fa fa-search"></i>
 +
</button>
 +
</div>
 +
<!-- END: BRAND -->
 +
<!-- BEGIN: QUICK SEARCH -->
 +
<form class="c-quick-search" action="#">
 +
<input type="text" name="query" placeholder="Type to search..." value="" class="form-control" autocomplete="off">
 +
<span class="c-theme-link">&times;</span>
 +
</form>
 +
<!-- END: QUICK SEARCH -->
 +
<!-- 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-active c-menu-type-classic">
 +
<a href="index.html" class="c-link dropdown-toggle">Home</a>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="#" class="c-link dropdown-toggle">Project</a>
 +
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 +
<li>
 +
<a href="problem.html">Problem</a>
 +
</li>
 +
<li>
 +
<a href="solution.html">Our Solution</a>
 +
</li>
 +
<li>
 +
<a href="parts.html">iGEM Parts</a>
 +
</li>
 +
<li>
 +
<a href="notebooks.html">Notebooks</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="#" class="c-link dropdown-toggle">Biotarget</a>
 +
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 +
<li>
 +
<a href="basics.html">Basics</a>
 +
</li>
 +
<li>
 +
<a href="bbi.html">BBI</a>
 +
</li>
 +
<li>
 +
<a href="experiments.html">Experiments</a>
 +
</li>
 +
<li>
 +
<a href="results.html">Results</a>
 +
</li>
 +
<li>
 +
<a href="circuits.html">Circuits</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="#" class="c-link dropdown-toggle">Chassis</a>
 +
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 +
<li>
 +
<a href="basics.html">Basics</a>
 +
</li>
 +
<li>
 +
<a href="bbi.html">BBI</a>
 +
</li>
 +
<li>
 +
<a href="experiments.html">Experiments</a>
 +
</li>
 +
<li>
 +
<a href="results.html">Results</a>
 +
</li>
 +
<li>
 +
<a href="circuits.html">Circuits</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="#" class="c-link dropdown-toggle">Device</a>
 +
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 +
<li>
 +
<a href="basics.html">Basics</a>
 +
</li>
 +
<li>
 +
<a href="bbi.html">BBI</a>
 +
</li>
 +
<li>
 +
<a href="experiments.html">Experiments</a>
 +
</li>
 +
<li>
 +
<a href="results.html">Results</a>
 +
</li>
 +
<li>
 +
<a href="circuits.html">Circuits</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="#" class="c-link dropdown-toggle">Human Practices</a>
 +
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
 +
<li>
 +
<a href="policies-and-practices.html">Policies and Practices</a>
 +
</li>
 +
<li>
 +
<a href="collaborations.html">Collaborations</a>
 +
</li>
 +
<li>
 +
<a href="outreach.html">Outreach</a>
 +
</li>
 +
<li>
 +
<a href="safety.html">Safety</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="team-page.html" class="c-link dropdown-toggle">Team</a>
 +
</li>
 +
<li class="c-menu-type-classic">
 +
<a href="#" class="c-link dropdown-toggle">Notebook</a>
 +
<ul class="dropdown-menu c-menu-type-inline">
 +
<li>
 +
<a href="policies-and-practices.html">Policies and Practices</a>
 +
</li>
 +
<li>
 +
<a href="collaborations.html">Collaborations</a>
 +
</li>
 +
<li>
 +
<a href="outreach.html">Outreach</a>
 +
</li>
 +
<li>
 +
<a href="safety.html">Safety</a>
 +
</li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="javascript:;" 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-user"></i> Tour </a>
 +
</li>
 +
<li class="c-quick-sidebar-toggler-wrapper">
 +
<a href="#" class="c-quick-sidebar-toggler">
 +
<span class="c-line"></span>
 +
<span class="c-line"></span>
 +
<span class="c-line"></span>
 +
</a>
 +
</li>
 +
</ul>
 +
<!-- END MEGA MENU -->
 +
</nav>
 +
<!-- END: MEGA MENU -->
 +
<!-- END: LAYOUT/HEADERS/MEGA-MENU -->
 +
<!-- END: HOR NAV -->
 +
</div>
 +
</div>
 +
</div>
 +
</header>
 +
<!-- END: HEADER -->
 +
<!-- END: LAYOUT/HEADERS/HEADER-1 -->
 +
<!-- BEGIN: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
 +
<nav class="c-layout-quick-sidebar">
 +
<div class="c-header">
 +
<button type="button" class="c-link c-close">
 +
<i class="icon-login"></i>
 +
</button>
 +
</div>
 +
<div class="c-content">
 +
<div class="c-section">
 +
<h3>Theme Colors</h3>
 +
<div class="c-settings">
 +
<span class="c-color c-default c-active" data-color="default"></span>
 +
<span class="c-color c-green1" data-color="green1"></span>
 +
<span class="c-color c-green2" data-color="green2"></span>
 +
<span class="c-color c-green3" data-color="green3"></span>
 +
<span class="c-color c-yellow1" data-color="yellow1"></span>
 +
<span class="c-color c-yellow2" data-color="yellow2"></span>
 +
<span class="c-color c-yellow3" data-color="yellow3"></span>
 +
<span class="c-color c-red1" data-color="red1"></span>
 +
<span class="c-color c-red2 " data-color="red2"></span>
 +
<span class="c-color c-red3" data-color="red3"></span>
 +
<span class="c-color c-purple1" data-color="purple1"></span>
 +
<span class="c-color c-purple2" data-color="purple2"></span>
 +
<span class="c-color c-purple3" data-color="purple3"></span>
 +
<span class="c-color c-blue1" data-color="blue1"></span>
 +
<span class="c-color c-blue2" data-color="blue2"></span>
 +
<span class="c-color c-blue3" data-color="blue3"></span>
 +
<span class="c-color c-brown1" data-color="brown1"></span>
 +
<span class="c-color c-brown2" data-color="brown2"></span>
 +
<span class="c-color c-brown3" data-color="brown3"></span>
 +
<span class="c-color c-dark1" data-color="dark1"></span>
 +
<span class="c-color c-dark2" data-color="dark2"></span>
 +
<span class="c-color c-dark3" data-color="dark3"></span>
 +
</div>
 +
</div>
 +
<div class="c-section">
 +
<h3>Header Type</h3>
 +
<div class="c-settings">
 +
<input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="boxed" value="boxed"/>
 +
<input type="button" class="c-setting_header-type btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="fluid" value="fluid"/>
 +
</div>
 +
</div>
 +
<div class="c-section">
 +
<h3>Header Mode</h3>
 +
<div class="c-settings">
 +
<input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="fixed" value="fixed"/>
 +
<input type="button" class="c-setting_header-mode btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="static" value="static"/>
 +
</div>
 +
</div>
 +
<div class="c-section">
 +
<h3>Mega Menu Style</h3>
 +
<div class="c-settings">
 +
<input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="dark" value="dark"/>
 +
<input type="button" class="c-setting_megamenu-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/>
 +
</div>
 +
</div>
 +
<div class="c-section">
 +
<h3>Font Style</h3>
 +
<div class="c-settings">
 +
<input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase active" data-value="default" value="default"/>
 +
<input type="button" class="c-setting_font-style btn btn-sm c-btn-square c-btn-border-1x c-btn-white c-btn-sbold c-btn-uppercase" data-value="light" value="light"/>
 +
</div>
 +
</div>
 +
</div>
 +
</nav>
 +
<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
 +
<!-- BEGIN: PAGE CONTAINER -->
 +
<div class="c-layout-page">
 +
<!-- BEGIN: PAGE CONTENT -->
 +
<!-- BEGIN: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 +
<section class="c-layout-revo-slider c-layout-revo-slider-2" >
 +
<div class="tp-banner-container tp-fullscreen tp-fullscreen-mobile" >
 +
<div class="tp-banner">
 +
<ul style="padding-left: 0px;">
 +
<!--BEGIN: SLIDE #1 -->
 +
<li data-transition="fade" data-slotamount="1" data-masterspeed="1000" data-style="dark">
 +
<img alt="" src="assets/base/img/content/backgrounds/bg-8.png" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat">
 +
<div class="caption randomrotateout tp-resizeme" data-x="center" data-y="center" data-hoffset="" data-voffset="120" data-speed="500" data-start="2000" data-easing="Back.easeOut">
 +
<!--<a href="ajax/projects/project3.html" >Take a Tour</a>-->
 +
 +
</div>
 +
<!--END -->
 +
</li>
 +
<!--END - VIDEO SLIDER -->
 +
</ul>
 +
</div>
 +
</div>
 +
</section>
 +
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 +
<div class="c-content-box c-size-md c-bg-darkblue c-no-bottom-padding">
 +
                <div class="container">
 +
                    <div class="c-content-product-1 c-opt-1">
 +
                        <div class="c-content-title-1">
 +
                            <h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Our Project</h3>
 +
                            <div class="c-line-center"></div>
 +
                        </div>
 +
 +
                        <div class="row">
 +
                            <div class="col-md-4 wow animate slideInUp" style="visibility: visible; animation-name: slideInUp;">
 +
                                <div class="c-media">
 +
                                    <img src="assets/base/img/content/misc/space-suit.png" alt=""> </div>
 +
                            </div>
 +
                            <div class="col-md-8 c-no-bottom-padding">
 +
                                <div class="c-body">
 +
                                    <ul class="c-row">
 +
                                        <li class="wow animate fadeInUp" style="visibility: visible; animation-name: fadeInUp;" style="color:#EBDEBE">
 +
                                            <h4 style="color:#EBDEBE">Radiation</h4>
 +
                                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod</p>
 +
                                        </li>
 +
                                        <li class="wow animate fadeInUp" style="visibility: visible; animation-name: fadeInUp;" style="color:#EBDEBE">
 +
                                            <h4 style="color:#EBDEBE">Access to Nutrients</h4>
 +
                                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod</p>
 +
                                        </li>
 +
                                    </ul>
 +
                                    <ul class="c-row">
 +
                                        <li class="wow animate fadeInUp" style="visibility: visible; animation-name: fadeInUp;" style="color:#EBDEBE">
 +
                                            <h4 style="color:#EBDEBE">Resource Limitations</h4>
 +
                                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod</p>
 +
                                        </li>
 +
                                        <li class="wow animate fadeInUp" style="visibility: visible; animation-name: fadeInUp;" style="color:#EBDEBE">
 +
                                            <h4 style="color:#EBDEBE">Reusable Framework</h4>
 +
                                            <p>Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod</p>
 +
                                        </li>
 +
                                    </ul>
 +
                                   
 +
                                    <button type="button" class="btn btn-md c-btn-square c-btn-regular c-btn-uppercase c-btn-bold c-margin-b-100 c-bg-yellow" style="color:#233237">Learn More</button>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
<!-- BEGIN: CONTENT/FEATURES/FEATURES-1 -->
 +
    </div>
 +
<!-- BEGIN: FEATURES 1 -->
 +
<div class="c-content-box c-size-md c-bg-yellow">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-sm-4">
 +
<div class="c-content-feature-1">
 +
<div class="c-content-line-icon c-theme c-icon-screen-chart">
 +
</div>
 +
<h3 class="c-font-uppercase c-font-bold">Escherichia coli</h3>
 +
<p class="c-font-thin">
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna aluam.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="col-sm-4">
 +
<div class="c-content-feature-1">
 +
<div class="c-content-line-icon c-theme c-icon-support">
 +
</div>
 +
<h3 class="c-font-uppercase c-font-bold">Basillus Subtilis</h3>
 +
<p class="c-font-thin">
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna aluam.
 +
</p>
 +
</div>
 +
</div>
 +
<div class="col-sm-4 c-card">
 +
<div class="c-content-feature-1">
 +
<div class="c-content-line-icon c-theme c-icon-bulb">
 +
</div>
 +
<h3 class="c-font-uppercase c-font-bold">Deinococcus radiodurans</h3>
 +
<p class="c-font-thin">
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna aluam.
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- END: FEATURES 1 -->
 +
<!-- END: CONTENT/FEATURES/FEATURES-1 -->
 +
<!-- BEGIN: CONTENT/PORTFOLIO/LATEST-WORKS-1 -->
 +
<div class="c-content-box c-size-md c-bg-darkblue">
 +
<div class="container">
 +
<div class="c-content-title-1">
 +
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Our Project</h3>
 +
<div class="c-line-center c-theme-bg">
 +
</div>
 +
</div>
 +
<div class="cbp-panel">
 +
<!-- SEE: components.js:ContentCubeLatestPortfolio -->
 +
<div id="grid-container" class="c-content-latest-works cbp cbp-l-grid-masonry-projects">
 +
<div class="cbp-item web-design logos">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="https://s3.amazonaws.com/igem2016/assets/base/img/content/stock/biotarget.JPG" alt="">
 +
</div>
 +
 +
</div>
 +
<a src="biotarget.html" style="color:#EBDEBE"> BIOTARGET </a>
 +
</div>
 +
<div class="cbp-item graphic logos" style="position:relative">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="https://s3.amazonaws.com/igem2016/assets/base/img/content/stock/chassis.JPG" alt="">
 +
</div>
 +
</div>
 +
<a src="biotarget.html" style="color:#EBDEBE"> CHASSIS </a>
 +
</div>
 +
<div class="cbp-item identity web-design">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="https://s3.amazonaws.com/igem2016/assets/base/img/content/stock/device.JPG" alt="">
 +
</div>
 +
</div>
 +
<a src="biotarget.html" style="color:#EBDEBE"> DEVICE </a>
 +
</div>
 +
<div class="cbp-item web-design graphic">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="https://s3.amazonaws.com/igem2016/assets/base/img/content/stock/policies.JPG" alt="">
 +
</div>
 +
</div>
 +
<a src="biotarget.html" style="color:#EBDEBE"> POLICIES AND PRACTICES </a>
 +
</div>
 +
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- END: CONTENT/PORTFOLIO/LATEST-WORKS-1 -->
  
−
<div class="column full_size" >
+
<!--
−
<img src="http://placehold.it/800x300/d3d3d3/f2f2f2">
+
<div class="c-content-box c-size-lg c-bg-parallax" style="background-image: url(assets/base/img/content/backgrounds/bg-29.jpg)">
 +
<div class="container">
 +
<div class="c-content-title-1">
 +
<h3 class="c-center c-font-white c-font-uppercase c-font-bold">Our Device</h3>
 +
<div class="c-line-center c-theme-bg">
 +
</div>
 +
</div>
 +
<div class="row c-margin-t-60">
 +
<div class="col-md-6">
 +
<div class="c-content-testimonial-2-slider" data-slider="owl" data-single-item="true" data-auto-play="6000" style="width:900px">
 +
<div class="c-title c-font-uppercase c-font-bold c-theme-bg">
 +
Microneedle Patch
 +
</div>
 +
<div class="owl-carousel owl-theme c-theme owl-single">
 +
<div class="item">
 +
<div class="c-content-testimonial-2" style="min-height: 320px;">
 +
<div class="c-testimonial c-font-uppercase c-font-bold">
 +
Transdermal Microneedle Drug Delivery Patch
 +
</div>
 +
<div class="c-author">
 +
<div class="c-portrait" style="background-image: url(assets/base/img/content/team/team8.jpg)">
 +
</div>
 +
<div class="c-name c-font-uppercase">
 +
NOSHIN
 +
</div>
 +
<p class="c-position c-theme c-font-uppercase">
 +
3M Microneedles
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-md-6">
 +
<div class="c-content-v-center c-bg-red" style="height: 320px;width:320px;">
 +
 +
<img src="https://s3.amazonaws.com/igem2016/assets/base/img/content/stock/device1.JPG" alt="" style=" 
 +
display: block;
 +
max-width:1600px;
 +
max-height:320px;
 +
width: auto;
 +
height: auto;">
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
END: CONTENT/SLIDERS/TESTIMONIALS-5 -->
 +
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
 +
<div class="c-content-box c-size-md c-bg-white">
 +
<div class="container">
 +
<div class="row">
 +
<div class="col-sm-6">
 +
<!-- Begin: Title 1 component -->
 +
<div class="c-content-title-1">
 +
<h3 class="c-font-uppercase c-font-bold">About us</h3>
 +
<div class="c-line-left c-theme-bg">
 +
</div>
 +
</div>
 +
<!-- End-->
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincunt ut laoreet dolore magna aluam
 +
</p>
 +
<ul class="c-content-list-1 c-theme c-font-uppercase">
 +
<li>
 +
Lit af project
 +
</li>
 +
<li>
 +
Sick lab
 +
</li>
 +
<li>
 +
Huge fam
 +
</li>
 +
</ul>
 +
<p>
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore.
 +
</p>
 +
</div>
 +
<div class="col-sm-6">
 +
<div class="c-content-client-logos-1">
 +
<!-- Begin: Title 1 component -->
 +
<div class="c-content-title-1">
 +
<h3 class="c-font-uppercase c-font-bold">Our Sponsors</h3>
 +
<div class="c-line-left c-theme-bg">
 +
</div>
 +
</div>
 +
<!-- End-->
 +
<div class="c-logos">
 +
<div class="row">
 +
<div class="col-md-4 col-xs-6 c-logo c-logo-1">
 +
<a href="#"><img class="c-img-pos" src="assets/base/img/content/client-logos/client1.jpg" alt=""/></a>
 +
</div>
 +
<div class="col-md-4 col-xs-6 c-logo c-logo-2">
 +
<a href="#"><img class="c-img-pos" src="assets/base/img/content/client-logos/client2.jpg" alt=""/></a>
 +
</div>
 +
<div class="col-md-4 col-xs-6 c-logo c-logo-3">
 +
<a href="#"><img class="c-img-pos" src="assets/base/img/content/client-logos/client3.jpg" alt=""/></a>
 +
</div>
 +
<div class="col-md-4 col-xs-6 c-logo c-logo-4">
 +
<a href="#"><img class="c-img-pos" src="assets/base/img/content/client-logos/client4.jpg" alt=""/></a>
 +
</div>
 +
<div class="col-md-4 col-xs-6 c-logo c-logo-5">
 +
<a href="#"><img class="c-img-pos" src="assets/base/img/content/client-logos/client5.jpg" alt=""/></a>
 +
</div>
 +
<div class="col-md-4 col-xs-6 c-logo c-logo-6">
 +
<a href="#"><img class="c-img-pos" src="assets/base/img/content/client-logos/client6.jpg" alt=""/></a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</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="#"><img src="assets/base/img/content/stock/015.jpg" alt="" class="img-responsive"/></a>
 +
</li>
 +
<li>
 +
<a href="#"><img src="assets/base/img/content/stock/012.jpg" class="img-responsive" alt=""/></a>
 +
</li>
 +
<li class="c-last">
 +
<a href="#"><img src="assets/base/img/content/stock/12.jpg" alt="" class="img-responsive"/></a>
 +
</li>
 +
</ul>
 +
<ul class="c-works">
 +
<li class="c-first">
 +
<a href="#"><img src="assets/base/img/content/stock/014.jpg" class="img-responsive" alt=""/></a>
 +
</li>
 +
<li>
 +
<a href="#"><img src="assets/base/img/content/stock/011.jpg" class="img-responsive" alt=""/></a>
 +
</li>
 +
<li class="c-last">
 +
<a href="#"><img src="assets/base/img/content/stock/15.jpg" class="img-responsive" alt=""/></a>
 +
</li>
 +
</ul>
 +
<ul class="c-works">
 +
<li class="c-first">
 +
<a href="#"><img src="assets/base/img/content/stock/015.jpg" class="img-responsive" alt=""/></a>
 +
</li>
 +
<li>
 +
<a href="#"><img src="assets/base/img/content/stock/013.jpg" class="img-responsive" alt=""/></a>
 +
</li>
 +
<li class="c-last">
 +
<a href="#"><img src="assets/base/img/content/stock/13.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>
 +
<a href="https://www.facebook.com/igemcalgary/"><i class="icon-social-facebook"></i></a>
 +
</li>
 +
<li>
 +
<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>
 
</div>
 +
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
 +
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
 +
<!-- BEGIN: CORE PLUGINS -->
  
−
<div class="column full_size" >
+
<!--[if lt IE 9]>
−
<h2> Welcome to iGEM 2016! </h2>
+
<script src="../assets/global/plugins/excanvas.min.js"></script>  
−
<p>Your team has been approved and you are ready to start the iGEM season! </p>
+
<![endif]-->
 +
<script src="assets/plugins/jquery.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/jquery-migrate.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
 +
<!-- END: CORE PLUGINS -->
 +
<!-- BEGIN: LAYOUT PLUGINS -->
 +
<script src="assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/owl-carousel/owl.carousel.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/counterup/jquery.waypoints.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/counterup/jquery.counterup.min.js" type="text/javascript"></script>
 +
<script src="assets/plugins/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
 +
<!-- END: LAYOUT PLUGINS -->
 +
<!-- BEGIN: THEME SCRIPTS -->
 +
<script src="assets/base/js/components.js" type="text/javascript"></script>
 +
<script src="assets/base/js/app.js" type="text/javascript"></script>
 +
<script>
 +
$(document).ready(function() {   
 +
App.init(); // init core 
  
−
</div>  
+
// init main slider
 +
var slider = $('.c-layout-revo-slider .tp-banner');
 +
    var cont = $('.c-layout-revo-slider .tp-banner-container');
 +
    var api = slider.show().revolution({
 +
        delay: 15000,   
 +
        startwidth:1170,
 +
        startheight: 620,
 +
        navigationType: "hide",
 +
        navigationArrows: "solo",
 +
        touchenabled: "on",
 +
        onHoverStop: "on",
 +
        keyboardNavigation: "off",
 +
        navigationStyle: "circle",
 +
        navigationHAlign: "center",
 +
        navigationVAlign: "bottom",
 +
        spinner: "spinner2",
 +
        fullScreen: "on", 
 +
        fullScreenAlignForce:"on",
 +
        fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
 +
        shadow: 0,
 +
        fullWidth: "off",
 +
        forceFullWidth: "off",
 +
        hideTimerBar:"on",
 +
        hideThumbsOnMobile: "on",
 +
        hideNavDelayOnMobile: 1500,
 +
        hideBulletsOnMobile: "on",
 +
        hideArrowsOnMobile: "on",
 +
        hideThumbsUnderResolution: 0
 +
    });
 +
});
 +
</script>
  
 +
<!--<script type="text/javascript">
 +
var soundHandle = document.getElementById('soundHandle');
 +
$(document).ready(function() {
 +
    var blue = 0;
 +
    addEventListener('touchstart', function (e) {
 +
        if(blue == 0){
 +
        soundHandle.src = '/music/goldrunner2.mp3';
 +
        soundHandle.loop = true;
 +
        soundHandle.play();
 +
        blue = blue +1;
 +
        }
 +
    });
 +
});
 +
</script> -->
 +
<!-- END: THEME SCRIPTS -->
 +
<!-- END: LAYOUT/BASE/BOTTOM
 +
<embed src="/music/goldrunner2.mp3" autostart="true" loop="true"
 +
width="2" height="0">
 +
</embed> -->
 +
</body>
 
</html>
 
</html>

Revision as of 17:50, 24 June 2016

iGEM Calgary 2016

×

Our Project

  • Radiation

    Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod

  • Access to Nutrients

    Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod

  • Resource Limitations

    Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod

  • Reusable Framework

    Lorem ipsum dolor sit amet consectetuer adipiscing elit sed diam nonummy nibh euismod

Escherichia coli

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna aluam.

Basillus Subtilis

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna aluam.

Deinococcus radiodurans

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna aluam.

Our Project

BIOTARGET
CHASSIS
DEVICE
POLICIES AND PRACTICES

About us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore magna aluam erat volutpat. Ut wisi enim ad minim veniam quis nostrud exerci et tation diam nisl ut aliquip ex ea commodo consequat euismod tincunt ut laoreet dolore magna aluam

  • Lit af project
  • Sick lab
  • Huge fam

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore.

Our Sponsors

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.