Difference between revisions of "Team:UCSC"

Line 1: Line 1:
 
{{UCSC}}
 
{{UCSC}}
−
<html>
+
<!DOCTYPE html>
−
<div class="column full_size" >
+
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
−
<img src="http://i50.photobucket.com/albums/f314/epeppert/banner_zps54bop86w.png">
+
<!--[if IE 7]>        <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
−
</div>
+
<!--[if IE 8]>        <html class="no-js lt-ie9"> <![endif]-->
 +
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 +
    <title>Home | Nova</title>
 +
    <meta name="description" content="">
 +
    <meta name="viewport" content="width=device-width">
  
−
<div class="column full_size" >
+
    <link rel="stylesheet" href="css/bootstrap.min.css">
−
<h1> Welcome to UCSC's iGEM Wiki! </h1>
+
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css">
−
<p>Our team is made of 15 motivated interdisciplinary undergraduate students including Biomolecular Engineers, Molecular, Cellular and Developmental Biologists, Biochemists, and Chemical Engineers. We hope to alleviate a range of burdens associated with global malnutrition and contribute to Millennium Development Goals 2 and 3. </p>
+
    <link rel="stylesheet" href="css/font-awesome.min.css">
−
</div>  
+
    <link rel="stylesheet" href="css/main.css">
 +
    <link rel="stylesheet" href="css/sl-slide.css">
  
−
<div class="clear"></div>
+
    <script src="js/vendor/modernizr-2.6.2-respond-1.1.0.min.js"></script>
  
−
<div class="column half_size" >
+
    <!-- Le fav and touch icons -->
−
<h5>Spirulina </h5>
+
    <link rel="shortcut icon" href="http://i50.photobucket.com/albums/f314/epeppert/logo_edit_new_zps5n2ostfn.png">
−
<img src="http://spirulinapowdermarket.com/sites/default/files/spirulinahealthbenefits_4_1.jpg">
+
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/ico/apple-touch-icon-144-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/ico/apple-touch-icon-114-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/ico/apple-touch-icon-72-precomposed.png">
 +
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
 +
</head>
  
