Difference between revisions of "Team:Georgia State/Collaborations"

Line 1: Line 1:
−
{{Georgia_State}}
+
{{Georgia_State_sand}}
 +
<!DOCTYPE HTML>
 +
<!--
 +
Aesthetic by gettemplates.co
 +
Twitter: http://twitter.com/gettemplateco
 +
URL: http://gettemplates.co
 +
-->
 
<html>
 
<html>
 +
<head>
 +
<meta charset="utf-8">
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
<title>Cube &mdash; Free Website Template, Free HTML5 Template by gettemplates.co</title>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
<meta name="description" content="Free HTML5 Website Template by gettemplates.co" />
 +
<meta name="keywords" content="free website templates, free html5, free template, free bootstrap, free website template, html5, css3, mobile first, responsive" />
 +
<meta name="author" content="gettemplates.co" />
  
 +
  <!-- Facebook and Twitter integration -->
 +
<meta property="og:title" content=""/>
 +
<meta property="og:image" content=""/>
 +
<meta property="og:url" content=""/>
 +
<meta property="og:site_name" content=""/>
 +
<meta property="og:description" content=""/>
 +
<meta name="twitter:title" content="" />
 +
<meta name="twitter:image" content="" />
 +
<meta name="twitter:url" content="" />
 +
<meta name="twitter:card" content="" />
  
 +
<link href="https://fonts.googleapis.com/css?family=Raleway:100,300,400,700" rel="stylesheet">
 +
 +
<!-- Animate.css -->
 +
<link rel="stylesheet" href="css/animate.css">
 +
<!-- Icomoon Icon Fonts-->
 +
<link rel="stylesheet" href="css/icomoon.css">
 +
<!-- Themify Icons-->
 +
<link rel="stylesheet" href="css/themify-icons.css">
 +
<!-- Bootstrap  -->
 +
<link rel="stylesheet" href="css/bootstrap.css">
  
 +
<!-- Magnific Popup -->
 +
<link rel="stylesheet" href="css/magnific-popup.css">
  
−
<div class="clear"></div>
+
<!-- Owl Carousel  -->
 +
<link rel="stylesheet" href="css/owl.carousel.min.css">
 +
<link rel="stylesheet" href="css/owl.theme.default.min.css">
  
 +
<!-- Theme style  -->
 +
<link rel="stylesheet" href="css/style.css">
  
−
<div class="column full_size">
+
<!-- Modernizr JS -->
−
<h1>Collaborations</h1>
+
<script src="js/modernizr-2.6.2.min.js"></script>
 +
<!-- FOR IE9 below -->
 +
<!--[if lt IE 9]>
 +
<script src="js/respond.min.js"></script>
 +
<![endif]-->
  
−
<p>
+
</head>
−
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.
+
<body>
−
</p>
+
 +
<div class="gtco-loader"></div>
 +
 +
<div id="page">
  
−
<h3>Silver Medal Criterion #2</h3>
+
<nav class="gtco-nav" role="navigation">
−
<p>
+
<div class="gtco-container">
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.  
+
−
</p>
+
<div class="row">
−
</div>
+
<div class="col-sm-2 col-xs-12">
 +
<div id="gtco-logo"><a href="index.html"><img src="images/logo.png" alt="Free HTML5 Website Template by GetTemplates.co"></a></div>
 +
</div>
 +
<div class="col-xs-10 text-right menu-1">
 +
<ul>
 +
<li><a href="index.html">Home</a></li>
 +
<li><a href="about.html">About</a></li>
 +
<li class="has-dropdown active">
 +
<a href="services.html">Services</a>
 +
<ul class="dropdown">
 +
<li><a href="#">Web Design</a></li>
 +
<li><a href="#">eCommerce</a></li>
 +
<li><a href="#">Branding</a></li>
 +
<li><a href="#">API</a></li>
 +
</ul>
 +
</li>
 +
<li class="has-dropdown">
 +
<a href="#">Dropdown</a>
 +
<ul class="dropdown">
 +
<li><a href="#">HTML5</a></li>
 +
<li><a href="#">CSS3</a></li>
 +
<li><a href="#">Sass</a></li>
 +
