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

Line 1: Line 1:
 +
<p style="margin-bottom: 0px">
 
{{UofC_Calgary}}
 
{{UofC_Calgary}}
−
{{UofC_Calgary-Menu}}
+
{{assets/plugins/jquery.min.js}}
−
<html>
+
{{assets/plugins/jquery-migrate.min.js}}
 +
{{assets/plugins/bootstrap-social/bootstrap-social.css}}
 +
{{assets/plugins/socicon/socicon.css}}
 +
{{assets/plugins/font-awesome/css/font-awesome.min.css}}
 +
{{assets/plugins/simple-line-icons/simple-line-icons.min.css}}
 +
{{assets/plugins/animate/animate.min.css}}
 +
{{assets/plugins/bootstrap/css/bootstrap.min.css}}
 +
{{assets/plugins/revo-slider/css/settings.css}}
 +
{{assets/plugins/cubeportfolio/css/cubeportfolio.min.css}}
 +
{{assets/plugins/owl-carousel/owl.carousel.css}}
 +
{{assets/plugins/owl-carousel/owl.theme.css}}
 +
{{assets/plugins/owl-carousel/owl.transitions.css}}
 +
{{assets/plugins/fancybox/jquery.fancybox.css}}
 +
{{assets/base/css/themes/default.css}}
 +
{{assets/base/css/custom.css}}
 +
{{assets/google-fonts.css}}
 +
{{assets/plugins/bootstrap/js/bootstrap.min.js}}
 +
{{assets/plugins/revo-slider/js/jquery.themepunch.tools.min.js}}
 +
{{assets/plugins/revo-slider/js/jquery.themepunch.revolution.min.js}}
 +
{{assets/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js}}
 +
{{assets/plugins/owl-carousel/owl.carousel.min.js}}
 +
{{assets/plugins/counterup/jquery.waypoints.min.js}}
 +
{{assets/plugins/counterup/jquery.counterup.min.js}}
 +
{{assets/plugins/fancybox/jquery.fancybox.pack.js}}
 +
{{assets/base/js/components.js}}
 +
{{assets/base/js/app.js}}
 +
</p>
  
−
<p>In this page you can introduce your team members, instructors, and advisors.</p>
+
<html lang="en">
−
<div class="c-content-box c-size-md c-bg-white">
+
<!--<![endif]-->
 +
<!-- BEGIN HEAD -->
 +
<head>
 +
 +
<meta charset="utf-8"/>
 +
<title>iGEM Calgary 2016</title>
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<meta content="width=device-width, initial-scale=1.0" name="viewport"/>
 +
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
 +
<meta content="" name="description"/>
 +
<meta content="" name="author"/>
 +
 
 +
<link rel="shortcut icon" href="favicon.ico"/>
 +
</head>
 +
<body class="c-layout-header-fixed">
 +
<!-- BEGIN: LAYOUT/HEADERS/HEADER-1 -->
 +
<!-- BEGIN: HEADER -->
 +
<header class="c-layout-header c-layout-header-3 c-layout-header-default-mobile" style="padding-top: 5px;">>
 +
<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/UofC_Calgary" class="c-logo">                                         
 +
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-desktop-logo-inverse">
 +
<img src="https://static.igem.org/mediawiki/2016/9/9a/Logo-1.png" alt="iGEM" class="c-mobile-logo">
 +
</a>
 +
<button class="c-hor-nav-toggler" type="button" data-target=".c-mega-menu">
 +
<span class="c-line"></span>
 +
<span class="c-line"></span>
 +
<span class="c-line"></span>
 +
</button>
 +
</div>
 +
<!-- END: BRAND -->
 +
<!-- BEGIN: HOR NAV -->
 +
<!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
 +
<!-- BEGIN: MEGA MENU -->
 +
<nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold">
 +
<!-- BEGIN: MEGA MENU -->
 +
<ul class="nav navbar-nav c-theme-nav">
 +
<li class="c-active c-menu-type-classic">
 +
<a href="https://2016.igem.org/UofC_Calgary" 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" 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 -->
 +
