Difference between revisions of "Team:Warwick/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
−
{{Warwick}}
+
<html class="no-js" lang="en"><!--<![endif]--><head>
−
<html>
+
<meta charset="utf-8">
 +
<!-- Set the viewport width to device width for mobile -->
 +
<meta name="viewport" content="width=device-width">
 +
<title>Studio Francesca - Premium Theme by WowThemesNet</title>
 +
<!-- CSS Files-->
 +
<link rel="stylesheet" href="stylesheets/style.css">
  
−
<h2> Collaborations</h2>
+
<link rel="stylesheet" href="stylesheets/skins/blue.css">
−
 
+
<!-- skin color -->
−
<p>
+
<link rel="stylesheet" href="stylesheets/responsive.css">
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
<!-- IE Fix for HTML5 Tags -->
−
</p>
+
<!--[if lt IE 9]>
−
 
+
    <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
−
<div class="highlightBox">
+
  <![endif]-->
−
 
+
</head>
−
<h4> Which other teams can we work with? </h4>
+
<body>
−
<p>  
+
<!-- HIDDEN PANEL
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the <a hreef="https://2015.igem.org/Judging/Awards#Medals">iGEM team collaboration gold medal criterion</a>.
+
================================================== -->
−
</p>
+
<div id="panel">
−
 
+
<div class="row">
−
<p>
+
<div class="twelve columns">
−
In order to meet the gold medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
<img src="images/info.png" class="pics" alt="info">
 +
<div class="infotext">
 +
Thank you for visiting my theme! Replace this with your message to visitors.
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<p class="slide">
 +
<a href="#" class="btn-slide"></a>
 
</p>
 
</p>
 +
<!-- HEADER
 +
================================================== -->
 +
<div class="row">
 +
<div class="headerlogo four columns">
 +
<div class="logo">
 +
<a href="index.html">
 +
<h4>Studio Francesca</h4>
 +
</a>
 +
</div>
 +
</div>
 +
<div class="headermenu eight columns noleftmarg">
 +
<nav id="nav-wrap">
 +
<ul id="main-menu" class="nav-bar sf-menu">
 +
<li class="current">
 +
<a href="index.html">Home</a>
 +
<ul>
 +
<li><a href="index2.html">Without slider</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Portofolio</a>
 +
<ul>
 +
<li><a href="portofolio2.html">2 Columns</a></li>
 +
<li><a href="portofolio3.html">3 Columns</a></li>
 +
<li><a href="portofolio4.html">4 Columns</a></li>
 +
<li><a href="portofoliodetail.html">Project Details</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Blog</a>
 +
<ul>
 +
<li><a href="blogpage1.html">Blog page style 1</a></li>
 +
<li><a href="blogpage2.html">Blog page style 2</a></li>
 +
<li><a href="blogpage3.html">Blog page style 3</a></li>
 +
<li><a href="blogsinglepost.html">Single post</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Pages</a>
 +
<ul>
 +
<li><a href="about.html">About us</a></li>
 +
<li><a href="services.html">Services</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="#">Features</a>
 +
<ul>
 +
<li><a href="columns.html">Columns</a></li>
 +
<li><a href="elements.html">Elements</a></li>
 +
<li><a href="typography.html">Typography</a></li>
 +
</ul>
 +
</li>
 +
<li>
 +
<a href="contact.html">Contact</a>
 +
</li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
<div class="clear">
 +
</div>
 +
<!-- SLIDER
 +
================================================== -->
 +
<div id="ei-slider" class="ei-slider">
 +
<ul class="ei-slider-large">
 +
<li>
 +
<img src="http://www.wowthemes.net/demo/studiofrancesca/images/slideshow/large/2.jpg" alt="image01" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>Dream</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image02" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>Hope</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image03" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>Smile</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image04" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>ask</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image05" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>refuse</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image06" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>give</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image07" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>receive</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image08" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to </h2>
 +
<h3>Love</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image09" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Dare to</h2>
 +
<h3>Forgive</h3>
 +
</div>
 +
</li>
 +
<li>
 +
<img src="http://placehold.it/1400x500/222" alt="image10" class="responsiveslide">
 +