<li><a href="#">jQuery</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="portfolio.html">Portfolio</a></li>
 +
<li><a href="contact.html">Contact</a></li>
 +
</ul>
 +
</div>
 +
</div>
 +
 +
</div>
 +
</nav>
  
−
<div class="column two_thirds_size">
+
<header id="gtco-header" class="gtco-cover gtco-cover-xs gtco-inner" role="banner">
 +
<div class="gtco-container">
 +
<div class="row">
 +
<div class="col-md-12 col-md-offset-0 text-left">
 +
<div class="display-t">
 +
<div class="display-tc">
 +
<div class="row">
 +
<div class="col-md-8">
 +
<h1 class="no-margin">Our Services</h1>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Officia facilis, accusamus iusto animi.</p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</header>
 +
<!-- END #gtco-header -->
  
−
<h4> Which other teams can we work with? </h4>
+
<div class="gtco-services gtco-section">
−
<p>  
+
<div class="gtco-container">
−
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 iGEM team collaboration silver medal criterion.
+
<div class="row row-pb-sm">
−
</p>
+
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
 +
<h2>Make your life simpler.</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p>
 +
<p><a href="#" class="btn btn-special">Watch The Video</a></p>
 +
</div>
 +
</div>
 +
<div class="row row-pb-md">
  
−
<p>
+
<div class="col-md-4 col-sm-4 service-wrap">
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
<div class="service">
−
</p>
+
<h3><i class="ti-pie-chart"></i> Marketing</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4 service-wrap">
 +
<div class="service">
 +
<h3><i class="ti-ruler-pencil"></i> Design</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4 service-wrap">
 +
<div class="service">
 +
<h3><i class="ti-settings"></i> Development</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.</p>
 +
</div>
 +
</div>
  
−
</div>
+
<div class="clearfix visible-md-block visible-sm-block"></div>
  
 +
<div class="col-md-4 col-sm-4 service-wrap">
 +
<div class="service">
 +
<h3><i class="ti-pie-chart"></i> Marketing</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4 service-wrap">
 +
<div class="service">
 +
<h3><i class="ti-ruler-pencil"></i> Design</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!</p>
 +
</div>
 +
</div>
 +
<div class="col-md-4 col-sm-4 service-wrap">
 +
<div class="service">
 +
<h3><i class="ti-settings"></i> Development</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.</p>
 +
</div>
 +
</div>
  
 +
</div>
 +
</div>
 +
</div>
 +
<!-- END .gtco-services -->
  
−
<div class="column third_size">
 
−
<p>
 
−
Here are some suggestions for projects you could work on with other teams:
 
−
</p>
 
  
−
<ul>
+
<div class="gtco-section gtco-products">
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
<div class="gtco-container">
−
<li> Characterize another team's part </li>
+
<div class="row row-pb-sm">
−
<li> Debug a construct </li>
+
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
−
<li> Model or simulate another team's system </li>
+
<h2>Popular Products</h2>
−
<li> Test another team's software</li>
+
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p>
−
<li> Help build and test another team's hardware project</li>
+
</div>
−
<li> Mentor a high-school team</li>
+
</div>
−
</ul>
+
<div class="row row-pb-md">
−
</div>
+
<div class="col-md-4 col-sm-4">
 +
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_1.jpg)">
 +
<div class="overlay">
 +
<i class="ti-arrow-top-right"></i>
 +
<div class="copy">
 +
<h3>Paper Hot Cup</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 +
</div>
 +
</div>
 +
<img src="images/img_1.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
 +
</a>
 +
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_2.jpg)">
 +
<div class="overlay">
 +
<i class="ti-arrow-top-right"></i>
 +
<div class="copy">
 +
<h3>Notepad Mockup</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 +
</div>
 +
</div>
 +
<img src="images/img_2.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<a href="#" class="gtco-item one-row bg-img animate-box" style="background-image: url(images/img_md_1.jpg)">
 +
<div class="overlay">
 +
<i class="ti-arrow-top-right"></i>
 +
<div class="copy">
 +
<h3>Paper Pouch</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 +
</div>
 +
</div>
 +
<img src="images/img_md_1.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
 +
</a>
 +
</div>
 +
