Team:Cornell/testing/home

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Cornell/templates/header}}
+
{{:Team:Cornell/templates/header}} <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
-
<!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
Line 7: Line 6:
<html class="no-js" lang="en">
<html class="no-js" lang="en">
<!--<![endif]-->
<!--<![endif]-->
-
<div class="row">
+
<div class="row">
-
<div class="twelve columns no-pad">
+
<div class="twelve columns no-pad">
-
<div id="homepage-slideshow">
+
<div id="homepage-slideshow">
-
<img src="http://placehold.it/1000x350/BBD19A" />
+
<img src="http://placehold.it/1000x350/BBD19A" />
-
<img src="http://placehold.it/1000x350/3FD9E6" />
+
<img src="http://placehold.it/1000x350/3FD9E6" />
-
<img src="http://placehold.it/1000x350/F1BDBA" />
+
<img src="http://placehold.it/1000x350/F1BDBA" />
-
<img src="http://placehold.it/1000x350/62F00A" />
+
<img src="http://placehold.it/1000x350/62F00A" />
-
<img src="http://placehold.it/1000x350/F31B2B" />
+
<img src="http://placehold.it/1000x350/F31B2B" />
-
<img src="http://placehold.it/1000x350/EB39A4" />
+
<img src="http://placehold.it/1000x350/EB39A4" />
-
<img src="http://placehold.it/1000x350/CF681E" />
+
<img src="http://placehold.it/1000x350/CF681E" />
-
<img src="http://placehold.it/1000x350/2973C4" />
+
<img src="http://placehold.it/1000x350/2973C4" />
-
</div>
+
</div>
</div>
</div>
</div>
 +
</div>
-
<div class="row">
+
<div class="row">
-
<div class="twelve columns">
+
<div class="twelve columns">
-
<div class="row">
+
<div class="row">
-
<div class="six columns homepage-section tl">
+
<div class="six columns homepage-section tl">
-
<div class="row">
+
<div class="row">
-
<div class="five columns homepage-thumb">
+
<div class="five columns homepage-thumb">
-
<a href="project.html"><img src="http://placehold.it/200x200/8440EB"></a>
+
<a href="project.html"><img src="http://placehold.it/200x200/8440EB"></a>
 +
</div>
 +
<div class="seven columns homepage-force">
 +
<div class="row">
 +
<div class="twelve columns">
 +
<a href="#"><h3 style="margin:0px auto 0px;">Project</h3></a>
 +
</div>
</div>
</div>
-
<div class="seven columns homepage-force">
+
<div class="row">
-
<div class="row">
+
<div class="twelve columns">
-
<div class="twelve columns">
+
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
<a href="project.html"><h3 style="margin:0px auto 0px;">Project</h3></a>
+
-
</div>
+
</div>
</div>
-
<div class="row">
+
</div>
-
<div class="twelve columns">
+
<div class="row">
-
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
<div class="twelve columns controls" >
-
</div>
+
<a href="project.html" class="small button radius">More Info</a>
-
</div>
+
-
<div class="row">
+
-
<div class="twelve columns controls" >
+
-
<a href="project.html" class="small button radius">More Info</a>
+
-
</div>
+
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
<div class="six columns homepage-section tr">
+
</div>
-
<div class="row">
+
<div class="six columns homepage-section tr">
-
<div class="five columns homepage-thumb">
+
<div class="row">
-
<a href="notebook.html"><img src="http://placehold.it/200x200/3FAB6E"></a>
+
<div class="five columns homepage-thumb">
 +
<a href="notebook.html"><img src="http://placehold.it/200x200/3FAB6E"></a>
 +
</div>
 +
<div class="seven columns homepage-force">
 +
<div class="row">
 +
<div class="twelve columns">
 +
<a href="notebook.html"><h3 style="margin:0px auto 0px;">Notebook</h3></a>
 +
</div>
</div>
</div>
-
<div class="seven columns homepage-force">
+
<div class="row">
-
<div class="row">
+
<div class="twelve columns">
-
<div class="twelve columns">
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
<a href="notebook.html"><h3 style="margin:0px auto 0px;">Notebook</h3></a>
+
-
</div>
+
</div>
</div>
-
<div class="row">
+
</div>
-
<div class="twelve columns">
+
<div class="row">
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
<div class="twelve columns controls" >
-
</div>
+
<a href="notebook.html" class="small button radius corner">More Info</a>
-
</div>
+
-
<div class="row">
+
-
<div class="twelve columns controls" >
+
-
<a href="notebook.html" class="small button radius corner">More Info</a>
+
-
</div>
+
</div>
</div>
</div>
</div>
Line 74: Line 72:
</div>
</div>
</div>
</div>
-
<div class="row">
+
</div>
-
<div class="six columns homepage-section bl">
+
<div class="row">
-
<div class="row">
+
<div class="six columns homepage-section bl">
-
<div class="five columns homepage-thumb">
+
<div class="row">
-
<a href="team.html"><img src="http://placehold.it/200x200/92A1DC"></a>
+
<div class="five columns homepage-thumb">
 +
<a href="https://2012.igem.org/Team:Cornell/testing/team"><img src="http://placehold.it/200x200/92A1DC"></a>
 +
</div>
 +
<div class="seven columns homepage-force">
 +
<div class="row">
 +
<div class="twelve columns">
 +
<a href="https://2012.igem.org/Team:Cornell/testing/team"><h3 style="margin:0px auto 0px;">Team</h3></a>
 +
