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

Line 11: Line 11:
 
{{Team:UofC_Calgary/assets/plugins/owl-carousel/owl.theme.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/owl-carousel/owl.transitions.css}}
{{Team:UofC_Calgary/assets/plugins/jportilio.min.js}}
 
{{Team:UofC_Calgary/assets/plugins/prism.js}}
 
 
{{Team:UofC_Calgary/assets/plugins/fancybox/jquery.fancybox.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/themes/default.css}}
Line 27: Line 25:
 
{{Team:UofC_Calgary/assets/plugins/counterup/jquery.counterup.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/plugins/fancybox/jquery.fancybox.pack.js}}
{{Team:UofC_Calgary/assets/base/js/app.js}}
 
 
{{Team:UofC_Calgary/assets/base/js/components.js}}
 
{{Team:UofC_Calgary/assets/base/js/components.js}}
 +
{{Team:UofC_Calgary/assets/base/js/app.js}}
  
 
<html lang="en">
 
<html lang="en">
Line 53: Line 51:
 
     z-index: 9995;
 
     z-index: 9995;
 
     width: 100%;
 
     width: 100%;
"><div class="c-navbar">
+
">
 +
<div class="c-navbar">
 
<div class="container-fluid" style="padding-left: 20px; padding-right: 20px;">
 
<div class="container-fluid" style="padding-left: 20px; padding-right: 20px;">
 
<!-- BEGIN: BRAND -->
 
<!-- BEGIN: BRAND -->
Line 71: Line 70:
 
<!-- END: BRAND -->
 
<!-- END: BRAND -->
 
<!-- BEGIN: HOR NAV -->
 
<!-- BEGIN: HOR NAV -->
<!-- BEGIN: MEGA MENU -->
+
<!-- BEGIN: LAYOUT/HEADERS/MEGA-MENU -->
<nav class="c-mega-menu c-pull-right c-mega-menu-dark c-mega-menu-dark-mobile c-fonts-uppercase c-fonts-bold">
+
<!-- BEGIN: MEGA MENU -->
<!-- BEGIN: MEGA MENU -->
+
<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">
 
<ul class="nav navbar-nav c-theme-nav">
 
<li class="c-menu-type-classic">
 
<li class="c-menu-type-classic">
Line 125: Line 125:
 
</ul>
 
</ul>
 
</li>
 
</li>
                                 <li class="c-active c-menu-type-classic">
+
                                 <li class="c-menu-type-classic">
 
<a href="https://2016.igem.org/Team:UofC_Calgary/notebook/sandbox" class="c-link">Notebook</a>
 
<a href="https://2016.igem.org/Team:UofC_Calgary/notebook/sandbox" class="c-link">Notebook</a>
 
</li>
 
</li>
<li class="c-menu-type-classic">
+
<li class="c-active c-menu-type-classic">
 
<a href="https://2016.igem.org/Team:UofC_Calgary/team/sandbox" class="c-link dropdown-toggle">Team</a>
 
<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">
 
<ul class="dropdown-menu c-menu-type-inline c-pull-left">
Line 232: Line 232:
 
</nav>
 
</nav>
 
<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
 
<!-- END: LAYOUT/SIDEBARS/QUICK-SIDEBAR -->
<!-- BEGIN: PAGE CONTAINER -->
+
<!-- BEGIN: PAGE CONTAINER -->
<div class="c-layout-page" style="padding-top: 88px;"> <!-- BEGIN: PAGE CONTENT -->
+
<div class="c-layout-page" style="padding-top: 86px;">
 +
<!-- BEGIN: PAGE CONTENT -->
 
<!--BEGIN: SLIDE #1 -->
 
<!--BEGIN: SLIDE #1 -->
 
<div class="row-fluid">     
 
<div class="row-fluid">     
 
         <div class="span12">
 
         <div class="span12">
 
             <div style="position: relative;display: inline-block;">
 
             <div style="position: relative;display: inline-block;">
                <a id="img-scroll">
+
 
               <img  style="position:absolute;left:46%;top:87%;max-width: 10%;cursor: pointer;" src="https://static.igem.org/mediawiki/2016/0/0d/T--UofC_Calgary--scrollnotebook.jpg" alt="1" type="image" id="first"/>
+
<a 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>
               <img style="width:100%; height: 100%" src="https://static.igem.org/mediawiki/2016/f/f3/T--UofC_Calgary--notebook.jpg" alt="bg" />
+
<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>
 +
 
 +
 
 +
               <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>           
 
         </div>           
</div>
+
</div>          
  <!--        <img alt="" src="https://static.igem.org/mediawiki/2016/f/f3/T--UofC_Calgary--notebook.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" style="width: 100%; height: 100%;"> -->
+
 
+
 
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 
<!-- END: LAYOUT/SLIDERS/REVO-SLIDER-1 -->
 
 
 
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
 
<!-- BEGIN: CONTENT/MISC/ABOUT-1 -->
<div class="c-content-box c-size-md c-bg-white" >
+
        <div class="c-content-box c-size-md" style="background-color: #172724">
<div class="container">
+
  <div class="container">
<div class="row">
+
<div class="c-content-title-1">
<div class="col-sm-12">
+
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Policies and Practices</h3>
<!-- Begin: Title 1 component -->
+
<div class="c-line-center c-theme-bg">
<div class="c-content-title-1">
+
<h3 class="c-font-uppercase c-font-bold">Device</h3>
+
<div class="c-line-left c-theme-bg">
+
</div>
+
</div>
+
<!-- End--></html>
+
 