<div class="col-md-4 col-sm-4">
 +
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_3.jpg)">
 +
<div class="overlay">
 +
<i class="ti-arrow-top-right"></i>
 +
<div class="copy">
 +
<h3>Fancy 3D</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 +
</div>
 +
</div>
 +
<img src="images/img_3.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
 +
</a>
 +
<a href="#" class="gtco-item two-row bg-img animate-box" style="background-image: url(images/img_4.jpg)">
 +
<div class="overlay">
 +
<i class="ti-arrow-top-right"></i>
 +
<div class="copy">
 +
<h3>Hard Cover Book</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
 +
</div>
 +
</div>
 +
<img src="images/img_4.jpg" class="hidden" alt="Free HTML5 Website Template by GetTemplates.co">
 +
</a>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-md-12 text-center">
 +
<p><a href="http://gettemplates.co" target="_blank" class="btn btn-special">Visit Gettemplates.co</a></p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
<!-- END .gtco-products -->
  
 +
<div class="gtco-section gtco-testimonial gtco-gray">
 +
<div class="gtco-container">
  
 +
<div class="row row-pb-sm">
 +
<div class="col-md-8 col-md-offset-2 gtco-heading text-center">
 +
<h2>People Love Us</h2>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.</p>
 +
</div>
 +
</div>
 +
 +
<div class="row">
 +
<div class="col-md-6 col-sm-6 animate-box">
 +
<div class="gtco-testimony gtco-left">
 +
<div><img src="images/person_1.jpg" alt="Free Website template by GetTemplates.co"></div>
 +
<blockquote>
 +
<p>&ldquo;Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.&rdquo; <cite class="author">&mdash; Ferdinand A. Porsche</cite></p>
 +
</blockquote>
 +
</div>
 +
</div>
 +
 +
<div class="col-md-6 col-sm-6 animate-box">
 +
<div class="gtco-testimony gtco-left">
 +
<div><img src="images/person_2.jpg" alt="Free Website template by GetTemplates.co"></div>
 +
<blockquote>
 +
<p>&ldquo;Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.&rdquo; <cite class="author">&mdash; Steve Jobs</cite></p>
 +
</blockquote>
 +
</div>
 +
</div>
 +
 +
 +
</div>
 +
<div class="row">
 +
<div class="col-md-6 col-sm-6 animate-box">
 +
<div class="gtco-testimony gtco-left">
 +
<div><img src="images/person_3.jpg" alt="Free Website template by GetTemplates.co"></div>
 +
<blockquote>
 +
<p>&ldquo;I think design would be better if designers were much more skeptical about its applications. If you believe in the potency of your craft, where you choose to dole it out is not something to take lightly.&rdquo; <cite class="author">&mdash; Frank Chimero</cite></p>
 +
</blockquote>
 +
</div>
 +
</div>
 +
 +
<div class="col-md-6 col-sm-6 animate-box">
 +
<div class="gtco-testimony gtco-left">
 +
<div><img src="images/person_1.jpg" alt="Free Website template by GetTemplates.co"></div>
 +
<blockquote>
 +
<p>&ldquo;Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.&rdquo; <cite class="author">&mdash; Ferdinand A. Porsche</cite></p>
 +
</blockquote>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
 +
<footer id="gtco-footer" class="gtco-section" role="contentinfo">
 +
<div class="gtco-container">
 +
<div class="row row-pb-md">
 +
<div class="col-md-8 col-md-offset-2 gtco-cta text-center">
 +
<h3>We Love To Talk About Your Business</h3>
 +
<p><a href="#" class="btn btn-white btn-outline">Contact Us</a></p>
 +
</div>
 +
</div>
 +
<div class="row row-pb-md">
 +
<div class="col-md-4 gtco-widget gtco-footer-paragraph">
 +
<h3>Cube</h3>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod.</p>
 +
</div>
 +
<div class="col-md-4 gtco-footer-link">
 +
<div class="row">
 +
<div class="col-md-6">
 +
<ul class="gtco-list-link">
 +
<li><a href="#">Home</a></li>
 +
<li><a href="#">Features</a></li>
 +
<li><a href="#">Products</a></li>
 +
<li><a href="#">Testimonial</a></li>
 +