−
</div>
+
<body>
 +
 
 +
    <!--Header-->
 +
    <header class="navbar navbar-fixed-top">
 +
        <div class="navbar-inner">
 +
            <div class="container">
 +
                <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </a>
 +
                <a id="logo" class="pull-left" href="index.html"></a>
 +
                <div class="nav-collapse collapse pull-right">
 +
                    <ul class="nav">
 +
                        <li class="active"><a href="index.html">Home</a></li>
 +
                        <li><a href="about-us.html">About Us</a></li>
 +
                        <li><a href="services.html">Services</a></li>
 +
                        <li><a href="portfolio.html">Portfolio</a></li>
 +
                        <li class="dropdown">
 +
                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">Pages <i class="icon-angle-down"></i></a>
 +
                            <ul class="dropdown-menu">
 +
                                <li><a href="career.html">Career</a></li>
 +
                                <li><a href="blog-item.html">Blog Single</a></li>
 +
                                <li><a href="faq.html">FAQ</a></li>
 +
                                <li><a href="pricing.html">Pricing</a></li>
 +
                                <li><a href="404.html">404</a></li>
 +
                                <li><a href="typography.html">Typography</a></li>
 +
                                <li><a href="registration.html">Registration</a></li>
 +
                                <li class="divider"></li>
 +
                                <li><a href="privacy.html">Privacy Policy</a></li>
 +
                                <li><a href="terms.html">Terms of Use</a></li>
 +
                            </ul>
 +
                        </li>
 +
                        <li><a href="blog.html">Blog</a></li>
 +
                        <li><a href="contact-us.html">Contact</a></li>
 +
                        <li class="login">
 +
                            <a data-toggle="modal" href="#loginForm"><i class="icon-lock"></i></a>
 +
                        </li>
 +
                    </ul>       
 +
                </div><!--/.nav-collapse -->
 +
            </div>
 +
        </div>
 +
    </header>
 +
    <!-- /header -->
 +
 
 +
    <!--Slider-->
 +
    <section id="slide-show">
 +
    <div id="slider" class="sl-slider-wrapper">
 +
 
 +
        <!--Slider Items-->   
 +
        <div class="sl-slider">
 +
            <!--Slider Item1-->
 +
            <div class="sl-slide item1" data-orientation="horizontal" data-slice1-rotation="-25" data-slice2-rotation="-25" data-slice1-scale="2" data-slice2-scale="2">
 +
                <div class="sl-slide-inner">
 +
                    <div class="container">
 +
                        <img class="pull-right" src="http://i50.photobucket.com/albums/f314/epeppert/banner_zps54bop86w.png" alt="" />
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <!--/Slider Item1-->
 +
 
 +
            <!--Slider Item2-->
 +
            <div class="sl-slide item2" data-orientation="vertical" data-slice1-rotation="10" data-slice2-rotation="-15" data-slice1-scale="1.5" data-slice2-scale="1.5">
 +
                <div class="sl-slide-inner">
 +
                    <div class="container">
 +
                        <img class="pull-right" src="http://i50.photobucket.com/albums/f314/epeppert/UCSC-Logo_zpsl7rrsug3.png" alt="" />
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <!--Slider Item2-->
 +
 
 +
            <!--Slider Item3-->
 +
            <div class="sl-slide item3" data-orientation="horizontal" data-slice1-rotation="3" data-slice2-rotation="3" data-slice1-scale="2" data-slice2-scale="1">
 +
                <div class="sl-slide-inner">
 +
                  <div class="container">
 +
                    <img class="pull-right" src="http://i50.photobucket.com/albums/f314/epeppert/DSC_1674_zps8qoh8hxw.jpg" alt="" />
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!--Slider Item3-->
 +
 
 +
    </div>
 +
    <!--/Slider Items-->
 +
 
 +
    <!--Slider Next Prev button-->
 +
    <nav id="nav-arrows" class="nav-arrows">
 +
        <span class="nav-arrow-prev"><i class="icon-angle-left"></i></span>
 +
        <span class="nav-arrow-next"><i class="icon-angle-right"></i></span>
 +
    </nav>
 +
    <!--/Slider Next Prev button-->
  
−
<div class="column half_size" >
 
−
<div class="highlight">
 
−
<h5> Project Description </h5>
 
−
<p>UCSC's 2017 iGEM team recognized how global malnutrition amplifies problems for many low income regions; causing economic burden as well as diseases like blindness, disabilities, and anemia. In hopes to address these crippling medical issues, we are creating a decentralized, self-sustaining biological source of nutrition that could be grown cheaply anywhere in the world. Spirulina is a fast growing, nutrient dense cyanobacteria which is already utilized for nutritional supplementation all over the world. The goal for our team is to optimize Spirulina to make it more accessible and fill the nutritional gaps to make it an effective and complete vitamin. This reflects our ultimate goal: To deliver nutrition to underdeveloped regions.</p>
 
−
</div>
 
 
</div>
 
</div>
 +
<!-- /slider-wrapper -->         
 +
</section>
 +
<!--/Slider-->
  
−
<div class="column half_size" >
+
<!--Services-->
−
<h5> Get Involved! </h5>
+
<section id="services">
−
<p>You can help us accomplish our goals!  We appreciate any contribution whether ideas, connections, or financial.  We are 100% donation funded, donate <a href=https://crowdfund.ucsc.edu/project/6945>here!</a>We are always looking for creativity and collaborations; if you have an idea to share or a connection with an interested party, please contact us at <b> ucscigem2017@gmail.com</b> </p>
+
    <div class="container">
 +
        <div class="center gap">
 +
            <h3>Our Project</h3>
 +
            <p class="lead">Blah Blah Blah Blah Blah</p>
 +
        </div>
  
−
</div>  
+
    </div>
 +
</section>
 +
<!--/Services-->
  
−
<div class="column half_size">
+
<section id="recent-works">
−
<h5> What is iGEM? </h5>
+
    <div class="container">
−
<p> Answered by the team in beautiful Santa Cruz </p>
+
        <div class="gap"></div>
