|
|
| (20 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | | + | {{:Team:Valencia_UPV/Templates:headerGeneralUPV}} |
| | <html> | | <html> |
| − | <head>
| + | <body> |
| − | <meta charset="utf-8" />
| + | <style> |
| − | <meta name="keywords" content="HTML5,CSS3,Template" />
| + | .img-responsive{ |
| − | <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
| + | margin: 2em 0 0 1em; |
| − | | + | } |
| − | <!-- METADATA -->
| + | #HQ_page table { |
| − | <meta name="description" content="" />
| + | margin: 2em 0 0 1em; |
| − | <title>HYPE IT - Valencia UPV</title>
| + | } |
| − | <meta name="Author" content="Dorin Grigoras [www.stepofweb.com]" />
| + | .page-header{ |
| − | | + | background-position-y:-27em; |
| − | <!-- DEPENDENCIAS -->
| + | } |
| − | <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,400%7CRaleway:300,400,500,600,700%7CLato:300,400,400italic,600,700" rel="stylesheet" type="text/css" />
| + | @media screen and (max-width: 1370px){ |
| − | <link href="http://goldenbraid.cloudno.de/template/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
| + | .page-header{ |
| − | <link href="http://goldenbraid.cloudno.de/template/assets/css/essentials.css" rel="stylesheet" type="text/css" />
| + | background-position-y:-15em; |
| − | <link href="http://goldenbraid.cloudno.de/template/assets/css/layout.css" rel="stylesheet" type="text/css" />
| + | } |
| − | <link href="http://goldenbraid.cloudno.de/template/assets/css/header-1.css" rel="stylesheet" type="text/css" />
| + | } |
| − | <link href="http://goldenbraid.cloudno.de/template/assets/css/color_scheme/green.css" rel="stylesheet" type="text/css" id="color_scheme" />
| + | </style> |
| − | <style> | + | <section class="page-header page-header-lg parallax parallax-3" style="background-image:url('https://static.igem.org/mediawiki/2016/b/b2/T--Valencia_UPV--modelTitleBack.png');"> |
| − | #top_title {
| + | <div class="overlay dark- 5"><!-- dark overlay [1 to 9 opacity] --></div> |
| − | display: none;
| + | |
| − | }
| + | <h1>Model</h1> |
| − | #sideMenu {
| + | </div> |
| − | display: none;
| + | </section> |
| − | }
| + | |
| − | #content {
| + | |
| − | background: white;
| + | |
| − | border-left: 0px;
| + | |
| − | border: none;
| + | |
| − | color: black;
| + | |
| − | line-height: 1.5em;
| + | |
| − | margin-left: auto;
| + | |
| − | margin-right: auto;
| + | |
| − | padding: 0px;
| + | |
| − | position: relative;
| + | |
| − | width: 100%;
| + | |
| − | }
| + | |
| − | #topNav a.logo {
| + | |
| − | padding-top: 10px;
| + | |
| − | }
| + | |
| − | #HQ_page{
| + | |
| − | margin-top: -50px;
| + | |
| − | }
| + | |
| − | .mw-content-ltr ul{
| + | |
| − | font-size: 14px
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | </head>
| + | |
| − | <body class="smoothscroll enable-animation">
| + | |
| − | <div id="wrapper">
| + | |
| − | <div id="header" class="sticky clearfix">
| + | |
| − | <header id="topNav">
| + | |
| − | <div class="container">
| + | |
| − | <button class="btn btn-mobile" data-toggle="collapse" data-target=".nav-main-collapse">
| + | |
| − | <i class="fa fa-bars"></i>
| + | |
| − | </button>
| + | |
| − | | + | |
| − | <a class="logo pull-left" href="index.html">
| + | |
| − | <img src="http://goldenbraid.cloudno.de/template/assets/images/logo_dark.png" alt="" />
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <div class="navbar-collapse pull-right nav-main-collapse collapse submenu-dark">
| + | |
| − | <nav class="nav-main">
| + | |
| − | <ul id="topMain" class="nav nav-pills nav-main">
| + | |
| − | <li>
| + | |
| − | <a href="https://2016.igem.org/Team:Valencia_UPV">
| + | |
| − | HOME
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" href="#">
| + | |
| − | TEAM
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu pull-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Team">OUR TEAM</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Collaborations">COLLABORATIONS</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Attributions">ATTRIBUTIONS</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" href="#">
| + | |
| − | PROJECT
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu pull-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Project">OUR PROJECT</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Design">DESIGN</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Software">DATA PROCESSING SOFTWARE</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/proof">GRNA TESTING SYSTEM</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Split">SPLIT CAS9</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Hardware">LAB CASE</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Demonstrate">DEMONSTRATE</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Results">RESULTS</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/notebook">NOTEBOOK</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" href="#">
| + | |
| − | HUMAN PRACTICES
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu pull-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Human_Practices">OUR HUMAN PRACTICES</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Silver">SOCIAL ENGAGEMENT</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/HP/Gold">GOLD</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Integrated_Practices">INTEGRATED PRACTICES</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Safety">SAFETY</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a class="dropdown-toggle" href="#">
| + | |
| − | PARTS
| + | |
| − | </a>
| + | |
| − | <ul class="dropdown-menu pull-right">
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Parts">Our PARTS</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Basic_Part">BASIC PARTS</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Composite_Part">COMPOSITEPARTS</a></li>
| + | |
| − | <li><a href="https://2016.igem.org/Team:Valencia_UPV/Part_Collection">PART COLLECTION</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a class="active" href="https://2016.igem.org/Team:Valencia_UPV/Model">
| + | |
| − | MODEL
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | <section class="page-header page-header-xs">
| + | |
| − | <div class="container">
| + | |
| − | <h1>MODEL</h1>
| + | |
| − | <span class="font-lato size-18 hidden-xs">We believe in Simple & Creative</span>
| + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | | + | |
| − | | + | |
| − | <!-- -->
| + | |
| − | <section>
| + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <div class="row nomargin">
| + | |
| − | | + | |
| − | <div class="col-md-8 col-sm-8">
| + | |
| − | | + | |
| − | <!-- Subtitle -->
| + | |
| − | <div class="heading-title heading-border">
| + | |
| − | <h2>Project Name <span>Details</span></h2>
| + | |
| − | | + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Photography</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /Subtitle -->
| + | |
| − | | + | |
| − | <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
| + | |
| − | <p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="col-md-4 col-sm-4">
| + | |
| − | | + | |
| − | <div class="panel panel-default">
| + | |
| − | <div class="panel-body">
| + | |
| − | | + | |
| − | <p class="font-lato size-18">Integer posuere erat a ante venenatis dapibus posuere velit aliquet nulla sed consectetur.</p>
| + | |
| − | | + | |
| − | <ul class="portfolio-detail-list list-unstyled nomargin">
| + | |
| − | <li><span><i class="fa fa-user"></i>Author:</span> Smarty Inc.</li>
| + | |
| − | <li><span><i class="fa fa-calendar"></i>Released:</span> 29th June 2015</li>
| + | |
| − | <li><span><i class="fa fa-lightbulb-o"></i>Technologies:</span> HTML / CSS / JAVASCRIPT</li>
| + | |
| − | <li><span><i class="fa fa-link"></i>Website:</span> <a href="#">www.stepofweb.com</a></li>
| + | |
| − | </ul>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="panel-footer">
| + | |
| − | | + | |
| − | <!-- Social Icons -->
| + | |
| − | <a href="#" class="social-icon social-icon-sm social-icon-transparent social-facebook" data-toggle="tooltip" data-placement="top" title="Facebook">
| + | |
| − | | + | |
| − | <i class="icon-facebook"></i>
| + | |
| − | <i class="icon-facebook"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-sm social-icon-transparent social-twitter" data-toggle="tooltip" data-placement="top" title="Twitter">
| + | |
| − | <i class="icon-twitter"></i>
| + | |
| − | <i class="icon-twitter"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-sm social-icon-transparent social-gplus" data-toggle="tooltip" data-placement="top" title="Google plus">
| + | |
| − | <i class="icon-gplus"></i>
| + | |
| − | <i class="icon-gplus"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-sm social-icon-transparent social-linkedin" data-toggle="tooltip" data-placement="top" title="Linkedin">
| + | |
| − | <i class="icon-linkedin"></i>
| + | |
| − | <i class="icon-linkedin"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-sm social-icon-transparent social-pinterest" data-toggle="tooltip" data-placement="top" title="Pinterest">
| + | |
| − | <i class="icon-pinterest"></i>
| + | |
| − | <i class="icon-pinterest"></i>
| + | |
| − | </a>
| + | |
| − | <!-- /Social Icons -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | <!-- -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- PARALLAX -->
| + | |
| − | <section class="section-video padding-xlg">
| + | |
| − | <div class="overlay dark- 7"><!-- dark overlay [1 to 9 opacity] --></div> | + | |
| − | | + | |
| − | <div class=" section-container -video"> | + | |
| − | | + | |
| − | <video poster="http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.jpg" preload="auto" loop autoplay muted>
| + | |
| − | <source src='http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.webm' type='video/webm' />
| + | |
| − | <source src='http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.mp4' type='video/mp4' />
| + | |
| − | </video>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <!--
| + | |
| − | OPTIONAL : VIDEO TITLE / SUBTITLE
| + | |
| − | -->
| + | |
| − | <!--
| + | |
| − | <div class="text-center margin-bottom-100">
| + | |
| − | <h3 class="nomargin">HTML5 VIDEO SECTION</h3>
| + | |
| − | <p class="font-lato weight-300 lead nomargin-top">We can't solve problems by using the same kind of thinking we used when we created them.</p>
| + | |
| − | </div>
| + | |
| − | -->
| + | |
| − | | + | |
| − | <div class="text-center hidden-xs">
| + | |
| − | | + | |
| − | <!-- Counter -->
| + | |
| − | <div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="87" data-width="2" data-animate="1700">
| + | |
| − | <span class="size-30"><span class="countTo" data-speed="4000">87</span>%</span>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- Counter -->
| + | |
| − | <div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="66" data-width="2" data-animate="1700">
| + | |
| − | <span class="size-30"><span class="countTo" data-speed="4000">66</span>%</span>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- Counter -->
| + | |
| − | <div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="97" data-width="2" data-animate="1700">
| + | |
| − | <span class="size-30"><span class="countTo" data-speed="4000">97</span>%</span>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- Counter -->
| + | |
| − | <div class="piechart" data-color="#ffffff" data-trackcolor="rgba(255,255,255,0.2)" data-size="150" data-percent="76" data-width="2" data-animate="1700">
| + | |
| − | <span class="size-30"><span class="countTo" data-speed="4000">76</span>%</span>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </section>
| + | |
| − | <!-- /PARALLAX -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- CALLOUT -->
| + | |
| − | <section class="callout-dark heading-title heading-arrow-bottom">
| + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <div class="text-center">
| + | |
| − | <h3 class="size-30">The Future Of Multipurpose</h3>
| + | |
| − | <p>We can't solve problems by using the same kind of thinking we used when we created them.</p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | <!-- /CALLOUT -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- -->
| + | |
| − | <section class="nopadding">
| + | |
| − | | + | |
| − | <div class="row nomargin">
| + | |
| − | | + | |
| − | <!-- LEFT -->
| + | |
| − | <div class="col-md-6 col-sm-6 nopadding nomargin">
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg" alt="image" />
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- RIGHT -->
| + | |
| − | <div class="col-md-6 col-sm-6 nopadding nomargin">
| + | |
| − | | + | |
| − | <div class="padding-40">
| + | |
| − | | + | |
| − | <h2>Multipurpose Unlimited Options</h2>
| + | |
| − | <p>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Duis mollis, est non commodo luctus. Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum.</p>
| + | |
| − | <p class="font-lato size-18">Aenean lacinia bibendum nulla sed consectetur. Cras mattis consectetur purus sit amet fermentum. Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
| + | |
| − | | + | |
| − | | + | |
| − | <div class="row margin-top-60">
| + | |
| − | | + | |
| − | <div class="col-md-6">
| + | |
| − | <div class="heading-title heading-border-bottom heading-color">
| + | |
| − | <h3>Precision</h3>
| + | |
| − | </div>
| + | |
| − | <p>Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.</p>
| + | |
| − | | + | |
| − | <a href="#">
| + | |
| − | Read
| + | |
| − | <!-- /word rotator -->
| + | |
| − | <span class="word-rotator" data-delay="2000">
| + | |
| − | <span class="items">
| + | |
| − | <span>more</span>
| + | |
| − | <span>now</span>
| + | |
| − | </span>
| + | |
| − | </span><!-- /word rotator -->
| + | |
| − | <i class="glyphicon glyphicon-menu-right size-12"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="col-md-6">
| + | |
| − | <div class="heading-title heading-border-bottom heading-color">
| + | |
| − | <h3>Simplicity</h3>
| + | |
| − | </div>
| + | |
| − | <p>Fabulas definitiones ei pri per recteque hendrerit scriptorem in errem scribentur mel fastidii propriae philosophia cu mea. Utinam ipsum everti necessitatibus at fuisset splendide.</p>
| + | |
| − | | + | |
| − | <a href="#">
| + | |
| − | Read
| + | |
| − | <!-- /word rotator -->
| + | |
| − | <span class="word-rotator" data-delay="2000">
| + | |
| − | <span class="items">
| + | |
| − | <span>more</span>
| + | |
| − | <span>now</span>
| + | |
| − | </span>
| + | |
| − | </span><!-- /word rotator -->
| + | |
| − | <i class="glyphicon glyphicon-menu-right size-12"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </section>
| + | |
| − | <!-- / -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- -->
| + | |
| − | <section>
| + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <div class="heading-title heading-border">
| + | |
| − | <h3>Related <span>Projects</span></h3>
| + | |
| − | <p class="font-lato size-14">Lorem ipsum dolor sit amet.</p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!--
| + | |
| − | RELATED CAROUSEL
| + | |
| − | | + | |
| − | controlls-over = navigation buttons over the image
| + | |
| − | buttons-autohide = navigation buttons visible on mouse hover only
| + | |
| − | | + | |
| − | owl-carousel item paddings
| + | |
| − | .owl-padding-0
| + | |
| − | .owl-padding-1
| + | |
| − | .owl-padding-2
| + | |
| − | .owl-padding-3
| + | |
| − | .owl-padding-6
| + | |
| − | .owl-padding-10
| + | |
| − | .owl-padding-15
| + | |
| − | .owl-padding-20
| + | |
| − | -->
| + | |
| − | <div class="text-center">
| + | |
| − | <div class="owl-carousel owl-padding-1 nomargin buttons-autohide controlls-over" data-plugin-options='{"singleItem": false, "items": "4", "autoPlay": 3500, "navigation": true, "pagination": false}'>
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/16-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/16-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/4-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/5-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/5-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/6-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/6-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/7-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/7-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/8-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/8-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/9-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/9-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | <!-- item -->
| + | |
| − | <div class="item-box">
| + | |
| − | <figure>
| + | |
| − | <span class="item-hover">
| + | |
| − | <span class="overlay dark-5"></span>
| + | |
| − | <span class="inner">
| + | |
| − | | + | |
| − | <!-- lightbox -->
| + | |
| − | <a class="ico-rounded lightbox" href="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/10-min.jpg" data-plugin-options='{"type":"image"}'>
| + | |
| − | <span class="fa fa-plus size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <!-- details -->
| + | |
| − | <a class="ico-rounded" href="portfolio-single-slider.html">
| + | |
| − | <span class="glyphicon glyphicon-option-horizontal size-20"></span>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </span>
| + | |
| − | </span>
| + | |
| − | | + | |
| − | <img class="img-responsive" src="http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/10-min.jpg" width="600" height="399" alt="">
| + | |
| − | </figure>
| + | |
| − | | + | |
| − | <div class="item-box-desc">
| + | |
| − | <h3>Architect Project</h3>
| + | |
| − | <ul class="list-inline categories nomargin">
| + | |
| − | <li><a href="#">Architecture</a></li>
| + | |
| − | <li><a href="#">Design</a></li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /item -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | </section>
| + | |
| − | <!-- / -->
| + | |
| − | | + | |
| − | | + | |
| − | | + | |
| − | <!-- FOOTER -->
| + | |
| − | <footer id="footer">
| + | |
| − | <div class="container">
| + | |
| − | | + | |
| − | <div class="row">
| + | |
| − | | + | |
| − | <div class="col-md-3">
| + | |
| − | <!-- Footer Logo -->
| + | |
| − | <img class="footer-logo" src="http://goldenbraid.cloudno.de/template/assets/images/logo-footer.png" alt="" />
| + | |
| − | | + | |
| − | <!-- Small Description -->
| + | |
| − | <p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.</p>
| + | |
| − | | + | |
| − | <!-- Contact Address -->
| + | |
| − | <address>
| + | |
| − | <ul class="list-unstyled">
| + | |
| − | <li class="footer-sprite address">
| + | |
| − | PO Box 21132<br>
| + | |
| − | Here Weare St, Melbourne<br>
| + | |
| − | Vivas 2355 Australia<br>
| + | |
| − | </li>
| + | |
| − | <li class="footer-sprite phone">
| + | |
| − | Phone: 1-800-565-2390
| + | |
| − | </li>
| + | |
| − | <li class="footer-sprite email">
| + | |
| − | <a href="mailto:support@yourname.com">support@yourname.com</a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </address>
| + | |
| − | <!-- /Contact Address -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="col-md-3">
| + | |
| − | | + | |
| − | <!-- Latest Blog Post -->
| + | |
| − | <h4 class="letter-spacing-1">LATEST NEWS</h4>
| + | |
| − | <ul class="footer-posts list-unstyled">
| + | |
| − | <li>
| + | |
| − | <a href="#">Donec sed odio dui. Nulla vitae elit libero, a pharetra augue</a>
| + | |
| − | <small>29 June 2015</small>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">Nullam id dolor id nibh ultricies</a>
| + | |
| − | <small>29 June 2015</small>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="#">Duis mollis, est non commodo luctus</a>
| + | |
| − | <small>29 June 2015</small>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <!-- /Latest Blog Post -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="col-md-2">
| + | |
| − | | + | |
| − | <!-- Links -->
| + | |
| − | <h4 class="letter-spacing-1">EXPLORE SMARTY</h4>
| + | |
| − | <ul class="footer-links list-unstyled">
| + | |
| − | <li><a href="#">Home</a></li>
| + | |
| − | <li><a href="#">About Us</a></li>
| + | |
| − | <li><a href="#">Our Services</a></li>
| + | |
| − | <li><a href="#">Our Clients</a></li>
| + | |
| − | <li><a href="#">Our Pricing</a></li>
| + | |
| − | <li><a href="#">Smarty Tour</a></li>
| + | |
| − | <li><a href="#">Contact Us</a></li>
| + | |
| − | </ul>
| + | |
| − | <!-- /Links -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="col-md-4">
| + | |
| − | | + | |
| − | <!-- Newsletter Form -->
| + | |
| − | <h4 class="letter-spacing-1">KEEP IN TOUCH</h4>
| + | |
| − | <p>Subscribe to Our Newsletter to get Important News & Offers</p>
| + | |
| − | | + | |
| − | <form class="validate" action="php/newsletter.php" method="post" data-success="Subscribed! Thank you!" data-toastr-position="bottom-right">
| + | |
| − | <div class="input-group">
| + | |
| − | <span class="input-group-addon"><i class="fa fa-envelope"></i></span>
| + | |
| − | <input type="email" id="email" name="email" class="form-control required" placeholder="Enter your Email">
| + | |
| − | <span class="input-group-btn">
| + | |
| − | <button class="btn btn-success" type="submit">Subscribe</button>
| + | |
| − | </span>
| + | |
| − | </div>
| + | |
| − | </form>
| + | |
| − | <!-- /Newsletter Form -->
| + | |
| − | | + | |
| − | <!-- Social Icons -->
| + | |
| − | <div class="margin-top-20">
| + | |
| − | <a href="#" class="social-icon social-icon-border social-facebook pull-left" data-toggle="tooltip" data-placement="top" title="Facebook">
| + | |
| − | | + | |
| − | <i class="icon-facebook"></i>
| + | |
| − | <i class="icon-facebook"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-border social-twitter pull-left" data-toggle="tooltip" data-placement="top" title="Twitter">
| + | |
| − | <i class="icon-twitter"></i>
| + | |
| − | <i class="icon-twitter"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-border social-gplus pull-left" data-toggle="tooltip" data-placement="top" title="Google plus">
| + | |
| − | <i class="icon-gplus"></i>
| + | |
| − | <i class="icon-gplus"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-border social-linkedin pull-left" data-toggle="tooltip" data-placement="top" title="Linkedin">
| + | |
| − | <i class="icon-linkedin"></i>
| + | |
| − | <i class="icon-linkedin"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | <a href="#" class="social-icon social-icon-border social-rss pull-left" data-toggle="tooltip" data-placement="top" title="Rss">
| + | |
| − | <i class="icon-rss"></i>
| + | |
| − | <i class="icon-rss"></i>
| + | |
| − | </a>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /Social Icons -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="copyright">
| + | |
| − | <div class="container">
| + | |
| − | <ul class="pull-right nomargin list-inline mobile-block">
| + | |
| − | <li><a href="#">Terms & Conditions</a></li>
| + | |
| − | <li>•</li>
| + | |
| − | <li><a href="#">Privacy</a></li>
| + | |
| − | </ul>
| + | |
| − | © All Rights Reserved, Company LTD
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </footer>
| + | |
| − | <!-- /FOOTER -->
| + | |
| − | | + | |
| − | </div>
| + | |
| − | <!-- /wrapper -->
| + | |
| | | | |
| | + | <section><div class="container-fluid"><div class="row"><div class="col-md-2 col-sm-3"><div class="side-nav margin-bottom-60 margin-top-30"><div class="side-nav-head"><button class="fa fa-bars"></button><h4>Index</h4></div><ul class="list-group list-group-bordered list-group-noicon uppercase"><li class="list-group-item"><a href="https://2016.igem.org/Team:Valencia_UPV/Model#Overview._id"> |
| | + | <span class="size-11 text-muted pull-right"></span>Overview.</a></li></ul></div></div><div class="col-md-10 col-sm-9"><div class="blog-post-item" id="Overview._id"><h3>Overview.</h3><p> |
| | + | The aim of the Testing System is to provide information about the gRNA ability to localize the target. Therefore, <b>external</b> and <b>intrinsic</b> factors affecting the CRISPR/Cas9 mechanism should be blocked, letting us <b>relate the light measurement exclusively with the gRNA efficacy</b> to find the target. Moreover, this system emulates the performance of the gRNA in the real variety which is desired to be improved. Thus, the fact of implementing the Testing System in <i>Nicotiana benthamiana</i> should not affect the reliability of the result, making it <b>scalable</b> and <b>realistic</b>.</p> |
| | + | <p><br>The goal is to characterize the performance of our Testing System in <i>Nicotiana benthamiana</i>, studying the influence of different factors affecting each stage of the CRIPSR/Cas9 mechanism, which relies on</p> |
| | + | <div style="text-align:center;"><img class="img-responsive" style="width:450px" align="right" src="https://static.igem.org/mediawiki/2016/1/16/T--Valencia_UPV--overview_modelling_index.png"></div> |
| | + | <p> <b>binding</b> and <b>unbinding</b> reactions, <b>gene expression regulation</b>, <b>diffusion</b> of biochemical compounds inside the nucleus and even <b>thermodynamics</b>. <br><br>In this Modeling task, we firstly <b>developed a mathematical</b> model accounting all these processes, structured in the main steps of the performance of CRISPR/Cas9. Afterwards, we <b>simulated different conditions</b> that result in variations of our reporter: <b>Luciferase</b>. <br><br>Thus, we can analyze determinant factors affecting Testing System repeatability, <b>reliability</b> and <b>robustness</b>, which are mandatory achievements in order to spread our gRNA <b>Testing System as a standard gRNA efficiency predictor</b>. |
| | + | <br><br><br></p></div></div> |
| | + | </div></section> |
| | | | |
| − | <a href="#" id="toTop"></a>
| |
| − | <div id="preloader">
| |
| − | <div class="inner">
| |
| − | <span class="loader"></span>
| |
| − | </div>
| |
| − | </div>
| |
| | | | |
| − | <script type="text/javascript">var plugin_path = 'http://goldenbraid.cloudno.de/template/assets/plugins/';</script>
| + | </body> |
| − | <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/assets/plugins/jquery/jquery-2.2.3.min.js"></script>
| + | |
| − | <script type="text/javascript" src="http://goldenbraid.cloudno.de/template/assets/js/scripts.js"></script>
| + | |
| − | </body>
| + | |
| | </html> | | </html> |
| | + | {{:Team:Valencia_UPV/Templates:footerUPV}} |
