Team:Calgary/TestPage

From 2013.igem.org

(Difference between revisions)
Line 29: Line 29:
<!-- CSS Stylesheets -->
<!-- CSS Stylesheets -->
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2013.igem.org/Team:Calgary/StyleSheets/Reset?action=raw&ctype=text/css" rel="stylesheet">
-
<link href="CarouselCSS.css" rel="stylesheet">
 
<link href="https://2013.igem.org/Team:Calgary/TestPageCSS?action=raw&ctype=text/css" rel="stylesheet">
<link href="https://2013.igem.org/Team:Calgary/TestPageCSS?action=raw&ctype=text/css" rel="stylesheet">
Line 35: Line 34:
<script>
<script>
$(document).ready(function() {
$(document).ready(function() {
-
var preloadImages = ['Num0.png','Num1.png','Num2.png','Num3.png','Num4.png','Num5.png','Num6.png','Num7.png','Num8.png','Num9.png',];
 
-
var images = [];
 
-
for (var count = 0; count < preloadImages.length; count++) {
 
-
images[count] = new Image();
 
-
images[count].src = preloadImages[count];
 
-
}
 
-
 
var TotalSlides = $('.Person').length
var TotalSlides = $('.Person').length
var CurrentSlide = 0;
var CurrentSlide = 0;
Line 48: Line 40:
$('.Info').css('display', 'none');
$('.Info').css('display', 'none');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
 +
 +
if ($('body').width() < 990) {
 +
$('.Slide0, .Slide4').css('display', 'none');
 +
$('.Slide1').css('left', '90px');
 +
$('.Slide2').css('left', '255px');
 +
$('.Slide3').css('left', '420px');
 +
$('#Carousel, #WriteUp').css('width', '675px');
 +
}
 +
if ($('body').width() < 675) {
 +
$('#Carousel').css('display', 'none');
 +
$('.Info').css('display', 'block');
 +
$('#WriteUp').css('width', '100%');
 +
}
 +
 +
$(window).resize(function() {
 +
if ($('body').width() >= 990) {
 +
$('.Slide0, .Slide4').css('display', 'block');
 +
$('.Person').css('left', '');
 +
$('#Carousel, #WriteUp').css('width', '990px');
 +
$('#Carousel').css('display', 'block');
 +
$('.Info').css('display', 'none');
 +
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
 +
}
 +
if ($('body').width() < 990) {
 +
$('.Slide0, .Slide4').css('display', 'none');
 +
$('.Slide1').css('left', '90px');
 +
$('.Slide2').css('left', '255px');
 +
$('.Slide3').css('left', '420px');
 +
$('#Carousel, #WriteUp').css('width', '675px');
 +
$('#Carousel').css('display', 'block');
 +
$('.Info').css('display', 'none');
 +
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
 +
}
 +
if ($('body').width() < 675) {
 +
$('#Carousel').css('display', 'none');
 +
$('.Info').css('display', 'block');
 +
$('#WriteUp').css('width', '100%');
 +
}
 +
});
$('#RightArrow').click(function() {
$('#RightArrow').click(function() {
Line 67: Line 98:
$('.Info').css('display', 'none');
$('.Info').css('display', 'none');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
 +
 +
if ($('body').width() < 990) {
 +
$('.Slide0, .Slide4').css('display', 'none');
 +
$('.Slide1').css('left', '90px');
 +
$('.Slide2').css('left', '255px');
 +
$('.Slide3').css('left', '420px');
 +
$('#Carousel, #WriteUp').css('width', '675px');
 +
}
});
});
Line 87: Line 126:
$('.Info').css('display', 'none');
$('.Info').css('display', 'none');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
 +
 +
if ($('body').width() < 990) {
 +
$('.Slide0, .Slide4').css('display', 'none');
 +
$('.Slide1').css('left', '90px');
 +
$('.Slide2').css('left', '255px');
 +
$('.Slide3').css('left', '420px');
 +
$('#Carousel, #WriteUp').css('width', '675px');
 +
}
});
});
Line 109: Line 156:
$('.Info').css('display', 'none');
$('.Info').css('display', 'none');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
$('#Bio' + ((CurrentSlide + TotalSlides + 2) % TotalSlides)).css('display', 'block');
 +
 +