<!--BEGIN: SLIDE #1 -->
 +
            <img alt="" src="https://static.igem.org/mediawiki/2016/7/77/T--UofC_Calgary--bg_team.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" style="width: 100%; height: 100%;">
 +
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 +
<div class="c-content-box c-size-md c-bg-darkblue c-no-bottom-padding">
 
<div class="container">
 
<div class="container">
−
<div class="row">
+
<div class="cbp-panel">
−
<div class="col-sm-6">
+
<div id="filters-container" class="cbp-l-filters-alignCenter">
−
<!-- Begin: Title 1 component -->
+
<div data-filter="*" class="cbp-filter-item cbp-filter-item-active">
 +
All
 +
<div class="cbp-filter-counter">15</div>
 +
</div> /
 +
<div data-filter=".biotarget" class="cbp-filter-item">
 +
Biotarget
 +
<div class="cbp-filter-counter">5</div>
 +
</div> /
 +
<div data-filter=".chassis" class="cbp-filter-item">
 +
Chassis
 +
<div class="cbp-filter-counter">5</div>
 +
</div> /
 +
<div data-filter=".device" class="cbp-filter-item">
 +
Device
 +
<div class="cbp-filter-counter">5</div>
 +
</div> /
 +
<div data-filter=".pandp" class="cbp-filter-item">
 +
P &amp; P
 +
<div class="cbp-filter-counter">4</div>
 +
</div> /
 +
<div data-filter=".mentors" class="cbp-filter-item">
 +
Mentors
 +
<div class="cbp-filter-counter">0</div>
 +
</div> /
 +
<div data-filter=".mentors" class="cbp-filter-item">
 +
Faculty
 +
<div class="cbp-filter-counter">0</div>
 +
</div>
 +
</div>
 +
<div id="grid-container" class="cbp cbp-l-grid-masonry-projects cbp-caption-active cbp-caption-zoom cbp-ready cbp-cols-3" style="height: 2530px;"><div class="cbp-wrapper-outer"><div class="cbp-wrapper">
 +
<div class="cbp-item biotarget" style="width: 296px; left: 0px; top: 0px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/syed-jafri.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/syed-jafri.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/syed-jafri.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/syed-jafri.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Syed Jafri</a>
 +
</div></div>
 +
<div class="cbp-item biotarget" style="width: 296px; left: 321px; top: 0px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/sid-goutam.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/sid-goutam.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/sid-goutam.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/david-nguyen.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Sid Goutam</a>
 +
</div></div>
 +
<div class="cbp-item biotarget" style="width: 296px; left: 642px; top: 0px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/nilesh-sharma.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/nilesh-sharma.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/nilesh-sharma.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/nilesh-sharma.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Nilesh Sharma</a>
 +
</div></div>
 +
<div class="cbp-item biotarget pandp" style="width: 296px; left: 0px; top: 513px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/miriam-li.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/miriam-li.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/miriam-li.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/miriam-li.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Miriam Li</a>
 +
</div></div>
 +
<div class="cbp-item device pandp" style="width: 296px; left: 321px; top: 513px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/tiffany-dang.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/tiffany-dang.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/tiffany-dang.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/tiffany-dang.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Miriam Li</a>
 +
</div></div>
 +
<div class="cbp-item biotarget" style="width: 296px; left: 642px; top: 513px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/nick-daleosotas.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/nick-daleosotas.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/nick-daleosotas.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/nick-daleosotas.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Nick D'aleo-Sotas</a>
 +
</div></div>
 +
<div class="cbp-item device" style="width: 296px; left: 0px; top: 1026px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/christine-phan.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/christine-phan.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/christine-phan.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/christine-phan.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Christine Phan</a>
 +
</div></div>
 +
<div class="cbp-item device" style="width: 296px; left: 321px; top: 1026px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/david-nguyen.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/david-nguyen.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/david-nguyen.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/david-nguyen.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">David Nguyen</a>
 +
</div></div>
 +