</div>
 
</div>
 
 
</div>
 
</div>
</div>
+
              <div class="row">
</div>
+
                      <div class="col-sm-8 col-sm-offset-2">
 +
                                  <p class="human-practices-div-2">
 +
VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS
 +
                                  </p>
 +
                        </div>
 +
              </div><span id="second" />
 +
          </div>
 +
    </div>
 +
 
 +
<div class="c-content-box c-size-md c-bg-darkblue" style="padding-bottom: 0px" >
 +
<div class="container">
 +
<div class="c-content-title-1">
 +
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Engagement</h3>
 +
<div class="c-line-center c-theme-bg">
 +
</div>
 +
</div>
 +
                    <div class="row">
 +
                            <div class="col-sm-3" style="padding-left:40px">
 +
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/3/3e/T--UofC_Calgary--letstalk.png"> </img>           
 +
                            </div>
 +
                            <div class="col-sm-3" style="padding-left:28px; padding-right:28px">
 +
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/8/8f/T--UofC_Calgary--telusspark.png"> </img>             
 +
                            </div>
 +
                            <div class="col-sm-3" style="padding-right:40px">   
 +
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/6/61/T--UofC_Calgary--mindsin.png"> </img>         
 +
                            </div>
 +
                            <div class="col-sm-3" style="padding-right:40px">   
 +
                                  <img class="box-img" src="https://static.igem.org/mediawiki/2016/7/70/T--UofC_Calgary--Beakernight.png"> </img>         
 +
                            </div>
 +
                    </div> <span id="third" />
 +
                <div class="human-practices-div-4" style="padding-top: 25px; padding-bottom: 25px; color: #EBDEBE;"> Click to learn more about each of our engagements.</div>
 +
</div>
 +
</div>
 +
 
 +
      <div class="c-content-box c-size-md" style="background-color: #EBC775; padding-bottom: 0px;">
 +
  <div class="container">
 +
<div class="c-content-title-1">
 +
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#223237" >Collaboration</h3>
 +
<div class="c-line-center c-theme-bg">
 +
</div>
 +
</div>
 +
                          <div class="row">
 +
                                  <div class="col-sm-8 col-sm-offset-2" style="background-color: #223237;">
 +
                                          <div class="row">
 +
                                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations/sandbox">
 +
                                                  <div class="col-sm-6">
 +
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 3em">LEIDEN UNIVERSITY</p>
 +
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 1em"> Text.</p>
 +
                                                  </div></a>
 +
                                          </div>
 +
                                  </div>
 +
                            </div>
 +
<div style="padding-top: 3em" class="row">
 +
                                  <div class="col-sm-8 col-sm-offset-2" style="background-color: #223237;">
 +
                                          <div class="row">
 +
                                                  <a href="https://2016.igem.org/Team:UofC_Calgary/Collaborations/sandbox">
 +
                                                  <div class="col-sm-6">
 +
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 3em"> LEIDEN UNIVERSITY </p>
 +
                                                              <p class="c-font-white c-fonts-bold" style="font-size: 1em"> Text.</p>
 +
                                                  </div>
 +
                                                  </a>
 +
                                          </div>
 +
                                  </div>
 +
                            </div>
 +
                </div>
 +
                          <span id="fourth"/>
 +
                <div class="human-practices-div-4" style="padding-top: 25px; padding-bottom: 25px; color: #223237;"> Click to learn more about the collaboration.</div>
 +
          </div>
 +
    </div>
 +
 
 +
      <div class="c-content-box c-size-md" style="background-color: #172724">
 +
  <div class="container">
 +
<div class="c-content-title-1">
 +
<h3 class="c-center c-font-uppercase c-font-bold" style="color:#EBDEBE">Safety</h3>
 +
<div class="c-line-center c-theme-bg">
 +
</div>
 +
</div>
 +
              <div class="row">
 +
                      <div class="col-sm-8 col-sm-offset-2">
 +
                                  <p class="human-practices-div-2">
 +
VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS VENGA BUD VENGA BUS VENGA BUS
 +
                                  </p>
 +
                        </div>
 +
              </div>
 +
          </div>
 +
    </div>
 +
       
 
<!-- END: CONTENT/MISC/ABOUT-1 -->
 
<!-- END: CONTENT/MISC/ABOUT-1 -->
 
<!-- END: PAGE CONTENT -->
 
<!-- END: PAGE CONTENT -->
 
</div>
 
</div>
 
<!-- END: PAGE CONTAINER -->
 
<!-- END: PAGE CONTAINER -->
<!-- Split start -->
 
<!--Split-->
 
 
<head>
 
 
</head>
 
 
<!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 -->
 
<!-- BEGIN: LAYOUT/FOOTERS/FOOTER-5 -->
 
<a name="footer"></a>
 
<a name="footer"></a>
Line 449: Line 533:
 
<!-- BEGIN: LAYOUT PLUGINS -->
 
<!-- BEGIN: LAYOUT PLUGINS -->
 
<script>
 
<script>
$("#img-scroll").click(function() {
+
$("#img-scroll1").click(function() {
 
     $('html,body').animate({
 
     $('html,body').animate({
 
     scrollTop: $("#first").offset().top},
 
     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');
 
     'slow');
 
  });
 
  });

Revision as of 21:44, 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.
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