Difference between revisions of "Team:Navarra BG"

 
(112 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
{{Navarra_BG/css/bootstrap.css}}
+
{{Navarra_BG/header}}
−
{{Navarra_BG/css/font-awesome.min.css}}
+
<html>
−
{{Navarra_BG/css/linearicons.css}}
+
<section class="banner-area relative">
−
{{Navarra_BG/css/magnific-popup.css}}
+
<div class="container">
−
{{Navarra_BG/css/main.css}}
+
<div class="row fullscreen align-items-center justify-content-center">
−
{{Navarra_BG/css/nice-select.css}}
+
<div class="banner-left col-lg-6">
−
{{Navarra_BG/css/owl.carousel.css}}
+
<img class="d-flex mx-auto img-fluid" src="https://static.igem.org/mediawiki/2018/b/b0/T--Navarra_BG--nicotiana.jpg" alt="" style="width: 80%;">
 +
</div>
  
−
 
+
<div class="col-lg-6" style="max-width: 100%;">
−
<html lang="zxx" class="no-js">
+
<div class="story-content">
−
<head>
+
<h6 class="text-uppercase animated slideInDown">Introducing BioGalaxy</h6>
−
<!-- Mobile Specific Meta -->
+
−
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
<div class="animated fadeIn delay-1s">
−
<!-- Favicon-->
+
<div id="intro" class="intro">
−
<link rel="shortcut icon" href="http://biogalaxy.000webhostapp.com/img/fav.png">
+
<h1 style="margin-bottom: 5px;">What would  <span class="sp-1"> you </span><br>take to <span class="sp-2"> space? </span></h1>
−
<!-- Author Meta -->
+
<button class="discover" style="margin-top:16px;">
−
<meta name="author" content="Colorlib">
+
<div class="animated slideInRight delay-1s">
−
<!-- Meta Description -->
+
<a href="#" class="genric-btn primary circle arrow boton">Discover<span class="lnr lnr-arrow-right"></span></a>
−
<meta name="description" content="">
+
</div>
−
<!-- Meta Keyword -->
+
</button>
−
<meta name="keywords" content="">
+
−
<!-- meta character set -->
+
−
<meta charset="UTF-8">
+
−
<!-- Site Title -->
+
−
<title>CellOn</title>
+
−
 
+
−
<link href="https://fonts.googleapis.com/css?family=Poppins:100,300,500" rel="stylesheet">
+
−
<!--
+
−
CSS
+
−
============================================= -->
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/linearicons.css">
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/owl.carousel.css">
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/font-awesome.min.css">
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/nice-select.css">
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/magnific-popup.css">
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/bootstrap.css">
+
−
<link rel="stylesheet" href="http://biogalaxy.000webhostapp.com/css/main.css">
+
−
</head>
+
−
<body>
+
−
<div style="
+
−
    z-index: 900;
+
−
    background-color: #f6f6fc;
+
−
    width: 5000%;
+
−
    height: 1000%;
+
−
    position: absolute;
+
−
    margin-top: -400px;
+
−
    margin-left: -400px;
+
−
"></div><div class="oz-body-wrap" style="
+
−
    z-index: 1000;
+
−
    margin-top: -90px;
+
−
">
+
−
<!-- Start Header Area -->
+
−
<header class="default-header">
+
−
<div class="container-fluid">
+
−
<div class="header-wrap">
+
−
<div class="header-top d-flex justify-content-between align-items-center">
+
−
<div class="logo">
+
−
<a href="index.html"><img src="http://biogalaxy.000webhostapp.com/img/logo.png" alt=""></a>
+
−
</div>
+
−
<div class="main-menubar d-flex align-items-center">
+
−
<nav class="hide">
+
−
<a href="index.html">Home</a>
+
−
<a href="generic.html">Generic</a>
+
−
<a href="elements.html">Elements</a>
+
−
</nav>
+
−
<div class="menu-bar"><span class="lnr lnr-menu"></span></div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</div>
+
 
−
</div>
+
<div id="maindesc" class="hidden">
−
</header>
+
<blockquote class="generic-blockquote" style="position: absolute; width: 90%; top: 35px;">
−
<!-- End Header Area -->
+
<p style="margin-bottom: 0px;">Food, water, movies, books, your laptop… However, you would also need some medicines, vitamins or maybe insulin. These substances are necessary, but they take too much space, they are hard to preserve, their production is expensive and they wouldn't last long…</p>
−
<!-- Start Banner Area -->
+
</blockquote>
−
<section class="banner-area relative">
+
<button class="discover" style="position:absolute; top:241px;">
−
<div class="container">
+
<a href="#" class="genric-btn primary circle arrow boton"><span class="lnr lnr-arrow-left" style="margin-left:0;margin-right:10px;"></span> Back</a>
−
<div class="row fullscreen align-items-center justify-content-center">
+
</button>
−
<div class="banner-left col-lg-6">
+
−
<img class="d-flex mx-auto img-fluid" src="http://biogalaxy.000webhostapp.com/img/header-img.png" alt="">
+
−
</div>
+
−
<div class="col-lg-6">
+
−
<div class="story-content">
+
−
<h6 class="text-uppercase">From the for User interface</h6>
+
−
<h1>Behind Every <span class="sp-1">Success</span><br>
+
−
There is a <span class="sp-2">Cactus</span></h1>
+
−
<a href="#" class="genric-btn primary circle arrow">Get Started<span class="lnr lnr-arrow-right"></span></a>
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
+
</div>
−
<!-- End Banner Area -->
+
</div>
−
<!-- Start Video Area -->
+
</section>
−
<section class="video-area pt-40 pb-40">
+
 
−
<div class="overlay overlay-bg"></div>
+
<section class="video-area pt-40 pb-40" style="background: url(https://static.igem.org/mediawiki/2018/2/28/T--Navarra_BG--bg.jpg) no-repeat center center/cover;">
−
<div class="container">
+
<div class="overlay overlay-bg"></div>
−
<div class="video-content">
+
<div class="container">
−
<a href="http://www.youtube.com/watch?v=0O2aH4XLbto" class="play-btn"><img src="http://biogalaxy.000webhostapp.com/img/play-btn.png" alt=""></a>
+
<div class="video-content">
−
<div class="video-desc">
+
<a href="https://2018.igem.org/Team:Navarra_BG/video" class="play-btn" data-fancybox="" data-type="iframe"><img src="https://static.igem.org/mediawiki/2018/a/a7/T--Navarra_BG--play-btn.jpg" alt=""></a>
−
<h3 class="h2 text-white text-uppercase">Being unique is the preference</h3>
+
<div class="video-desc">
−
<h4 class="text-white">Youtube video will appear in popover</h4>
+
<h3 class="h2 text-white text-uppercase"> A brief look into our project</h3>
−
</div>
+
<h4 class="text-white">Discover Biogalaxy!</h4>
−
</div>
+
 
</div>
 
</div>
−
</section>
+
</div>
−
<!-- End Video Area -->
+
</div>
−
<!-- Start about Area -->
+
</section>
−
<section class="about-area pt-100 pb-100">
+
 
−
<div class="container">
+
<section class="about-area pt-100 pb-100">
−
<div class="row align-items-center">
+
<div class="container">
−
<div class="col-lg-6">
+
<div class="row align-items-center">
−
<div class="story-content">
+
<div class="col-lg-6">
−
<h2>Brief Information <br>
+
<div class="story-content">
−
About <span>CellOn</span></h2>
+
<h2 id="scroll-to">BioGalaxy's
−
<p class="mt-30">Few would argue that, despite the advancements of feminism over the past three decades, women still face a double standard when it comes to their behavior. While men’s borderline-inappropriate behavior is often laughed off as “boys will be boys,” women face higher conduct standards – especially in the workplace. <br> <br>
+
<span>Aim</span></h2>
−
While men’s borderline-inappropriate behavior is often laughed off as “boys will be boys,”
+
<p class="mt-30" style="margin-bottom: 30px;"> Biogalaxy's goal is to produce proteic compounds in a cheap, simple and cost-efficient way. In order to achieve this, we have built a plasmid using GoldenBraid technology and used synthetic biology to modify <em>Nicotiana benthamiana</em> plants through <em>Agrobacterium tumefaciens</em> bacteria, so that they produce a target protein which appears bonded to starch granules and can be easily purified.</p><p>Simultaneaously, we have demonstrated that the presence of volatile compounds produced by fungus remarkably increases the production of starch in plants, which consequently boosts protein's production. In this case, we have raised <em>Arabidopsis thaliana</em> together with <em>Alternaria alternata</em> fungus. Biogalaxy's aim is to contribute in space exploration missions, guaranteeing the availability and easy production of essential substances with medical and nutritional purposes.</p>
−
</p>
+
<a href="https://2018.igem.org/Team:Navarra_BG/project" class="genric-btn primary-border circle arrow boton">View More<span class="lnr lnr-arrow-right"></span></a>
−
<a href="#" class="genric-btn primary-border circle arrow">View More<span class="lnr lnr-arrow-right"></span></a>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-6">
+
−
<img class="img-fluid d-flex mx-auto" src="http://biogalaxy.000webhostapp.com/img/about.png" alt="">
+
−
</div>
+
 
</div>
 
</div>
 
</div>
 
</div>
−
</section>
+
<div class="col-lg-6">
−
<!-- End Team Force Area -->
+
<img class="img-fluid d-flex mx-auto" src="https://static.igem.org/mediawiki/2018/e/eb/T--Navarra_BG--LOGOOOOO.jpg" alt="">
−
<!-- Start Feature Area -->
+
−
<section class="feature-area pt-100 pb-100  relative">
+
−
<div class="overlay overlay-bg"></div>
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
+
−
<div class="single-feature">
+
−
<div class="icon">
+
−
<span class="lnr lnr-laptop-phone"></span>
+
−
</div>
+
−
<div class="desc">
+
−
<h2 class="text-uppercase">3 Simple Ways To Save <br> A Bunch Of Money</h2>
+
−
<p>
+
−
Computer users and programmers have become so accustomed to using Windows, even for the changing
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
+
−
<div class="single-feature">
+
−
<div class="icon">
+
−
<span class="lnr lnr-graduation-hat"></span>
+
−
</div>
+
−
<div class="desc">
+
−
<h2 class="text-uppercase">Baby Monitor <br>Learning Technology</h2>
+
−
<p>
+
−
While most people enjoy casino gambling, sports betting, lottery and bingo playing for the fun and excitemen
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
+
−
<div class="single-feature">
+
−
<div class="icon">
+
−
<span class="lnr lnr-phone"></span>
+
−
</div>
+
−
<div class="desc">
+
−
<h2 class="text-uppercase">How Does An Lcd
+
−
<br>Screen Work</h2>
+
−
<p>
+
−
It is a good idea to think of your PC as an office. It stores files, programs, pictures. This can be compared to an actual
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
+
−
<div class="single-feature">
+
−
<div class="icon">
+
−
<span class="lnr lnr-laptop"></span>
+
−
</div>
+
−
<div class="desc">
+
−
<h2 class="text-uppercase">The Skinny On Lcd <br>Monitors</h2>
+
−
<p>
+
−
Computers have become ubiquitous in almost every facet of our lives. At work, desk jockeys spend hours in front of their
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
+
−
<div class="single-feature">
+
−
<div class="icon">
+
−
<span class="lnr lnr-heart"></span>
+
−
</div>
+
−
<div class="desc">
+
−
<h2 class="text-uppercase">For Women Only Your<br>Computer Usage</h2>
+
−
<p>
+
−
About 64% of all on-line teens say that do things online that they wouldn’t want their parents to know about.  11% of all
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
+
−
<div class="single-feature">
+
−
<div class="icon">
+
−
<span class="lnr lnr-screen"></span>
+
−
</div>
+
−
<div class="desc">
+
−
<h2 class="text-uppercase">5 Reasons To Purchase<br> Desktop Computers</h2>
+
−
<p>
+
−
So you have your new digital camera and clicking away to glory anything and everything in sight. Now you want to print
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<!-- Start Feature Area -->
+
−
<!-- Start faq Area -->
+
−
<section class="faq-area pt-100 pb-100">
+
−
<div class="container">
+
−
<div class="row">
+
−
<div class="counter-left col-lg-3 col-md-3">
+
−
<div class="single-facts">
+
−
<h2 class="counter">5962</h2>
+
−
<p>Projects Completed</p>
+
−
</div>
+
−
<div class="single-facts">
+
−
<h2 class="counter">2394</h2>
+
−
<p>New Projects</p>
+
−
</div>
+
−
<div class="single-facts">
+
−
<h2 class="counter">1439</h2>
+
−
<p>Tickets Submitted</p>
+
−
</div>
+
−
<div class="single-facts">
+
−
<h2 class="counter">933</h2>
+
−
<p>Cup of Coffee</p>
+
−
</div>
+
−
</div>
+
−
<div class="faq-content col-lg-9 col-md-9">
+
−
<div class="single-faq">
+
−
<h2 class="text-uppercase">
+
−
Are your Templates responsive?
+
−
</h2>
+
−
<p>
+
−
“Few would argue that, despite the advancements of feminism over the past three decades, women still face a double standard when it comes to their behavior. While men’s borderline-inappropriate behavior.
+
−
</p>
+
−
</div>
+
−
<div class="single-faq">
+
−
<h2 class="text-uppercase">
+
−
Does it have all the plugin as mentioned?
+
−
</h2>
+
−
<p>
+
−
“Few would argue that, despite the advancements of feminism over the past three decades, women still face a double standard when it comes to their behavior. While men’s borderline-inappropriate behavior.
+
−
</p>
+
−
</div>
+
−
<div class="single-faq">
+
−
<h2 class="text-uppercase">
+
−
Can i use the these theme for my client?
+
−
</h2>
+
−
<p>
+
−
“Few would argue that, despite the advancements of feminism over the past three decades, women still face a double standard when it comes to their behavior. While men’s borderline-inappropriate behavior.
+
−
</p>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</section>
+
−
<!-- Start faq Area -->
+
−
<!-- Start Conatct- Area -->
+
−
<section class="contact-area pt-100 pb-100 relative">
+
−
<div class="overlay overlay-bg"></div>
+
−
<div class="container">
+
−
<div class="row justify-content-center text-center">
+
−
<div class="single-contact col-lg-6 col-md-8">
+
−
<h2 class="text-white">Send Us <span>Message</span></h2>
+
−
<p class="text-white">
+
−
Most people who work in an office environment, buy computer products.
+
−
</p>
+
−
</div>
+
−
</div>
+
−
<form id="myForm" action="mail.php" method="post" class="contact-form">
+
−
<div class="row justify-content-center">
+
−
<div class="col-lg-5">
+
−
<input name="fname" placeholder="Enter your name" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter your name'" class="common-input mt-20" required="" type="text">
+
−
</div>
+
−
<div class="col-lg-5">
+
−
<input name="email" placeholder="Enter email address" pattern="[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter email address'" class="common-input mt-20" required="" type="email">
+
−
</div>
+
−
<div class="col-lg-10">
+
−
<textarea class="common-textarea mt-20" name="message" placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder = 'Messege'" required=""></textarea>
+
−
</div>
+
−
<div class="col-lg-10 d-flex justify-content-end">
+
−
<button class="primary-btn white-bg d-inline-flex align-items-center mt-20"><span class="mr-10">Send Message</span><span class="lnr lnr-arrow-right"></span></button> <br>
+
−
</div>
+
−
<div class="alert-msg"></div>
+
−
</div>
+
−
</form>
+
−
</div>
+
−
</section>
+
−
<!-- End Conatct- Area -->
+
−
<!-- Strat Footer Area -->
+
−
<footer class="section-gap">
+
−
<div class="container">
+
−
<div class="row pt-60">
+
−
<div class="col-lg-3 col-sm-6">
+
−
<div class="single-footer-widget">
+
−
<h6 class="text-uppercase mb-20">Top Product</h6>
+
−
<ul class="footer-nav">
+
−
<li><a href="#">Managed Website</a></li>
+
−
<li><a href="#">Manage Reputation</a></li>
+
−
<li><a href="#">Power Tools</a></li>
+
−
<li><a href="#">Marketing Service</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-3 col-sm-6">
+
−
<div class="single-footer-widget">
+
−
<h6 class="text-uppercase mb-20">Navigation</h6>
+
−
<ul class="footer-nav">
+
−
<li><a href="#">Home</a></li>
+
−
<li><a href="#">Main Features</a></li>
+
−
<li><a href="#">Offered Services</a></li>
+
−
<li><a href="#">Latest Portfolio</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
<div class="col-lg-3 col-sm-6">
+
−
<div class="single-footer-widget">
+
−
<h6 class="text-uppercase mb-20">Compare</h6>
+
−
<ul class="footer-nav">
+
−
<li><a href="#">Works & Builders</a></li>
+
−
<li><a href="#">Works & Wordpress</a></li>
+
−
<li><a href="#">Works & Templates</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
−
 
+
−
<div class="col-lg-3 col-sm-6">
+
−
<div class="single-footer-widget">
+
−
<h6 class="text-uppercase mb-20">Quick About</h6>
+
−
<p>
+
−
Lorem ipsum dolor sit amet, consecteturadipisicin gelit, sed do eiusmod tempor incididunt.
+
−
</p>
+
−
<p>
+
−
+00 012 6325 98 6542 <br>
+
−
support@colorlib.com
+
−
</p>
+
−
<div class="footer-social d-flex align-items-center">
+
−
<a href="#"><i class="fa fa-facebook"></i></a>
+
−
<a href="#"><i class="fa fa-twitter"></i></a>
+
−
<a href="#"><i class="fa fa-dribbble"></i></a>
+
−
<a href="#"><i class="fa fa-behance"></i></a>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
</div>
+
−
<div class="footer-bottom d-flex justify-content-between align-items-center flex-wrap">
+
−
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
+
−
<p class="footer-text m-0">Copyright &copy;<script>document.write(new Date().getFullYear());</script> All rights reserved | This template is made with <i class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank">Colorlib</a></p>
+
−
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
+
−
</div>
+
 
</div>
 
</div>
−
</footer>
+
<div class="col-lg-12"><img src="https://static.igem.org/mediawiki/2018/7/70/T--Navarra_BG--biogalaxy-aim.jpg" alt="Biogalaxy's Aim" style="margin-top:30px;"></div>
−
<!-- End Footer Area -->
+
</div>
 
</div>
 
</div>
 +
</section>
  
−
<script src="js/vendor/jquery-2.2.4.min.js"></script>
 
−
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous"></script>
 
−
<script src="js/vendor/bootstrap.min.js"></script>
 
−
<script src="js/jquery.ajaxchimp.min.js"></script>
 
−
<script src="js/owl.carousel.min.js"></script>
 
−
<script src="js/jquery.nice-select.min.js"></script>
 
−
<script src="js/jquery.magnific-popup.min.js"></script>
 
−
<script src="js/jquery.counterup.min.js"></script>
 
−
<script src="js/waypoints.min.js"></script>
 
−
<script src="js/main.js"></script>
 
−
</body>
 
 
</html>
 
</html>
 +
{{Navarra_BG/footer}}

Latest revision as of 01:19, 18 October 2018

A brief look into our project

Discover Biogalaxy!

BioGalaxy's Aim

Biogalaxy's goal is to produce proteic compounds in a cheap, simple and cost-efficient way. In order to achieve this, we have built a plasmid using GoldenBraid technology and used synthetic biology to modify Nicotiana benthamiana plants through Agrobacterium tumefaciens bacteria, so that they produce a target protein which appears bonded to starch granules and can be easily purified.

Simultaneaously, we have demonstrated that the presence of volatile compounds produced by fungus remarkably increases the production of starch in plants, which consequently boosts protein's production. In this case, we have raised Arabidopsis thaliana together with Alternaria alternata fungus. Biogalaxy's aim is to contribute in space exploration missions, guaranteeing the availability and easy production of essential substances with medical and nutritional purposes.

View More
Biogalaxy's Aim