</div>
</div>
</div>
-
<div class="seven columns homepage-force">
+
<div class="row">
-
<div class="row">
+
<div class="twelve columns">
-
<div class="twelve columns">
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
-
<a href="team.html"><h3 style="margin:0px auto 0px;">Team</h3></a>
+
-
</div>
+
</div>
</div>
-
<div class="row">
+
</div>
-
<div class="twelve columns">
+
<div class="row">
-
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
+
<div class="twelve columns controls" >
-
</div>
+
<a href="https://2012.igem.org/Team:Cornell/testing/team" class="small button radius corner">More Info</a>
-
</div>
+
-
<div class="row">
+
-
<div class="twelve columns controls" >
+
-
<a href="team.html" class="small button radius corner">More Info</a>
+
-
</div>
+
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
-
<div class="six columns homepage-section br">
+
</div>
-
<div class="row">
+
<div class="six columns homepage-section br">
-
<div class="five columns homepage-thumb">
+
<div class="row">
-
<a href="outreach.html"><img src="http://placehold.it/200x200/0A3568"></a>
+
<div class="five columns homepage-thumb">
 +
<a href="outreach.html"><img src="http://placehold.it/200x200/0A3568"></a>
 +
</div>
 +
<div class="seven columns homepage-force">
 +
<div class="row">
 +
<div class="twelve columns">
 +
<a href="outreach.html"><h3 style="margin:0px auto 0px;">Outreach</h3></a>
 +
</div>
</div>
</div>
-
<div class="seven columns homepage-force">
+
<div class="row">
-
<div class="row">
+
<div class="twelve columns">
-
<div class="twelve columns">
+
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
-
<a href="outreach.html"><h3 style="margin:0px auto 0px;">Outreach</h3></a>
+
-
</div>
+
</div>
</div>
-
<div class="row">
+
</div>
-
<div class="twelve columns">
+
<div class="row">
-
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+
<div class="twelve columns controls" >
-
</div>
+
<a href="outreach.html" class="small button radius corner">More Info</a>
-
</div>
+
-
<div class="row">
+
-
<div class="twelve columns controls" >
+
-
<a href="outreach.html" class="small button radius corner">More Info</a>
+
-
</div>
+
</div>
</div>
</div>
</div>
Line 126: Line 124:
</div>
</div>
</div>
</div>
-
<div class="row">
+
</div>
-
<div class="twelve columns sponsors-wrapper">
+
<div class="row">
-
<ul class="block-grid">
+
<div class="twelve columns sponsors-wrapper">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
<ul class="block-grid">
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
<li><img src="http://placehold.it/150x75&text=sponsor">
+
</li>
-
</li>
+
<li><img src="http://placehold.it/150x75&text=sponsor">
-
</ul>
+
</li>
-
</div>
+
</ul>
</div>
</div>
-
+
</div>
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&ctype=text/javascript"></script>
+
 
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/app?action=raw&ctype=text/javascript"></script>
+
<script src="https://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&ctype=text/javascript"></script>
-
<script type="text/javascript">
+
<script src="https://2012.igem.org/Team:Cornell/javascripts/app?action=raw&ctype=text/javascript"></script>
-
$(window).load(function() {
+
<script type="text/javascript">
-
$('#homepage-slideshow').orbit({
+
$(window).load(function() {
-
animation : 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push
+
$('#homepage-slideshow').orbit({
-
animationSpeed : 800, // how fast animtions are
+
animation : 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push
-
timer : false, // true or false to have the timer
+
animationSpeed : 800, // how fast animtions are
-
resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress
+
timer : false, // true or false to have the timer
-
advanceSpeed : 4000, // if timer is enabled, time between transitions
+
resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress
-
pauseOnHover : false, // if you hover pauses the slider
+
advanceSpeed : 4000, // if timer is enabled, time between transitions
-
startClockOnMouseOut : false, // if clock should start on MouseOut
+
pauseOnHover : false, // if you hover pauses the slider
-
startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again
+
startClockOnMouseOut : false, // if clock should start on MouseOut
-
directionalNav : true, // manual advancing directional navs
+
startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again
-
captions : true, // do you want captions?
+
directionalNav : true, // manual advancing directional navs
-
captionAnimation : 'fade', // fade, slideOpen, none
+
captions : true, // do you want captions?
-
captionAnimationSpeed : 400, // if so how quickly should they animate in
+
captionAnimation : 'fade', // fade, slideOpen, none
-
bullets : false, // true or false to activate the bullet navigation
+
captionAnimationSpeed : 400, // if so how quickly should they animate in
-
bulletThumbs : true, // thumbnails for the bullets
+
bullets : false, // true or false to activate the bullet navigation
-
bulletThumbLocation : '', // location from this file where thumbs will be
+
bulletThumbs : true, // thumbnails for the bullets
-
afterSlideChange : function() {
+
bulletThumbLocation : '', // location from this file where thumbs will be
-
}, // empty function
+
afterSlideChange : function() {
-
fluid : true // or set a aspect ratio for content slides (ex: '4x3')
+
}, // empty function
-
});
+
fluid : true // or set a aspect ratio for content slides (ex: '4x3')
-
$('li.pg-home').addClass('active');
+
});
});
-
</script>
+
$('li.pg-home').addClass('active');
 +
});
 +
</script>
</body>
</body>
</html>
</html>

Revision as of 03:45, 23 September 2012

Project
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
More Info

Notebook
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
More Info

Team
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
More Info

Outreach
Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
More Info

Retrieved from "http://2012.igem.org/Team:Cornell/testing/home"