−
<iframe width="560" height="315" src="https://www.youtube.com/embed/jk9ltT2MosQ" frameborder="0" allowfullscreen></iframe>
+
        <ul class="gallery col-4">
 +
            <!--Item 1-->
 +
            <li>
 +
                <div class="preview">
 +
                    <img alt=" " src="">
 +
                    <div class="overlay">
 +
                    </div>
 +
                    <div class="links">
 +
                        <a data-toggle="modal" href="#modal-1"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                         
 +
                    </div>
 +
                </div>
 +
                <div class="desc">
 +
                    <h5>Genetic Engineering</h5>
 +
                </div>
 +
                <div id="modal-1" class="modal hide fade">
 +
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
 +
                    <div class="modal-body">
 +
                        <img src="images/portfolio/full/item1.jpg" alt=" " width="100%" style="max-height:400px">
 +
                    </div>
 +
                </div>               
 +
            </li>
 +
            <!--/Item 1-->  
  
 +
            <!--Item 2-->
 +
            <li>
 +
                <div class="preview">
 +
                    <img alt=" " src="">
 +
                    <div class="overlay">
 +
                    </div>
 +
                    <div class="links">
 +
                        <a data-toggle="modal" href="#modal-1"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                               
 +
                    </div>
 +
                </div>
 +
                <div class="desc">
 +
                    <h5>Bioreactor</h5>
 +
                </div>
 +
                <div id="modal-1" class="modal hide fade">
 +
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
 +
                    <div class="modal-body">
 +
                        <img src="images/portfolio/full/item2.jpg" alt=" " width="100%" style="max-height:400px">
 +
                    </div>
 +
                </div>               
 +
            </li>
 +
            <!--/Item 2-->
  
 +
            <!--Item 3-->
 +
            <li>
 +
                <div class="preview">
 +
                    <img alt=" " src="">
 +
                    <div class="overlay">
 +
                    </div>
 +
                    <div class="links">
 +
                        <a data-toggle="modal" href="#modal-3"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                               
 +
                    </div>
 +
                </div>
 +
                <div class="desc">
 +
                    <h5>Something Else</h5>
 +
                </div>
 +
                <div id="modal-3" class="modal hide fade">
 +
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
 +
                    <div class="modal-body">
 +
                        <img src="images/portfolio/full/item3.jpg" alt=" " width="100%" style="max-height:400px">
 +
                    </div>
 +
                </div>               
 +
            </li>
 +
            <!--/Item 3-->
  
−
<div class="column full_size" >
+
            <!--Item 4-->
−
<h6> This website is still in progress. </h6>
+
            <li>
 +
                <div class="preview">
 +
                    <img alt=" " src="">
 +
                    <div class="overlay">
 +
                    </div>
 +
                    <div class="links">
 +
                        <a data-toggle="modal" href="#modal-4"><i class="icon-eye-open"></i></a><a href="#"><i class="icon-link"></i></a>                               
 +
                    </div>
 +
                </div>
 +
                <div class="desc">
 +
                    <h5>Something Else</h5>
 +
                </div>
 +
                <div id="modal-4" class="modal hide fade">
 +
                    <a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
 +
                    <div class="modal-body">
 +
                        <img src="images/portfolio/full/item4.jpg" alt=" " width="100%" style="max-height:400px">
 +
                    </div>
 +
                </div>               
 +
            </li>
 +
            <!--/Item 4-->              
  
 +
        </ul>
 +
    </div>
 +
 +
</section>
 +
 +
<!--Footer-->
 +
<footer id="footer">
 +
    <div class="container">
 +
        <div class="row-fluid">
 +
            <div class="span5 cp">
 +
                UCSC iGEM 2017
 +
            </div>
 +
            <!--/Copyright-->
 +
 +
            <div class="span6">
 +
                <ul class="social pull-right">
 +
                    <li><a href="#"><i class="icon-facebook"></i></a></li>                     
 +
                    <li><a href="#"><i class="icon-youtube"></i></a></li>
 +
                    <li><a href="#"><i class="icon-instagram"></i></a></li>                 
 +
                </ul>
 +
            </div>
 +
 +
            <div class="span1">
 +
                <a id="gototop" class="gototop pull-right" href="#"><i class="icon-angle-up"></i></a>
 +
            </div>
 +
            <!--/Goto Top-->
 +
        </div>
 +
    </div>
 +