<div class="cbp-item chassis pandp" style="width: 296px; left: 642px; top: 1026px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/elena-fekete.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/elena-fekete.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/elena-fekete.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/elena-fekete.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Elena Fekete</a>
 +
</div></div>
 +
<div class="cbp-item chassis" style="width: 296px; left: 0px; top: 1539px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/jamie-johnston.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/jamie-johnston.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/jamie-johnston.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/jamie-johnston.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Jamie Johnston</a>
 +
</div></div>
 +
<div class="cbp-item chassis" style="width: 296px; left: 321px; top: 1539px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/nishi-patel.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/nishi-patel.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/nishi-patel.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/nishi-patel.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Nishi Patel</a>
 +
</div></div>
 +
<div class="cbp-item device" style="width: 296px; left: 642px; top: 1539px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/nelly-mendoza.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/nelly-mendoza.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/nelly-mendoza.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/nelly-mendoza.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Nelly Mendoza</a>
 +
</div></div>
 +
<div class="cbp-item device" style="width: 296px; left: 0px; top: 2052px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/noshin-karim.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/noshin-karim.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/noshin-karim.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/noshin-karim.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Noshin Karim</a>
 +
</div></div>
 +
<div class="cbp-item chassis pandp" style="width: 296px; left: 321px; top: 2052px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/rachelle-varga.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/rachelle-varga.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/rachelle-varga.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/rachelle-varga.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Rachelle Varga</a>
 +
</div></div>
 +
<div class="cbp-item chassis" style="width: 296px; left: 642px; top: 2052px;"><div class="cbp-item-wrapper">
 +
<div class="cbp-caption">
 +
<div class="cbp-caption-defaultWrap">
 +
<img src="assets/base/img/content/team/shalpinder-dhothar.jpg" alt="">
 +
</div>
 +
<div class="cbp-caption-activeWrap">
 +
<div class="c-masonry-border">
 +
</div>
 +
<div class="cbp-l-caption-alignCenter">
 +
<div class="cbp-l-caption-body">
 +
<a href="ajax/team-members/shalpinder-dhothar.html" class="cbp-singlePage cbp-l-caption-buttonLeft btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase">Explore</a>
 +
<a href="assets/base/img/content/team/shalpinder-dhothar.jpg" class="cbp-lightbox cbp-l-caption-buttonRight btn c-btn-square c-btn-border-1x c-btn-white c-btn-bold c-btn-uppercase" data-title="Dashboard<br>by Paul Flavius Nechita">Zoom</a>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<a href="ajax/team-members/shalpinder-dhothar.html" class="cbp-singlePage cbp-l-grid-masonry-projects-title">Shalpinder Dhothar</a>
 +
</div></div>
 +
</div></div></div>
 +
<!-- <div id="loadMore-container" class="cbp-l-loadMore-button c-margin-t-60">
 +
<a href="ajax/masonry-gallery/load-more.html" class="cbp-l-loadMore-link btn c-btn-square c-btn-border-2x c-btn-dark c-btn-bold c-btn-uppercase">
 +
<span class="cbp-l-loadMore-defaultText">LOAD MORE</span>
 +
<span class="cbp-l-loadMore-loadingText">LOADING...</span>
 +
<span class="cbp-l-loadMore-noMoreLoading">NO MORE WORKS</span>
 +
</a>
 +
</div> -->
 +
</div>
 +
</div>
 +
</div>
 +
<!-- 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">About us</h3>
+
<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 c-theme-bg">
+
<div class="c-line-left hide">
 
</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>
−
<!-- End-->
+
<ul class="c-links">
−
<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>
 
<li>
−
Lit af project
+
<a href="#">Home</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
Sick lab
+
<a href="#">About</a>
 
</li>
 
</li>
 
<li>
 
<li>
−
Huge fam
+
<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 Posts</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="#">Ready to Launch</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="#">Dedicated Support</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 Works</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>
 +
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy ad minim.
 +
</p>
 +
</div>
 +
<ul class="c-socials">
 +
<li>
 +
