Difference between revisions of "Team:LaVerne-Leos/HumanPractices"

(Created page with "<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>ULV iGEM Human Practices</title> <style> body { background-color: #F0F0D8; ...")
 
 
(23 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
−
<head>
+
<head>
−
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
+
<title>Team:LaVerne-Leos 2015.igem.org</title>
−
<title>ULV iGEM Human Practices</title>
+
<link href="https://2015.igem.org/Template:Team:LaVerne-Leos/style.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" />
 +
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<link href='http://fonts.googleapis.com/css?family=Karla' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
#content {width:100%;}
 +
</style>
 +
<style type="text/css">
 +
<!--
 +
a:link { color: #000000; text-decoration: none}
 +
-->
 +
</style>
 +
<!-- jQuery -->
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Team:Laverne-Leos/jquery.min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2015.igem.org/Template:Team:Laverne-Leos/jquery.mixitup.min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript">
 +
$(function () {
 
 
−
<style>
+
var filterList = {
−
body { background-color: #F0F0D8;
+
−
padding: 0;
+
init: function () {
−
margin: 0; }
+
−
nav { background-color:#789048;
+
−
list-style-type: none;
+
−
text-align: center;
+
−
height: 40px;
+
−
position: fixed;
+
−
top: 18px;
+
−
                                left: 0;
+
−
width: 100%;
+
−
text-align: center;
+
−
padding-top: 20px; }
+
−
nav ul { padding: 0;
+
−
margin: 0;
+
−
display: inline; }
+
−
nav ul li { display: inline-block; }
+
−
nav ul li a { text-decoration: none;
+
−
color: #F0F0D8;
+
−
padding: 22px 30px 23px 30px; }
+
−
nav a:link { color: #F0F0D8; }
+
−
nav a:hover { background-color: #93A66D;
+
−
                                      text-decoration: none; }
+
−
nav a:visited { color: #C0C0AD; }
+
−
                        h1, h2, h3 { border-bottom: none; }
+
−
footer { border-top: thin gray solid;
+
−
font-size: .75em;
+
−
padding: 0 5px 0 5px;
+
−
background-color: #789048;
+
−
color: #F0F0D8; }
+
 
 
 +
// MixItUp plugin
 +
// http://mixitup.io
 +
$('#portfoliolist').mixitup({
 +
targetSelector: '.portfolio',
 +
filterSelector: '.filter',
 +
effects: ['fade'],
 +
easing: 'snap',
 +
// call the hover effect
 +
onMixEnd: filterList.hoverEffect()
 +
});
 
 
−
#banner { text-align: center;
+
},
−
height: 200px; }
+
 
 
−
#wrapper { margin-left: auto;
+
hoverEffect: function () {
−
margin-right: auto;
+
−
width: 80%;
+
// Simple parallax effect
−
background-color: #FFFFFF; }
+
$('#portfoliolist .portfolio').hover(
−
+
function () {
−
</style>
+
$(this).find('.label').stop().animate({bottom: 0}, 200, 'easeOutQuad');
−
</head>
+
$(this).find('img').stop().animate({top: -30}, 500, 'easeOutQuad');
−
+
},
−
<body><div id="wrapper">
+
function () {
−
<nav>
+
$(this).find('.label').stop().animate({bottom: -40}, 200, 'easeInQuad');
−
<ul>
+
$(this).find('img').stop().animate({top: 0}, 300, 'easeOutQuad');
−
<li><a href="https://2015.igem.org/Team:LaVerne-Leos">Home</a></li>
+
}
−
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Project">Project</a></li>
+
);
−
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Team">Team</a></li>
+
−
<li><a href="parts.html">Parts</a></li>
+
}
−
<li><a href="notebook.html">Notebook</a></li>
+
 
−
<li><a href="safety.html">Safety</a></li>
+
};
−
                                <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Attribution">Attribution</a></li>
+
−
                                <li><a href="https://2015.igem.org/Team:LaVerne-Leos/HumanPractices">Human Practices</a></li>
+
// Run the show!
−
                                <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Collaboration">Collaboration</a></li>
+
filterList.init();
−
</ul>
+
−
</nav>
+
−
<br>
+
});
−
<div style="text-align:center; height: 200px; margin-top:78px; border-bottom:.15em gray solid;">
+
</script>
−
<h1>Banner will go here!</h1>
+
<!-- Add fancyBox main JS and CSS files -->
 +
<script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquery.magnific-popup.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<link href="https://2015.igem.org/Template:Team:LaVerne-Leos/PopupCSS?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
 +
<script>
 +
$(document).ready(function() {
 +
$('.popup-with-zoom-anim').magnificPopup({
 +
type: 'inline',
 +
fixedContentPos: false,
 +
fixedBgPos: true,
 +
overflowY: 'auto',
 +
closeBtnInside: true,
 +
preloader: false,
 +
midClick: true,
 +
removalDelay: 300,
 +
mainClass: 'my-mfp-zoom-in'
 +
});
 +
});
 +
</script>
 +
</head>
 +
<body>
 +
  <div class="header">
 +
      <div class="wrap">
 +
        <div class="logo">
 +
<a href="https://2015.igem.org/Team:LaVerne-Leos"><img src="https://static.igem.org/mediawiki/2015/3/38/LaVerne-Leos_logo.png " alt=""/></a>
 +
</div>
 +
<div class="cssmenu">
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:LaVerne-Leos">Home</a></li>
 +
                    <li ><a href="https://2015.igem.org/Team:LaVerne-Leos/Project">Project</a></li>  
 +
                    <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Notebook">Notebook</a></li>  
 +
                    <li class="active"><a href="https://2015.igem.org/Team:LaVerne-Leos/HumanPractices">Human Practices</a></li>  
 +
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Team">Team</a></li>
 +
                                        <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Attributions"> Attributions </a></li>
 +
                                        <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Collaborations">Collaborations</a></li>
 +
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Sponsors">Sponsors</a></li>
 +
</ul>
 +
 +
    </div>
 +
    <div class="clear"></div>
 +
  </div>
 +
  </div>
 +
    <div class="banner">
 +
      <div class="wrap">
 +
          <h2>Human Practices</h2> <div class="clear"></div>
 +
      </div>
 +
    </div>
 +
<div class="main">
 +
  <div class="portfolio-top">
 +
 
 
</div>
 
</div>
−
<main>
+
<div class="container">
−
</main>
+
  <!-- <ul id="filters" class="clearfix">
−
<footer>
+
<li><span class="filter active" data-filter="app card icon logo web">Background</span></li>
−
<p>Natural Science Division Office and Biology Department<br>
+
<li><span class="filter" data-filter="app">Design</span></li>
−
1950 3rd St.<br>
+
<li><span class="filter" data-filter="card">Results</span></li>
−
La Verne, CA 91750<br>
+
<li><span class="filter" data-filter="icon">Modeling</span></li>
−
Phone: (909) 448-4601</p>
+
<li><span class="filter" data-filter="logo">Parts</span></li>
−
<p style="text-align: center">Copyright &copy; 2015 La Verne iGEM</p>
+
  </ul> -->
−
</footer>
+
  <div class="clear"></div>
 +
  <div id="portfoliolist" style="    " class="">
 +
<div class="wrapper" align="center">     <div class="wrap">
 +
        <!-- <p><a href="http://laverne.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/1d/LaVerne-Leos_ULVSponsorLOGO.png" /></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <a href="http://www.mathworks.com/products/matlab/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/de/LaVerne-Leos_MatlabLOGO.png" /></a> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;  <a href="https://www.neb.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/8/83/LaVerne-Leos_NEBLogo.png"/></a></p> -->
 +
<img src="https://static.igem.org/mediawiki/2015/9/99/LaVerne-Leos_Under_Construction.png" alt="" align="center"/>
 +
</div>
  
−
</div></body>
+
<!-- <div class="wrapper" align="left">
−
+
<h3> &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;Donor Wall</h3> <div class="wrap">
 +
        <p align="left">Salem Mushammel</p>
 +
</div> -->
 +
 +
<div class="clear"> </div>
 +
</div>
 +
  </div>
 +
</div>
 +
</div>
 +
  <div class="footer">
 +
<div class="footer-top">
 +
  <div class="wrap">
 +
  <div class="section group">
 +
<div class="col_1_of_3 span_1_of_3">
 +
<h3>About Us</h3>
 +
<p>We are the first iGEM team from University of La Verne and La Canada High School. We are an interdisciplinary team with members from biology, math, computer science, art, and library science. We are a community-engaged team that hopes to partner with other high schools, non-profits, and local businesses to create innovative solutions to global issues!</p>
 +
<button class="btn1 btn-8 btn-8b"><a href="https://2015.igem.org/Team:LaVerne-Leos/Team">Our Team</a></button>
 +
</div>
 +
<div class="col_1_of_3 span_1_of_3">
 +
<h4>Follow Us on Facebook</h4>
 +
    <ul>
 +
  <li class="facebook"><a href="https://www.facebook.com/pages/ULV-iGEM/1419125835077447" target="_blank"><span> </span></a></li>        
 +
        </ul>
 +
    </div>
 +
    </div>
 +
<div class="col_1_of_3 span_1_of_3">
 +
<h3>Contact info</h3>
 +
<div class="footer-list">
 +
<ul>
 +
<li><img src="https://static.igem.org/mediawiki/2015/e/e8/LaVerne-Leos_address.png" alt=""/><p>Natural Science Division Office and Biology Department<br>1950 3rd St.
 +
La Verne, CA 91750<br></p><div class="clear"></div></li>
 +
<li><img src="https://static.igem.org/mediawiki/2015/6/64/LaVerne-Leos_msg.png" alt=""/><p>Email: <span class="yellow"><a href="mailto:ulvigemteam@gmail.com">ulvigemteam@gmail.com</a></span></p><div class="clear"></div></li>
 +
  </ul>
 +
</div>
 +
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 +
  </div>
 +
</div>
 +
<div class="footer-bottom">
 +
<div class="wrap">
 +
<!--<div class="copy">
 +
    <p class="copy"> 2013 Template by <a href="http://w3layouts.com" target="_blank">w3layouts</a></p>
 +
    </div> -->
 +
<div class="footer-nav">
 +
<ul>
 +
<li><a href="https://2015.igem.org/Team:LaVerne-Leos">Home</a></li>
 +
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Project">Project</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Notebook">Notebook</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:LaVerne-Leos/HumanPractices">Human Practices</a></li>
 +
<li><a href="https://2015.igem.org/Team:LaVerne-Leos/Team">Team</a></li>
 +
                    <li><a href="https://2015.igem.org/Team:LaVerne-Leos/Sponsors">Sponsors</a></li>
 +
</ul>
 +
</div>
 +
<div class="clear"></div>
 +
    </div>
 +
</div>
 +
</div>
 +
</body>
 
</html>
 
</html>

Latest revision as of 22:53, 19 August 2015

Team:LaVerne-Leos 2015.igem.org

About Us

We are the first iGEM team from University of La Verne and La Canada High School. We are an interdisciplinary team with members from biology, math, computer science, art, and library science. We are a community-engaged team that hopes to partner with other high schools, non-profits, and local businesses to create innovative solutions to global issues!

Follow Us on Facebook

Contact info

  • Natural Science Division Office and Biology Department
    1950 3rd St. La Verne, CA 91750

  • Email: ulvigemteam@gmail.com