<div class="ei-title">
 +
<h2>Stand up &amp; </h2>
 +
<h3>Live</h3>
 +
</div>
 +
</li>
 +
</ul>
 +
<!-- slider-thumbs -->
 +
<ul class="ei-slider-thumbs">
 +
<li class="ei-slider-element">Current</li>
 +
<li><a href="#">Slide 1</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb01"></li>
 +
<li><a href="#">Slide 2</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb02"></li>
 +
<li><a href="#">Slide 3</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb03"></li>
 +
<li><a href="#">Slide 4</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb04"></li>
 +
<li><a href="#">Slide 5</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb05"></li>
 +
<li><a href="#">Slide 6</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb06"></li>
 +
<li><a href="#">Slide 7</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb07"></li>
 +
<li><a href="#">Slide 8</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb08"></li>
 +
<li><a href="#">Slide 9</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb09"></li>
 +
<li><a href="#">Slide 10</a><img src="http://placehold.it/150x59/444" class="slideshowthumb" alt="thumb10"></li>
 +
</ul>
 +
</div>
 +
<div class="minipause">
 +
</div>
 +
<!-- SUBHEADER
 +
================================================== -->
 +
<div id="subheader">
 +
<div class="row">
 +
<div class="twelve columns">
 +
<p class="text-center">
 +
"Vision is the art of seeing what is invisible to others" - Jonathan Swift
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- ANIMATED COLUMNS
 +
================================================== -->
 +
<div class="row">
 +
<div class="twelve columns">
 +
<ul class="ca-menu">
 +
<li>
 +
<a href="#">
 +
<span class="ca-icon"><i class="fa fa-heart"></i></span>
 +
<div class="ca-content">
 +
<h2 class="ca-main">Responsive<br> Design</h2>
 +
<h3 class="ca-sub">Across all major devices</h3>
 +
</div>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#">
 +
<span class="ca-icon"><i class="fa fa-bullhorn"></i></span>
 +
<div class="ca-content">
 +
<h2 class="ca-main">Friendly<br> Documentation</h2>
 +
<h3 class="ca-sub">Straight to the point</h3>
 +
</div>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#">
 +
<span class="ca-icon"><i class="fa fa-user"></i></span>
 +
<div class="ca-content">
 +
<h2 class="ca-main">Alternate<br> Home Pages</h2>
 +
<h3 class="ca-sub">Full slider, boxed or none</h3>
 +
</div>
 +
</a>
 +
</li>
 +
<li>
 +
<a href="#">
 +
<span class="ca-icon"><i class="fa fa-camera"></i></span>
 +
<div class="ca-content">
 +
<h2 class="ca-main">Filterable<br> Portofolio</h2>
 +
<h3 class="ca-sub">Isotop &amp; PrettyPhoto</h3>
 +
</div>
 +
</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<!-- CONTENT
 +
================================================== -->
 +
<div class="row">
 +
<div class="twelve columns">
 +
<div class="centersectiontitle">
 +
<h4>What we do</h4>
 +
</div>
 +
</div>
 +
<div class="four columns">
 +
<h5>Photography</h5>
 +
<p>
 +
Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
 +
</p>
 +
<p>
 +
<a href="#" class="readmore">Learn more</a>
 +
</p>
 +
</div>
 +
<div class="four columns">
 +
<h5>Artwork</h5>
 +
<p>
 +
Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
 +
</p>
 +
<p>
 +
<a href="#" class="readmore">Learn more</a>
 +
</p>
 +
</div>
 +
<div class="four columns">
 +
<h5>Logos</h5>
 +
<p>
 +
Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.
 +
</p>
 +
<p>
 +
<a href="#" class="readmore">Learn more</a>
 +
</p>
 +
</div>
 +
</div>
 +
<div class="hr">
 +
</div>
 +
<!-- TESTIMONIALS
 +
================================================== -->
 +
<div class="row">
 +
<div class="twelve columns">
 +
<div id="testimonials">
 +
<blockquote>
 +
<p>
 +
"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis." <cite>Martin - NY</cite>
 +
</p>
 +