<li><a href="#">Contact</a></li>
 +
</ul>
 +
</div>
 +
<div class="col-md-6">
 +
<p>
 +
<a href="tel://1234567890">+1 234 4565 2342</a> <br>
 +
<a href="#">info@domain.com</a>
 +
</p>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="col-md-4 gtco-footer-subscribe">
 +
<form class="form-inline">
 +
  <div class="form-group">
 +
    <label class="sr-only" for="exampleInputEmail3">Email address</label>
 +
    <input type="email" class="form-control" id="" placeholder="Email">
 +
  </div>
 +
  <button type="submit" class="btn btn-primary">Send</button>
 +
</form>
 +
</div>
 +
</div>
 +
</div>
 +
<div class="gtco-copyright">
 +
<div class="gtco-container">
 +
<div class="row">
 +
<div class="col-md-6 text-left">
 +
<p><small>&copy; 2016 Free HTML5. All Rights Reserved. </small></p>
 +
</div>
 +
<div class="col-md-6 text-right">
 +
<p><small>Designed by <a href="http://gettemplates.co/" target="_blank">GetTemplates.co</a> Demo Images: <a href="http://pixeden.com/" target="_blank">Pixeden</a> &amp; <a href="http://unsplash.com" target="_blank">Unsplash</a></small> </p>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
</footer>
 +
 +
</div>
 +
 +
<div class="gototop js-top">
 +
<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
 +
</div>
 +
 +
<!-- jQuery -->
 +
<script src="js/jquery.min.js"></script>
 +
<!-- jQuery Easing -->
 +
<script src="js/jquery.easing.1.3.js"></script>
 +
<!-- Bootstrap -->
 +
<script src="js/bootstrap.min.js"></script>
 +
<!-- Waypoints -->
 +
<script src="js/jquery.waypoints.min.js"></script>
 +
<!-- Carousel -->
 +
<script src="js/owl.carousel.min.js"></script>
 +
<!-- Magnific Popup -->
 +
<script src="js/jquery.magnific-popup.min.js"></script>
 +
<script src="js/magnific-popup-options.js"></script>
 +
<!-- Main -->
 +
<script src="js/main.js"></script>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 00:57, 15 October 2018

Template:Georgia State sand <!DOCTYPE HTML> Cube — Free Website Template, Free HTML5 Template by gettemplates.co

Make your life simpler.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.

Watch The Video

Marketing

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.

Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!

Development

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.

Marketing

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consectetur voluptatibus nesciunt, est alias deleniti ipsum fuga ullam maxime repudiandae neque, ad. Maiores quis atque, culpa rem inventore vero amet praesentium, quam sint, magnam reprehenderit doloremque.

Design

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minima quidem quae, assumenda dolores ad pariatur! Deleniti debitis, voluptatem! Omnis enim magnam perspiciatis, natus. Ipsum distinctio, voluptatibus vero laboriosam sequi! Officia fuga quam eveniet quo similique!

Development

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dicta aperiam, maiores officia alias accusantium fugiat, doloremque voluptas, voluptatem dolore vel animi praesentium saepe unde consequuntur, eum asperiores odit aliquam error nulla impedit repellendus. Nesciunt, delectus.

Popular Products

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.

Paper Hot Cup

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Notepad Mockup

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Paper Pouch

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Fancy 3D

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Hard Cover Book

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Visit Gettemplates.co

People Love Us

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus placerat enim et urna sagittis, rhoncus euismod erat tincidunt. Donec tincidunt volutpat erat.

Free Website template by GetTemplates.co

“Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.” — Ferdinand A. Porsche

Free Website template by GetTemplates.co

“Creativity is just connecting things. When you ask creative people how they did something, they feel a little guilty because they didn’t really do it, they just saw something. It seemed obvious to them after a while.” — Steve Jobs

Free Website template by GetTemplates.co

“I think design would be better if designers were much more skeptical about its applications. If you believe in the potency of your craft, where you choose to dole it out is not something to take lightly.” — Frank Chimero

Free Website template by GetTemplates.co

“Design must be functional and functionality must be translated into visual aesthetics, without any reliance on gimmicks that have to be explained.” — Ferdinand A. Porsche