|
|
Line 87: |
Line 87: |
| </div> | | </div> |
| | | |
− | Department<br>1950 3rd St. | + | <html> |
| + | <head> |
| + | <title>Team:LaVerne-Leos 2015.igem.org</title> |
| + | <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'> |
| + | <link href="https://2015.igem.org/Template:Team:LaVerne-Leos/stylecss?action=raw&ctype=text/css" rel="stylesheet" type="text/css" media="all" /> |
| + | <!-- jQuery --> |
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Team:Laverne-Leos/jqueryminjs?action=raw&ctype=text/javascript"></script> |
| + | <!-- Add fancyBox main JS and CSS files --> |
| + | |
| + | <style type="text/css"> |
| + | <!-- |
| + | a:link { color: #000000; text-decoration: none} |
| + | --> |
| + | </style> |
| + | |
| + | <style type="text/css"> |
| + | #content {width:100%;} |
| + | </style> |
| + | |
| + | <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquerymagnific-popupjs? |
| + | 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 class="active"><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/Parts">Parts</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/Practices">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="index-banner"> |
| + | <div class="wmuSlider example1"> |
| + | <div class="wmuSliderWrapper"> |
| + | <article style="position: absolute; width: 100%; opacity: 0;"> |
| + | <div class="banner-wrap"> |
| + | <div class="slider-left"> |
| + | <h3>Bacterial</h3> |
| + | <h4>Biofuels</h4> |
| + | <p class="top">Toxic Tolerance</p> |
| + | <p class="middle">Photosynthetic Improvements</p> |
| + | <p class="bottom">Self Regulation</p> |
| + | <!-- start magnific--> |
| + | <div id="small-dialog" class="mfp-hide"> |
| + | <div class="plans_table"> |
| + | |
| + | <table width="100%" cellspacing="0" class="compare_plan"> |
| + | <thead> |
| + | <tr> |
| + | <th class="plans-list"><h3>Plan Features</h3></th> |
| + | <th class="plans-list"><h3>Basic</h3><h4>$5<small>/month</small></h4></th> |
| + | <th class="plans-list"><h3>Economy</h3><h4>$9<small>/month</small></h4></th> |
| + | </tr> |
| + | </thead> |
| + | <tfoot> |
| + | <tr> |
| + | <td> </td> |
| + | </tr> |
| + | </tfoot> |
| + | <tbody> |
| + | <tr> |
| + | <td class="plan_list_title">Web Space</td> |
| + | <td class="price_body">Unlimited</td> |
| + | <td class="price_body">Unlimited</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">Bandwidth</td> |
| + | <td class="price_body">Unlimited</td> |
| + | <td class="price_body">Unlimited</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">25 GB Storage</td> |
| + | <td class="price_body"><img src="images/icon-remove.png" alt="img"></td> |
| + | <td class="price_body">Unlimited</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">iPhone App</td> |
| + | <td class="price_body"><img src="images/icon-remove.png" alt="img"></td> |
| + | <td class="price_body">Unlimited</td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">Enhanced Security</td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">E-mail</td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">Wordpress Support</td> |
| + | <td class="price_body"><img src="images/icon-remove.png" alt="img"></td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">24/7 Support</td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">Backups</td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | <td class="price_body"><img src="images/tickmark-icon.png" alt="img"></td> |
| + | </tr> |
| + | <tr> |
| + | <td class="plan_list_title">Dedicated IP</td> |
| + | <td class="price_body">$2/mo</td> |
| + | <td class="price_body">$2/mo</td> |
| + | </tr> |
| + | </tbody></table> |
| + | </div> |
| + | </div> |
| + | <!-- end magnific--> |
| + | </div> |
| + | <div class="slider-right"> |
| + | </div> |
| + | <div class="clear"></div> |
| + | </div> |
| + | </article> |
| + | <article style="position: relative; width: 100%; opacity: 1;"> |
| + | <div class="banner-wrap"> |
| + | <div class="slider-right"> |
| + | </div> |
| + | <div class="slider-left"> |
| + | <h3>Bacterial</h3> |
| + | <h4>Biofuels</h4> |
| + | <p class="top">Toxic Tolerance</p> |
| + | <p class="middle">Photosynthetic Improvements</p> |
| + | <p class="bottom">Self Regulation</p> |
| + | </div> |
| + | <div class="clear"></div> |
| + | </div> |
| + | </article> |
| + | <article style="position: absolute; width: 100%; opacity: 0;"> |
| + | <div class="banner-wrap"> |
| + | <div class="slider-left"> |
| + | <h3>Bacterial</h3> |
| + | <h4>Biofuels</h4> |
| + | <p class="top">Toxic Tolerance</p> |
| + | <p class="middle">Photosynthetic Improvements</p> |
| + | <p class="bottom">Self Regulation</p> |
| + | </div> |
| + | <div class="slider-right"> |
| + | |
| + | </div> |
| + | <div class="clear"></div> |
| + | </div> |
| + | </article> |
| + | <article style="position: absolute; width: 100%; opacity: 0;"> |
| + | <div class="banner-wrap"> |
| + | <div class="slider-right"> |
| + | |
| + | </div> |
| + | <div class="slider-left"> |
| + | <h3>Bacterial</h3> |
| + | <h4>Biofuels</h4> |
| + | <p class="top">Toxic Tolerance</p> |
| + | <p class="middle">Photosynthetic Improvements</p> |
| + | <p class="bottom">Self Regulation</p> |
| + | </div> |
| + | <div class="clear"></div> |
| + | </div> |
| + | </article> |
| + | <article style="position: absolute; width: 100%; opacity: 0;"> |
| + | <div class="banner-wrap"> |
| + | <div class="slider-left"> |
| + | <h3>Bacterial</h3> |
| + | <h4>Biofuels</h4> |
| + | <p class="top">Toxic Tolerance</p> |
| + | <p class="middle">Photosynthetic Improvements</p> |
| + | <p class="bottom">Self Regulation</p> |
| + | </div> |
| + | <div class="slider-right"> |
| + | |
| + | </div> |
| + | <div class="clear"></div> |
| + | </div> |
| + | </article> |
| + | </div> |
| + | <a class="wmuSliderPrev">Previous</a><a class="wmuSliderNext">Next</a> |
| + | <ul class="wmuSliderPagination"> |
| + | <li><a href="#" class="">0</a></li> |
| + | <li><a href="#" class="">1</a></li> |
| + | <li><a href="#" class="wmuActive">2</a></li> |
| + | <li><a href="#">3</a></li> |
| + | <li><a href="#">4</a></li> |
| + | </ul> |
| + | </div> |
| + | |
| + | </div> |
| + | <!---//End-da-slider-----> |
| + | </object> |
| + | <div class="main"> |
| + | <div class="content-top"> |
| + | <div class="wrap"> |
| + | <h3>We are the First igem team at la verne</h3> |
| + | <h5>We plan on making an imprint onto the future! </h5> |
| + | |
| + | <div style="text-align:center"> |
| + | <video width="750" height="415" controls > |
| + | <source src="https://static.igem.org/mediawiki/2015/5/5f/IGEM_La_Verne_2015.mp4" type="video/mp4"> |
| + | </video> |
| + | <!--<embed width="750" height="415" |
| + | src="https://static.igem.org/mediawiki/2015/a/a9/2015_La_Verne_Leos_Video.mp4"> --> |
| + | </div><br> |
| + | <div class="section group"> |
| + | <div class="col_1_of_4 span_1_of_4"> |
| + | <div class="grid1"> |
| + | <img src="https://static.igem.org/mediawiki/2015/3/3b/LaVerne-Leos_pic.png" alt=""/> |
| + | <h4>Our <br>Project</h4> |
| + | </div> |
| + | <a href="https://2015.igem.org/Team:LaVerne-Leos/Project"><div class="desc"> |
| + | <p>Click <u>here</u> to read our about our overall goals for the entire project!</p> |
| + | </div></a> |
| + | </div> |
| + | <div class="col_1_of_4 span_1_of_4"> |
| + | <div class="grid1"> |
| + | <img src="https://static.igem.org/mediawiki/2015/3/3e/LaVerne-Leos_icon1.png" alt=""/> |
| + | <h4>Our <br>Results</h4> |
| + | </div> |
| + | <a href="https://2015.igem.org/Team:LaVerne-Leos/Project"><div class="desc"> |
| + | <p>Click <u>here</u> to read more on what we accomplished this summer!</p> |
| + | </div></a> |
| + | </div> |
| + | <div class="col_1_of_4 span_1_of_4"> |
| + | <div class="grid1"> |
| + | <img src="https://static.igem.org/mediawiki/2015/8/8d/LaVerne-Leos_icon2.png" alt=""/> |
| + | <h4>Human <br>Practices</h4> |
| + | </div> |
| + | <a href="https://2015.igem.org/Team:LaVerne-Leos/Practices"><div class="desc"> |
| + | <p>Click <u>here</u> to see the implications of our project!</p> |
| + | </div></a> |
| + | </div> |
| + | <div class="col_1_of_4 span_1_of_4"> |
| + | <div class="grid1"> |
| + | <img src="https://static.igem.org/mediawiki/2015/0/02/LaVerne-Leos_icon3.png" alt=""/> |
| + | <h4>Notebook &<br> Protocols</h4> |
| + | </div> |
| + | <a href="https://2015.igem.org/Team:LaVerne-Leos/Notebook"><div class="desc"> |
| + | <p>Click <u>here</u> to view our protocols and steps throughout the project!</p> |
| + | </div></a> |
| + | </div> |
| + | <div class="clear"></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="content-middle"> |
| + | <h2><span>Our work</span></h2> |
| + | <p></p> |
| + | <div id="container"> |
| + | <div id="main1"> |
| + | <ul id="tiles"> |
| + | <!-- These are our grid blocks --> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/e/e3/LaVerne-Leos_pic1.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/e/e3/LaVerne-Leos_pic1.JPG" width="200" height="283"> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/9/92/LaVerne-Leos_pic2.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/9/92/LaVerne-Leos_pic2.JPG" width="200" height="300"> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/9/94/LaVerne-Leos_pic3.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/9/94/LaVerne-Leos_pic3.JPG" width="200" height="252"> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/8/80/LaVerne-Leos_pic4.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/8/80/LaVerne-Leos_pic4.JPG" width="200" height="158"> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/1/1f/LaVerne-Leos_pic5.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/1/1f/LaVerne-Leos_pic5.JPG" width="200" height="265"> |
| + | </a> |
| + | </li> |
| + | |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/c/cd/LaVerne-Leos_pic6.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/c/cd/LaVerne-Leos_pic6.JPG" width="200" height="158"> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/d/d1/LaVerne-Leos_pic7.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/d/d1/LaVerne-Leos_pic7.JPG" width="200" height="200"> |
| + | </a> |
| + | </li> |
| + | <li> |
| + | <a href="https://static.igem.org/mediawiki/2015/c/c9/LaVerne-Leos_pic8.JPG" rel="lightbox" class="cboxElement"> |
| + | <img src="https://static.igem.org/mediawiki/2015/c/c9/LaVerne-Leos_pic8.JPG" width="200" height="200"> |
| + | </a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | <link rel="stylesheet" href="https://2015.igem.org/Template:Team:LaVerne-Leos/ColorBoxCSS?action=raw&ctype=text/css"> |
| + | <!-- Include the imagesLoaded plug-in --> |
| + | <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jqueryimagesloadedjs?action=raw&ctype=text/javascript"></script> |
| + | <!-- include colorbox --> |
| + | <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquerycolorbox-minjs?action=raw&ctype=text/javascript"></script> |
| + | <!-- Include the plug-in --> |
| + | <script src="https://2015.igem.org/Template:Team:Laverne-Leos/jquerywookmarkjs?action=raw&ctype=text/javascript"></script> |
| + | <!-- Once the page is loaded, initalize the plug-in. --> |
| + | <script type="text/javascript"> |
| + | (function ($){ |
| + | $('#tiles').imagesLoaded(function() { |
| + | // Prepare layout options. |
| + | var options = { |
| + | autoResize: true, // This will auto-update the layout when the browser window is resized. |
| + | container: $('#main1'), // Optional, used for some extra CSS styling |
| + | offset: 2, // Optional, the distance between grid items |
| + | itemWidth:200 // Optional, the width of a grid item |
| + | }; |
| + | |
| + | // Get a reference to your grid items. |
| + | var handler = $('#tiles li'); |
| + | |
| + | // Call the layout function. |
| + | handler.wookmark(options); |
| + | |
| + | // Init lightbox |
| + | $('a', handler).colorbox({ |
| + | rel: 'lightbox' |
| + | }); |
| + | }); |
| + | })(jQuery); |
| + | </script> |
| + | </div> |
| + | <div class="content-bottom"> |
| + | <h2><a href="https://2015.igem.org/Team:LaVerne-Leos/Sponsors"><span>Our Sponsors</span></a></h2> |
| + | <ul id="flexiselDemo3"> |
| + | <li><a href="http://laverne.edu" target="_blank"><img src="https://static.igem.org/mediawiki/2015/0/01/LaVerne-Leos_client1.png" /></a></li> |
| + | <li><a href="https://neb.com" target="_blank"><img src="https://static.igem.org/mediawiki/2015/1/15/LaVerne-Leos_client2.png" /></a></li> |
| + | <li><a href="http://www.mathworks.com/products/matlab/" target="_blank"><img src="https://static.igem.org/mediawiki/2015/3/30/LaVerne-Leos_client3.png" /></a></li> |
| + | <li><a href="https://www.idtdna.com/site" target="_blank"><img src="https://static.igem.org/mediawiki/2015/2/21/LaVerne-Leos_client4.png" /></a> |
| + | <li><a href="http://www.agilent.com/home" target="_blank"><img src="https://static.igem.org/mediawiki/2015/d/d1/LaVerneLeos_client5.png" /></a> |
| + | </ul> |
| + | <script type="text/javascript"> |
| + | $(window).load(function() { |
| + | $("#flexiselDemo1").flexisel(); |
| + | $("#flexiselDemo2").flexisel({ |
| + | enableResponsiveBreakpoints: true, |
| + | responsiveBreakpoints: { |
| + | portrait: { |
| + | changePoint:480, |
| + | visibleItems: 1 |
| + | }, |
| + | landscape: { |
| + | changePoint:640, |
| + | visibleItems: 2 |
| + | }, |
| + | tablet: { |
| + | changePoint:768, |
| + | visibleItems: 3 |
| + | } |
| + | } |
| + | }); |
| + | |
| + | $("#flexiselDemo3").flexisel({ |
| + | visibleItems: 3, |
| + | animationSpeed: 1000, |
| + | autoPlay: true, |
| + | autoPlaySpeed: 3000, |
| + | pauseOnHover: true, |
| + | enableResponsiveBreakpoints: true, |
| + | responsiveBreakpoints: { |
| + | portrait: { |
| + | changePoint:480, |
| + | visibleItems: 1 |
| + | }, |
| + | landscape: { |
| + | changePoint:640, |
| + | visibleItems: 2 |
| + | }, |
| + | tablet: { |
| + | changePoint:768, |
| + | visibleItems: 3 |
| + | } |
| + | } |
| + | }); |
| + | |
| + | }); |
| + | </script> |
| + | <script type="text/javascript" src="https://2015.igem.org/Template:Team:Laverne-Leos/jqueryflexiseljs?action=raw&ctype=text/javascript"></script> |
| + | </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> | | 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> | | <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> |
Line 121: |
Line 565: |
| </div> | | </div> |
| </body> | | </body> |
− | | + | </html> |
− | | + | |
| | | |
| | | |