|
|
| (85 intermediate revisions by the same user not shown) |
| Line 1: |
Line 1: |
| − | <!DOCTYPE html> | + | {{Navarra_BG/header}} |
| − | <html lang="zxx" class="no-js"> | + | <html> |
| − | <head>
| + | <section class="banner-area relative"> |
| − | <!-- Mobile Specific Meta --> | + | <div class="container"> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
| + | <div class="row fullscreen align-items-center justify-content-center"> |
| − | <!-- Favicon-->
| + | <div class="banner-left col-lg-6"> |
| − | <link rel="shortcut icon" href="img/fav.png">
| + | <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%;"> |
| − | <!-- Author Meta -->
| + | </div> |
| − | <meta name="author" content="Colorlib">
| + | |
| − | <!-- Meta Description -->
| + | |
| − | <meta name="description" content="">
| + | |
| − | <!-- Meta Keyword -->
| + | |
| − | <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">
| + | <div class="col-lg-6" style="max-width: 100%;"> |
| − | <!--
| + | <div class="story-content"> |
| − | CSS
| + | <h6 class="text-uppercase animated slideInDown">Introducing BioGalaxy</h6> |
| − | ============================================= -->
| + | |
| − | <link rel="stylesheet" href="/css/linearicons.css">
| + | <div class=" animated fadeIn delay- 1s"> |
| − | <link rel="stylesheet" href="/css/owl.carousel.css">
| + | <div id="intro" class="intro"> |
| − | <link rel="stylesheet" href="/css/font-awesome.min.css">
| + | <h1 style="margin-bottom: 5px;">What would <span class="sp-1"> you </span><br>take to <span class="sp-2"> space? </span></h1> |
| − | <link rel="stylesheet" href="/css/nice-select.css">
| + | <button class="discover" style="margin-top:16px;"> |
| − | <link rel="stylesheet" href="/css/magnific-popup.css">
| + | <div class="animated slideInRight delay-1s"> |
| − | <link rel="stylesheet" href="/css/bootstrap.css">
| + | <a href=" #" class=" genric- btn primary circle arrow boton"> Discover<span class="lnr lnr- arrow-right"></span> </a> |
| − | <link rel="stylesheet" href="/css/main.css">
| + | </div> |
| − | <link rel="stylesheet" href="/css/animate.css">
| + | </button> |
| − | <script type="text/javascript" src="http://ff.kis.v2.scr.kaspersky-labs.com/5D5A5E0A-CC1E-E940-93C9-52D1F9D4BD02/main.js" charset="UTF-8"></script></head>
| + | |
| − | <body>
| + | |
| − | <div class=" oz- body-wrap"> | + | |
| − | <!-- 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="img/logo1.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>
| |
| − | </header>
| |
| − | <!-- End Header Area -->
| |
| − | <!-- Start Banner Area -->
| |
| − | <section class="banner-area relative">
| |
| − | <div class="container">
| |
| − | <div class="row fullscreen align-items-center justify-content-center">
| |
| − | <div class="banner-left col-lg-6">
| |
| − | <img class="d-flex mx-auto img-fluid" src="img/nicotiana.png" alt="" style="
| |
| − | width: 80%;
| |
| − | ">
| |
| − | </div>
| |
| − | <script>function myFunction() {
| |
| − | var element = document.getElementById("intro");
| |
| | | | |
| − | if (element.classList) {
| + | <div id="maindesc" class="hidden"> |
| − | element.classList.toggle("hidden");
| + | <blockquote class="generic-blockquote" style="position: absolute; width: 90%; top: 35px;"> |
| − | } else {
| + | <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> |
| − | var classes = element.className.split(" ");
| + | </blockquote> |
| − | var i = classes.indexOf("hidden");
| + | <button class="discover" style="position:absolute; top:241px;"> |
| − | | + | <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> |
| − | if (i >= 0)
| + | </button> |
| − | classes.splice(i, 1);
| + | |
| − | else
| + | |
| − | classes.push("hidden");
| + | |
| − | element.className = classes.join(" ");
| + | |
| − | }
| + | |
| − | }</script><script>function appear() {
| + | |
| − | var element = document.getElementById("maindesc");
| + | |
| − | | + | |
| − | if (element.classList) {
| + | |
| − | element.classList.toggle("visible");
| + | |
| − | } else {
| + | |
| − | var classes = element.className.split(" ");
| + | |
| − | var i = classes.indexOf("visible");
| + | |
| − | | + | |
| − | if (i >= 0)
| + | |
| − | classes.splice(i, 1);
| + | |
| − | else
| + | |
| − | classes.push("visible");
| + | |
| − | element.className = classes.join(" ");
| + | |
| − | }
| + | |
| − | }</script><div class="col-lg-6" style="max-width: 100%;">
| + | |
| − | <div class="story-content">
| + | |
| − | <h6 class="text-uppercase animated slideInDown">Introducing BioGalaxy</h6>
| + | |
| − | <div class="animated fadeIn delay-1s"><div id="intro"><h1> What would <span class="sp-1"> you </span><br>
| + | |
| − | take to <span class="sp-2"> space? </span></h1>
| + | |
| − | <button onclick="myFunction(); appear();" style="
| + | |
| − | border: none;
| + | |
| − | background-color: white;
| + | |
| − | padding-left: 0px;
| + | |
| − | outline: 0;
| + | |
| − | "><div class="animated slideInRight delay-1s"><a href="#" class="genric-btn primary circle arrow">Discover<span class="lnr lnr-arrow-right"></span></a></div></button></div>
| + | |
| − | </div><div id="maindesc" class="hidden"><blockquote class="generic-blockquote" style=" | + | |
| − | position: absolute;
| + | |
| − | width: 90%;
| + | |
| − | top: 35px;
| + | |
| − | "><p style=" | + | |
| − | margin-bottom: 0px;
| + | |
| − | ">Food, water, our favorite series, books, your computer. Maybe you will also need some medicines, vitamins, insulin… All those substances are necessary, but they take to much space, they are hard to conserve, its production is expensive and they are limited.</p></blockquote><button onclick="myFunction(); appear();" style=" | + | |
| − | border: none;
| + | |
| − | background-color: white;
| + | |
| − | padding-left: 0px;
| + | |
| − | outline: 0;
| + | |
| − | "><a href="#" class="genric-btn primary circle arrow" style=" | + | |
| − | position: absolute;
| + | |
| − | top: 218px;
| + | |
| − | "><span class="lnr lnr-arrow-left" style=" | + | |
| − | margin-left: -5px;
| + | |
| − | "><span></span></span>Back</a></button></div> | + | |
| − | </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" style="
| + | |
| − | background: url(../img/bg.jpg) no-repeat center center/cover;
| + | |
| − | ">
| + | |
| − | <div class="overlay overlay-bg"></div>
| + | |
| − | <div class="container">
| + | |
| − | <div class="video-content">
| + | |
| − | <a href="http://www.youtube.com/watch?v=0O2aH4XLbto" class="play-btn"><img src="img/play-btn.png" alt=""></a>
| + | |
| − | <div class="video-desc">
| + | |
| − | <h3 class="h2 text-white text-uppercase"> A brief look into our project</h3>
| + | |
| − | <h4 class="text-white">An Stop Motion animation</h4>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | <!-- End Video Area -->
| + | |
| − | <!-- Start about Area --><script>$(window).scroll(function() {
| + | |
| − | var hT = $('#scroll-to').offset().top,
| + | |
| − | hH = $('#scroll-to').outerHeight(),
| + | |
| − | wH = $(window).height(),
| + | |
| − | wS = $(this).scrollTop();
| + | |
| − | if (wS > (hT+hH-wH) && (hT > wS) && (wS+wH > hT+hH)){
| + | |
| − | $('h1').addClass('view')
| + | |
| − | } else {
| + | |
| − | $('h1').removeClass('view')
| + | |
| − | }
| + | |
| − | });</script>
| + | |
| − | <section class="about-area pt-100 pb-100">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row align-items-center">
| + | |
| − | <div class="col-lg-6">
| + | |
| − | <div class="story-content">
| + | |
| − | <h2 id="scroll-to">BioGalaxy's
| + | |
| − | <span>Aim</span></h2>
| + | |
| − | <p class="mt-30" style=" margin-bottom: 30px; "> The objective of our project is to be able to produce these protein compounds in a simple and cheap way and occupying the least possible space. To do this, we will create a plasmid of interest using Golden Braid 2.0 technology and use synthetic biology to modify Nicotiana benthamiana plants through Agrobacterium tumefaciens bacteria so that they produce a protein of interest that can be easily purified.</p><p>In parallel, we will demonstrate that the presence of volatile compounds produced by fungi considerably increases the production of starch in plants. In our case, we will use the Alternaria alternata fungus in the presence of Arabidopsis thaliana, although the conclusions can be applied to the rest of the plants. Thanks to our project it will be possible the constant production of proteins in rockets sent to space and space stations, thus facilitating life in these places.
| + | |
| | | | |
| − | | + | <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;"> |
| − | </p>
| + | <div class="overlay overlay-bg"></div> |
| − | <a href="#" class="genric-btn primary-border circle arrow">View More<span class="lnr lnr-arrow-right"></span></a>
| + | |
| − | </div>
| + | <div class=" video- content"> |
| − | </div>
| + | <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> |
| − | | + | <div class="video-desc"> |
| − | <img class="img-fluid d-flex mx-auto" src="img/LOGOOOOO.png" alt="">
| + | <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 Team Force Area -->
| + | </div> |
| − | <!-- Start Feature Area -->
| + | </section> |
| − | <section class="feature-area pt-100 pb-100 relative" style="
| + | |
| − | background: url(../img/bg.jpg) no-repeat center center/cover;
| + | |
| − | ">
| + | |
| − | <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">Imanol Remón <br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> un<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> un.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> un.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> un <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> un.</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"> Hodei Otegi <br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> Life goes on.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> Hijos del mismo dios- Macaco.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> Yellow.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> Cheetah. <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> A PS4 with games.</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"> Maider Manterola
| + | |
| − | <br> </h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> "We are a way for the Cosmos to know itself" -Carls Sagan<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> Fallin' - Alicia Keys<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> Turquoise.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> White tiger. <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> My e-book, lots of music and a good telescope.</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">Leire García <br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> un<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> un.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> un.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> un <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> un.</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">Daniel Sáenz<br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> " I travel not to escape life, but for life not to scape me."<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> Bohemian Rhapsody-Queen.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> Blue.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> Eagle.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> As many empty books and full pens as I could.</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">Nahia Eza<br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> “Our battered suitcases were piled on the sidewalk again; we had longer ways to go. But no matter, the road is life.” Jack Kerouac<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> Coming up roses-Keira Knightley.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> Black.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> Dogs. <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> A really big collection of books and music.</p>
| + | |
| | | | |
| − | </div>
| + | <section class="about-area pt-100 pb-100"> |
| − | </div>
| + | |
| − | </div>
| + | <div class=" row align- items- center"> |
| − | <div class="col-lg-4 col-sm-6 d-flex align-items-stretch">
| + | |
| − | <div class=" single-feature"> | + | <div class=" story- content"> |
| − | | + | <h2 id="scroll-to">BioGalaxy's |
| − | <span class="lnr lnr-heart"></span>
| + | <span>Aim</span></h2> |
| − | </div>
| + | <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> |
| − | <div class="desc">
| + | <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> |
| − | <h2 class="text-uppercase">Aitor Rubio<br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> un<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> un.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> un.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> un <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> un.</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">Sarah García<br></h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> "The path to our destination is not always a straight one. Maybe it doesn't matter which road we embark on. Maybe what matters is that we embark."<br><h style=" | + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> Tennessee Whiskey-Chris Stapleton.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> Black.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> The Kodiak bear. <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> The people I love.</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">Leyre Zaragüeta<br> </h2>
| + | |
| − | <p><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A quote:</h> "Everyone tries to do something great without realising life is made up of small things."<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A song:</h> Peter Pan- El Canto del Loco.<br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">A color:</h> Blue.<br><h style=" | + | |
| − | font-weight: 500;
| + | |
| − | ">An animal:</h> Penguin. <br><h style="
| + | |
| − | font-weight: 500;
| + | |
| − | ">What would you take to space?</h> A sketchbook and drawing materials.</p> | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | </div> | | </div> |
| − | </section>
| + | <div class="col-lg-6"> |
| − | <!-- Start Feature 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 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">72</h2><h2>%</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>a Message</span></h2>
| + | |
| − | <p class="text-white">
| + | |
| − | We will love to inform you.
| + | |
| − | </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 ©<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/animation.js"></script>
| |
| − | <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}} |
