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

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 240: Line 242:
 
</div>
 
</div>
 
<!-- End-->
 
<!-- End-->
−
<p>
+
<body class='index'>
−
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>
+
<script>
 +
$(function () {
 +
$('#jprt-ind').jportilio({ratio: 1});
 +
});
 +
</script>
 +
 +
<section id='demo_on_start' class='container-fluid'>
 +
<!-- group of tag buttons -->
 +
<div class='jprt-buttons'>
 +
<button class='jprt-btn' data-jprtgrid='jprt-ind' data-tag='fruit' >Fruits</button> 
 +
<button class='jprt-btn' data-jprtgrid='jprt-ind' data-tag='vegetable' >Vegetables</button>
 +
</div>
 +
 +
<!-- grid of items -->
 +
<div id='jprt-ind' class='jprt-container container text-center'>
 +
 +
<!-- first item -->
 +
<div class='jprt-item' data-tags='fruit' data-content-show='cover' style='background-image: url("img_doc/apple.png")'>
 +
<div id='apple_item' class='jprt-caption'>
 +
<!-- <img src='img_doc/apple.png' class='fruit_veg_img'> -->
 +
<p class='jprt-item-tags'>fruit</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<h1 class='jprt-item-title'>It's a fruit!</h1>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>apple</h1>
 +
</div>
 +
</div>
 +
 +
 +
<!-- second item -->
 +
<div class='jprt-item' data-tags='vegetable' data-content-show='new_section'>
 +
<div id='carrot_item' class='jprt-caption'>
 +
<img src='img_doc/carrot.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>vegetable</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<div class='text-center'>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<h1 class='custom-content-title'>It's a vegetable!</h1>
 +
</div>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<img src='img_doc/carrot.png' class='fruit_veg_img_in_cnt'>
 +
</div>
 +
</div>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>carrot</h1>
 +
</div>
 +
</div>
 +
 +
 +
<!-- other items -->
 +
<div class='jprt-item' data-tags='fruit' data-content-show='new_section'>
 +
<div id='arbuz_item' class='jprt-caption'>
 +
<img src='img_doc/arbuz.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>fruit</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<div class='text-center'>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<img src='img_doc/arbuz.png' class='fruit_veg_img_in_cnt'>
 +
</div>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<h1 class='custom-content-title'>It's a fruit!</h1>
 +
</div>
 +
</div>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>watermelon</h1>
 +
</div>
 +
</div>
 +
 +
<div class='jprt-item' data-tags='vegetable' data-content-show='cover'>
 +
<div id='beans_item' class='jprt-caption'>
 +
<img src='img_doc/beans.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>vegetable</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<h1 class='jprt-item-title'>It's a vegetable!</h1>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>beans</h1>
 +
</div>
 +
</div>
 +
 +
<div class='jprt-item' data-tags='fruit' data-content-show='new_section'>
 +
<div id='banana_item' class='jprt-caption'>
 +
<img src='img_doc/banana.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>fruit</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<div class='text-center'>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<h1 class='custom-content-title'>It's a vegetable!</h1>
 +
</div>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<img src='img_doc/banana.png' class='fruit_veg_img_in_cnt'>
 +
</div>
 +
</div>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>banana</h1>
 +
</div>
 +
</div>
 +
 +
<div class='jprt-item' data-tags='vegetable' data-content-show='cover'>
 +
<div id='celery_item' class='jprt-caption'>
 +
<img src='img_doc/celery.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>vegetable</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<h1 class='jprt-item-title'>It's a vegetable!</h1>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>celery</h1>
 +
</div>
 +
</div>
 +
 +
 +
<!-- other items -->
 +
<div class='jprt-item' data-tags='fruit' data-content-show='new_section'>
 +
<div id='citrus_item' class='jprt-caption'>
 +
<img src='img_doc/citrus.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>fruit</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<div class='text-center'>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<img src='img_doc/citrus.png' class='fruit_veg_img_in_cnt'>
 +
</div>
 +
<div class='col-sm-6 col-xs-6 col-md-6 col-lg-6'>
 +
<h1 class='custom-content-title'>It's a fruit!</h1>
 +
</div>
 +
</div>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>citrus</h1>
 +
</div>
 +
</div>
 +
 +
<div class='jprt-item' data-tags='vegetable' data-content-show='cover'>
 +
<div id='radish_item' class='jprt-caption'>
 +
<img src='img_doc/radish.png' class='fruit_veg_img'>
 +
<p class='jprt-item-tags'>vegetable</p>
 +
</div>
 +
<div class='jprt-content'>
 +
<h1 class='jprt-item-title'>It's a vegetable!</h1>
 +
</div>
 +
<div class='jprt-hover'>
 +
<h1 class='jprt-item-title'>radish</h1>
 +
</div>
 +
</div>
 +
 +
 +
 +
 +
</div> 
 +
 +
 +
</section>
 +
 +
</body>
 
<ul class="c-content-list-1 c-theme c-font-uppercase">
 
<ul class="c-content-list-1 c-theme c-font-uppercase">
 
<li>
 
<li>

Revision as of 02:33, 10 August 2016

iGEM Calgary 2016

About us

fruit

It's a fruit!

apple

vegetable

It's a vegetable!

carrot

fruit

It's a fruit!

watermelon

vegetable

It's a vegetable!

beans

fruit

It's a vegetable!

banana

vegetable

It's a vegetable!

celery

fruit

It's a fruit!

citrus

vegetable

It's a vegetable!

radish

  • 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

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.

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.