<a href="#"><i class="icon-social-facebook"></i></a>
 +
</li>
 +
<li>
 +
<a href="#"><i class="icon-social-twitter"></i></a>
 +
</li>
 +
<li>
 +
<a href="#"><i class="icon-social-youtube"></i></a>
 +
</li>
 +
<li>
 +
<a href="#"><i class="icon-social-tumblr"></i></a>
 +
</li>
 +
</ul>
 +
<ul class="c-address">
 +
<li>
 +
<i class="icon-pointer c-theme-font"></i> One Boulevard, Beverly Hills
 +
</li>
 +
<li>
 +
<i class="icon-call-end c-theme-font"></i> +1800 1234 5678
 +
</li>
 +
<li>
 +
<i class="icon-envelope c-theme-font"></i> email@example.com
 
</li>
 
</li>
 
</ul>
 
</ul>
−
<p>
 
−
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy nibh euismod tincidunt ut laoreet dolore.
 
−
</p>
 
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
</div>
 +
<div class="c-postfooter">
 +
<div class="container">
 +
<p class="c-font-oswald c-font-14">
 +
Copyright © University of Calgary Inc.
 +
</p>
 +
</div>
 +
</div>
 +
</footer>
 +
<!-- END: LAYOUT/FOOTERS/FOOTER-5 -->
 +
<!-- BEGIN: LAYOUT/FOOTERS/GO2TOP -->
 +
<div class="c-layout-go2top" style="display: none;">
 +
<i class="icon-arrow-up"></i>
 +
</div>
 +
<!-- END: LAYOUT/FOOTERS/GO2TOP -->
 +
<!-- BEGIN: LAYOUT/BASE/BOTTOM -->
 +
<!-- BEGIN: CORE PLUGINS -->
 +
 +
<!--[if lt IE 9]>
 +
<script src="../assets/global/plugins/excanvas.min.js"></script>
 +
<![endif]-->
 +
<!-- END: CORE PLUGINS -->
 +
<!-- BEGIN: LAYOUT PLUGINS -->
 +
<script>
 +
$(document).ready(function() {   
 +
App.init(); // init core 
 +
 +
// init main slider
 +
var slider = $('.c-layout-revo-slider .tp-banner');
 +
    var cont = $('.c-layout-revo-slider .tp-banner-container');
 +
    var api = slider.show().revolution({
 +
        delay: 15000,   
 +
        startwidth:1170,
 +
        startheight: 620,
 +
        navigationType: "hide",
 +
        navigationArrows: "solo",
 +
        touchenabled: "on",
 +
        onHoverStop: "on",
 +
        keyboardNavigation: "off",
 +
        navigationStyle: "circle",
 +
        navigationHAlign: "center",
 +
        navigationVAlign: "bottom",
 +
        spinner: "spinner2",
 +
        fullScreen: "on", 
 +
        fullScreenAlignForce:"on",
 +
        fullScreenOffsetContainer: (App.getViewPort().width < App.getBreakpoint('md') ? '.c-layout-header' : ''),
 +
        shadow: 0,
 +
        fullWidth: "off",
 +
        forceFullWidth: "off",
 +
        hideTimerBar:"on",
 +
        hideThumbsOnMobile: "on",
 +
        hideNavDelayOnMobile: 1500,
 +
        hideBulletsOnMobile: "on",
 +
        hideArrowsOnMobile: "on",
 +
        hideThumbsUnderResolution: 0
 +
    });
 +
});
 +
</script>
 +
</body>
 
</html>
 
</html>

Revision as of 17:12, 14 July 2016

iGEM Calgary 2016

>
All
15
/
Biotarget
5
/
Chassis
5
/
Device
5
/
P & P
4
/
Mentors
0
/
Faculty
0

iGEM

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

Latest Posts

Ready to Launch

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

Dedicated Support

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

Read More

Latest Works

View More

Find us

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed elit diam nonummy ad minim.

  • One Boulevard, Beverly Hills
  • +1800 1234 5678
  • email@example.com

Copyright © University of Calgary Inc.