if ($('body').width() < 990) {
 +
$('.Slide0, .Slide4').css('display', 'none');
 +
$('.Slide1').css('left', '90px');
 +
$('.Slide2').css('left', '255px');
 +
$('.Slide3').css('left', '420px');
 +
$('#Carousel, #WriteUp').css('width', '675px');
 +
}
});
});
});
});
Line 133: Line 188:
<div id="WriteUp">
<div id="WriteUp">
<div id="Bio0" class="Info">
<div id="Bio0" class="Info">
-
<img src="Pic0.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 0 Person</h2>
<h2>Bio 0 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio1" class="Info">
<div id="Bio1" class="Info">
-
<img src="Pic1.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 1 Person</h2>
<h2>Bio 1 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio2" class="Info">
<div id="Bio2" class="Info">
-
<img src="Pic2.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
-
<h2>Bio 2 Person</h2>
+
<h2>Wm. Keith van der Meulen</h2>
-
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
+
<h3>Electrical &#38; Computer Engineering (2nd Year)</h3>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
+
<p>This summer, I have been responsible for building the physical prototypes for our system and designing and coding this website. I am pursuing a career in aeronautical robotics R&D, so I have found my time working in a research setting with iGEM this year very valuable. Besides staying up until 2 a.m. coding, I also spend my time running <a href="http://www.fosterbikes.com" target="_blank">Foster Bikes</a>, a non-profit, Seattle-based company I co-founded. In my free time, I enjoy hiking, backpacking , skiing, and trying to have this weird thing non-engineers call a &#34;social life&#34;.</p>
 +
<h3><a href="http://www.linkedin.com/in/wkeithvan" target="_blank">Click Here To View My LinkedIn Profile</a></h3>
</div>
</div>
</div>
</div>
<div id="Bio3" class="Info">
<div id="Bio3" class="Info">
-
<img src="Pic3.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 3 Person</h2>
<h2>Bio 3 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio4" class="Info">
<div id="Bio4" class="Info">
-
<img src="Pic4.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 4 Person</h2>
<h2>Bio 4 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio5" class="Info">
<div id="Bio5" class="Info">
-
<img src="Pic5.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 5 Person</h2>
<h2>Bio 5 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio6" class="Info">
<div id="Bio6" class="Info">
-
<img src="Pic6.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 6 Person</h2>
<h2>Bio 6 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio7" class="Info">
<div id="Bio7" class="Info">
-
<img src="Pic7.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 7 Person</h2>
<h2>Bio 7 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio8" class="Info">
<div id="Bio8" class="Info">
-
<img src="Pic8.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 8 Person</h2>
<h2>Bio 8 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>
<div id="Bio9" class="Info">
<div id="Bio9" class="Info">
-
<img src="Pic9.jpg">
+
<div class="InfoImg"><img src="BigPic2.jpg"></div>
<div class="Text">
<div class="Text">
<h2>Bio 9 Person</h2>
<h2>Bio 9 Person</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.</p>
-
<p>Donec pulvinar diam diam, sed ornare erat ultricies non. Nunc faucibus lorem vitae nisi pretium, ac fermentum orci dapibus. Donec diam metus, tempus sit amet euismod ac, ullamcorper quis nisl. Nulla facilisi. Fusce dapibus non mi a rhoncus. Nam laoreet quis lacus nec aliquam. Nunc eu odio nibh. Etiam eleifend libero nec quam convallis, at tincidunt est faucibus. Fusce tempor ante nulla, sit amet suscipit urna dapibus tincidunt. Duis et dignissim sem. Integer luctus metus nec leo convallis laoreet. Etiam molestie nisl a mollis pharetra. Nam et neque egestas urna sodales eleifend. Aliquam sodales quam augue, nec placerat magna convallis et. Aenean commodo diam sed nulla aliquam fringilla.</p>
 
</div>
</div>
</div>
</div>

Revision as of 16:47, 28 August 2013

<!DOCTYPE html> Carousel

Bio 0 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 1 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Wm. Keith van der Meulen

Electrical & Computer Engineering (2nd Year)

This summer, I have been responsible for building the physical prototypes for our system and designing and coding this website. I am pursuing a career in aeronautical robotics R&D, so I have found my time working in a research setting with iGEM this year very valuable. Besides staying up until 2 a.m. coding, I also spend my time running Foster Bikes, a non-profit, Seattle-based company I co-founded. In my free time, I enjoy hiking, backpacking , skiing, and trying to have this weird thing non-engineers call a "social life".

Click Here To View My LinkedIn Profile

Bio 3 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 4 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 5 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 6 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 7 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 8 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Bio 9 Person

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam non dui rutrum, ultrices turpis ut, dignissim lectus. Aenean ac viverra urna. Praesent tempor rhoncus scelerisque. Pellentesque volutpat elementum tristique. Maecenas iaculis quam nunc, vel venenatis sapien pretium id. Nulla facilisi. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas adipiscing congue augue, at sagittis lorem pretium eu. Nullam sit amet lacinia neque, et luctus diam. Vestibulum porta adipiscing venenatis.

Retrieved from "http://2013.igem.org/Team:Calgary/TestPage"