</blockquote>
 +
<blockquote>
 +
<p>
 +
"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." <cite>Sandra - LA</cite>
 +
</p>
 +
</blockquote>
 +
<blockquote>
 +
<p>
 +
"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." <cite>Jason - MA</cite>
 +
</p>
 +
</blockquote>
 +
</div>
 +
<!--end testimonials-->
 +
</div>
 
</div>
 
</div>
  
−
<p>
+
<!-- FOOOTER
−
Here are some suggestions for projects you could work on with other teams:
+
================================================== -->
−
</p>
+
<div id="footer">
−
 
+
<footer class="row">
−
<ul>
+
<p class="back-top floatright">
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
<a href="#top"><span></span></a>
−
<li> Characterize another team's part </li>
+
</p>
−
<li> Debug a construct </li>
+
<div class="four columns">
−
<li> Model or simulating another team's system </li>
+
<h1>ABOUT US</h1>
−
<li> Test another team's software</li>
+
Our goal is to keep clients satisfied!
−
<li> Help build and test another team's hardware project</li>
+
</div>
−
<li> Mentor a high-school team</li>
+
<div class="four columns">
−
</ul>
+
<h1>GET SOCIAL</h1>
−
 
+
<a class="social facebook" href="#"></a>
−
 
+
<a class="social twitter" href="#"></a>
−
 
+
<a class="social deviantart" href="#"></a>
 +
<a class="social flickr" href="#"></a>
 +
<a class="social dribbble" href="#"></a>
 +
</div>
 +
<div class="four columns">
 +
<h1 class="newsmargin">NEWSLETTER</h1>
 +
<div class="row collapse newsletter floatright">
 +
<div class="ten mobile-three columns">
 +
<input type="text" class="nomargin" placeholder="Enter your e-mail address...">
 +
</div>
 +
<div class="two mobile-one columns">
 +
<a href="#" class="postfix button expand">GO</a>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 
</div>
 
</div>
−
</html>
+
<div class="copyright">
 +
<div class="row">
 +
<div class="six columns">
 +
©<span class="small"> Copyright Your Agency Name</span>
 +
</div>
 +
<div class="six columns">
 +
<span class="small floatright">Design by <a target="_blank" href="http://www.wowthemes.net/premium-themes-templates/">WowThemesNet</a> </span>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- JAVASCRIPTS
 +
================================================== -->
 +
<!-- Javascript files placed here for faster loading -->
 +
<script src="javascripts/foundation.min.js"></script> 
 +
<script src="javascripts/jquery.easing.1.3.js"></script>
 +
<script src="javascripts/elasticslideshow.js"></script>
 +
<script src="javascripts/jquery.carouFredSel-6.0.5-packed.js"></script>
 +
<script src="javascripts/jquery.cycle.js"></script>
 +
<script src="javascripts/app.js"></script>
 +
<script src="javascripts/modernizr.foundation.js"></script>
 +
<script src="javascripts/slidepanel.js"></script>
 +
<script src="javascripts/scrolltotop.js"></script>
 +
<script src="javascripts/hoverIntent.js"></script>
 +
<script src="javascripts/superfish.js"></script>
 +
<script src="javascripts/responsivemenu.js"></script>
 +
 
 +
</body></html>

Revision as of 09:53, 7 July 2015

Studio Francesca - Premium Theme by WowThemesNet

info
Thank you for visiting my theme! Replace this with your message to visitors.

  • image01

    Dare to

    Dream

  • image02

    Dare to

    Hope

  • image03

    Dare to

    Smile

  • image04

    Dare to

    ask

  • image05

    Dare to

    refuse

  • image06

    Dare to

    give

  • image07

    Dare to

    receive

  • image08

    Dare to

    Love

  • image09

    Dare to

    Forgive

  • image10

    Stand up &

    Live

"Vision is the art of seeing what is invisible to others" - Jonathan Swift

What we do

Photography

Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Learn more

Artwork

Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Learn more

Logos

Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.

Learn more

"Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis." Martin - NY

"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." Sandra - LA

"Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco." Jason - MA

© Copyright Your Agency Name
Design by WowThemesNet