</footer>
 +
<!--/Footer-->
 +
 +
<!--  Login form -->
 +
<div class="modal hide fade in" id="loginForm" aria-hidden="false">
 +
    <div class="modal-header">
 +
        <i class="icon-remove" data-dismiss="modal" aria-hidden="true"></i>
 +
        <h4>Login Form</h4>
 +
    </div>
 +
    <!--Modal Body-->
 +
    <div class="modal-body">
 +
        <form class="form-inline" action="index.html" method="post" id="form-login">
 +
            <input type="text" class="input-small" placeholder="Email">
 +
            <input type="password" class="input-small" placeholder="Password">
 +
            <label class="checkbox">
 +
                <input type="checkbox"> Remember me
 +
            </label>
 +
            <button type="submit" class="btn btn-primary">Sign in</button>
 +
        </form>
 +
        <a href="#">Forgot your password?</a>
 +
    </div>
 +
    <!--/Modal Body-->
 
</div>
 
</div>
 +
<!--  /Login form -->
 +
 +
<script src="js/vendor/jquery-1.9.1.min.js"></script>
 +
<script src="js/vendor/bootstrap.min.js"></script>
 +
<script src="js/main.js"></script>
 +
<!-- Required javascript files for Slider -->
 +
<script src="js/jquery.ba-cond.min.js"></script>
 +
<script src="js/jquery.slitslider.js"></script>
 +
<!-- /Required javascript files for Slider -->
 +
 +
<!-- SL Slider -->
 +
<script type="text/javascript">
 +
$(function() {
 +
    var Page = (function() {
 +
 +
        var $navArrows = $( '#nav-arrows' ),
 +
        slitslider = $( '#slider' ).slitslider( {
 +
            autoplay : true
 +
        } ),
 +
 +
        init = function() {
 +
            initEvents();
 +
        },
 +
        initEvents = function() {
 +
            $navArrows.children( ':last' ).on( 'click', function() {
 +
                slitslider.next();
 +
                return false;
 +
            });
 +
 +
            $navArrows.children( ':first' ).on( 'click', function() {
 +
                slitslider.previous();
 +
                return false;
 +
            });
 +
        };
 +
 +
        return { init : init };
 +
 +
    })();
  
 +
    Page.init();
 +
});
 +
</script>
 +
<!-- /SL Slider -->
 +
</body>
 
</html>
 
</html>

Revision as of 21:40, 19 July 2017

<!DOCTYPE html> 

 

    
    
    Home | Nova
    
    

    
    
    
    
    

    

    
    
    
    
    
    




    
    

        

            

                
                    
                    
                    
                
                
                

                            
                

            

        

    

    

    
    

     


            
        

            
            

                

                    

                        
                    

                

            

            

            
            

                

                    

                        
                    

                

            

            

            
            

                

                   

                    
                

            

        

        

    

    

    
    
    



           







    

        

            
Our Project

            
Blah Blah Blah Blah Blah

        


    







    
  
        

        
    
            
            
  • 
                
    
                     
                    
    
                    
    
                    
    
                                                  
                    
    
                
    
                
    
                    
    Genetic Engineering
    
                
    
                                 
            
    • 
             

            
            
  • 
                
    
                     
                    
    
                    
    
                    
    
                                                        
                    
    
                
    
                
    
                    
    Bioreactor
    
                
    
                                 
            
    • 
            

            
            
  • 
                
    
                     
                    
    
                    
    
                    
    
                                                        
                    
    
                
    
                
    
                    
    Something Else
    
                
    
                                 
            
    • 
             

            
            
  • 
                
    
                     
                    
    
                    
    
                    
    
                                                        
                    
    
                
    
                
    
                    
    Something Else
    
                
    
                                 
            
    • 
                           

        

    








    

        

            

                UCSC iGEM 2017