Difference between revisions of "Team:Valencia UPV/Model"

Line 1: Line 1:
 
+
<meta charset=utf-8><meta content=HTML5,CSS3,Template name=keywords><meta content="width=device-width,maximum-scale=1,initial-scale=1,user-scalable=0"name=viewport><meta content=""name=description><title>HYPE IT - Valencia UPV</title><meta content="Dorin Grigoras [www.stepofweb.com]"name=Author><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><link href=http://goldenbraid.cloudno.de/template/assets/plugins/bootstrap/css/bootstrap.min.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/essentials.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/layout.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/header-1.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/color_scheme/green.css rel=stylesheet id=color_scheme><style>#top_title{display:none}#sideMenu{display:none}#content{background:#fff;border-left:0;border:none;color:#000;line-height:1.5em;margin-left:auto;margin-right:auto;padding:0;position:relative;width:100%}#topNav a.logo{padding-top:10px}#HQ_page{margin-top:-50px}.mw-content-ltr ul{font-size:14px}#topMain.nav-pills>li:focus>a,#topMain.nav-pills>li:hover>a,#topMain.nav-pills>li>a{padding-top:20px}h1,h2,h3,h4,h5,h6{font-family:Raleway,'Open Sans',Arial,Helvetica,sans-serif;font-weight:600;color:#414141;margin:0 0 30px 0;line-height:1.5;-webkit-font-smoothing:antialiased}</style><body class="enable-animation smoothscroll"><div id=wrapper><div class="clearfix sticky"id=header><header id=topNav><div class=container><button class="btn btn-mobile"data-target=.nav-main-collapse data-toggle=collapse><i class="fa fa-bars"></i></button> <a href=index.html class="pull-left logo"><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/logo_dark.png></a><div class="pull-right collapse nav-main-collapse navbar-collapse submenu-dark"><nav class=nav-main><ul class="nav-main nav nav-pills"id=topMain><li><a href=https://2016.igem.org/Team:Valencia_UPV>HOME</a><li class=dropdown><a href=# class=dropdown-toggle>TEAM</a><ul class="pull-right dropdown-menu"><li><a href=https://2016.igem.org/Team:Valencia_UPV/Team>OUR TEAM</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Collaborations>COLLABORATIONS</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Attributions>ATTRIBUTIONS</a></ul><li class=dropdown><a href=# class=dropdown-toggle>PROJECT</a><ul class="pull-right dropdown-menu"><li><a href=https://2016.igem.org/Team:Valencia_UPV/Project>OUR PROJECT</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Design>DESIGN</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Software>DATA PROCESSING SOFTWARE</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/proof>GRNA TESTING SYSTEM</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Split>SPLIT CAS9</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Hardware>LAB CASE</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Demonstrate>DEMONSTRATE</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Results>RESULTS</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/notebook>NOTEBOOK</a></ul><li class=dropdown><a href=# class=dropdown-toggle>HUMAN PRACTICES</a><ul class="pull-right dropdown-menu"><li><a href=https://2016.igem.org/Team:Valencia_UPV/Human_Practices>OUR HUMAN PRACTICES</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/HP/Silver>SOCIAL ENGAGEMENT</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/HP/Gold>GOLD</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Integrated_Practices>INTEGRATED PRACTICES</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Safety>SAFETY</a></ul><li class=dropdown><a href=# class=dropdown-toggle>PARTS</a><ul class="pull-right dropdown-menu"><li><a href=https://2016.igem.org/Team:Valencia_UPV/Parts>Our PARTS</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Basic_Part>BASIC PARTS</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Composite_Part>COMPOSITEPARTS</a><li><a href=https://2016.igem.org/Team:Valencia_UPV/Part_Collection>PART COLLECTION</a></ul><li><a href=https://2016.igem.org/Team:Valencia_UPV/Model class=active>MODEL</a></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="nomargin row"><div class="col-md-8 col-sm-8"><div class="heading-title heading-border"><h2>Project Name <span>Details</span></h2><ul class="nomargin list-inline categories"><li><a href=#>Photography</a><li><a href=#>Design</a></ul></div><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 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.</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.<ul class="nomargin list-unstyled portfolio-detail-list"><li><span><i class="fa fa-user"></i>Author:</span> Smarty Inc.<li><span><i class="fa fa-calendar"></i>Released:</span> 29th June 2015<li><span><i class="fa fa-lightbulb-o"></i>Technologies:</span> HTML / CSS / JAVASCRIPT<li><span><i class="fa fa-link"></i>Website:</span> <a href=#>www.stepofweb.com</a></ul></div><div class=panel-footer><a href=# class="social-icon social-icon-sm social-icon-transparent social-facebook"data-placement=top data-toggle=tooltip 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-placement=top data-toggle=tooltip 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-placement=top data-toggle=tooltip 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-placement=top data-toggle=tooltip 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-placement=top data-toggle=tooltip title=Pinterest><i class=icon-pinterest></i> <i class=icon-pinterest></i></a></div></div></div></div></div></section><section class="padding-xlg section-video"><div class="overlay dark-7"></div><div class=section-container-video><video autoplay loop muted poster=http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.jpg preload=auto><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><div class="text-center hidden-xs"><div class=piechart data-animate=1700 data-color=#ffffff data-percent=87 data-size=150 data-trackcolor=rgba(255,255,255,0.2) data-width=2><span class=size-30><span class=countTo data-speed=4000>87</span>%</span></div><div class=piechart data-animate=1700 data-color=#ffffff data-percent=66 data-size=150 data-trackcolor=rgba(255,255,255,0.2) data-width=2><span class=size-30><span class=countTo data-speed=4000>66</span>%</span></div><div class=piechart data-animate=1700 data-color=#ffffff data-percent=97 data-size=150 data-trackcolor=rgba(255,255,255,0.2) data-width=2><span class=size-30><span class=countTo data-speed=4000>97</span>%</span></div><div class=piechart data-animate=1700 data-color=#ffffff data-percent=76 data-size=150 data-trackcolor=rgba(255,255,255,0.2) data-width=2><span class=size-30><span class=countTo data-speed=4000>76</span>%</span></div></div></div></section><section class="heading-title callout-dark 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.</div></div></section><section class=nopadding><div class="nomargin row"><div class="nomargin col-md-6 col-sm-6 nopadding"><img alt=image src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg class=img-responsive></div><div class="nomargin col-md-6 col-sm-6 nopadding"><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 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.<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 <span class=word-rotator data-delay=2000><span class=items><span>more</span> <span>now</span> </span></span><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 <span class=word-rotator data-delay=2000><span class=items><span>more</span> <span>now</span> </span></span><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.</div><div class=text-center><div class="nomargin buttons-autohide controlls-over owl-carousel owl-padding-1"data-plugin-options='{"singleItem": false, "items": "4", "autoPlay": 3500, "navigation": true, "pagination": false}'><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/16-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/16-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/4-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/5-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/5-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/6-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/6-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/7-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/7-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/8-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/8-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/9-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/9-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div><div class=item-box><figure><span class=item-hover><span class="overlay dark-5"></span> <span class=inner><a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/10-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'><span class="size-20 fa fa-plus"></span> </a><a href=portfolio-single-slider.html class=ico-rounded><span class="size-20 glyphicon glyphicon-option-horizontal"></span> </a></span></span><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/10-min.jpg class=img-responsive height=399 width=600></figure><div class=item-box-desc><h3>Architect Project</h3><ul class="nomargin list-inline categories"><li><a href=#>Architecture</a><li><a href=#>Design</a></ul></div></div></div></div></div></section><footer id=footer><div class=container><div class=row><div class=col-md-3><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/logo-footer.png class=footer-logo><p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.<address><ul class=list-unstyled><li class="footer-sprite address">PO Box 21132<br>Here Weare St, Melbourne<br>Vivas 2355 Australia<br><li class="footer-sprite phone">Phone: 1-800-565-2390<li class="footer-sprite email"><a href=mailto:support@yourname.com>support@yourname.com</a></ul></address></div><div class=col-md-3><h4 class=letter-spacing-1>LATEST NEWS</h4><ul class="list-unstyled footer-posts"><li><a href=#>Donec sed odio dui. Nulla vitae elit libero, a pharetra augue</a> <small>29 June 2015</small><li><a href=#>Nullam id dolor id nibh ultricies</a> <small>29 June 2015</small><li><a href=#>Duis mollis, est non commodo luctus</a> <small>29 June 2015</small></ul></div><div class=col-md-2><h4 class=letter-spacing-1>EXPLORE SMARTY</h4><ul class="list-unstyled footer-links"><li><a href=#>Home</a><li><a href=#>About Us</a><li><a href=#>Our Services</a><li><a href=#>Our Clients</a><li><a href=#>Our Pricing</a><li><a href=#>Smarty Tour</a><li><a href=#>Contact Us</a></ul></div><div class=col-md-4><h4 class=letter-spacing-1>KEEP IN TOUCH</h4><p>Subscribe to Our Newsletter to get Important News & Offers<form action=php/newsletter.php class=validate data-success="Subscribed! Thank you!"data-toastr-position=bottom-right method=post><div class=input-group><span class=input-group-addon><i class="fa fa-envelope"></i></span> <input class="form-control required"id=email name=email placeholder="Enter your Email"type=email> <span class=input-group-btn><button class="btn btn-success"type=submit>Subscribe</button></span></div></form><div class=margin-top-20><a href=# class="social-icon pull-left social-icon-border social-facebook"data-placement=top data-toggle=tooltip title=Facebook><i class=icon-facebook></i> <i class=icon-facebook></i> </a><a href=# class="social-icon pull-left social-icon-border social-twitter"data-placement=top data-toggle=tooltip title=Twitter><i class=icon-twitter></i> <i class=icon-twitter></i> </a><a href=# class="social-icon pull-left social-icon-border social-gplus"data-placement=top data-toggle=tooltip title="Google plus"><i class=icon-gplus></i> <i class=icon-gplus></i> </a><a href=# class="social-icon pull-left social-icon-border social-linkedin"data-placement=top data-toggle=tooltip title=Linkedin><i class=icon-linkedin></i> <i class=icon-linkedin></i> </a><a href=# class="social-icon pull-left social-icon-border social-rss"data-placement=top data-toggle=tooltip title=Rss><i class=icon-rss></i> <i class=icon-rss></i></a></div></div></div></div><div class=copyright><div class=container><ul class="nomargin list-inline mobile-block pull-right"><li><a href=#>Terms & Conditions</a><li>•<li><a href=#>Privacy</a></ul>© All Rights Reserved, Company LTD</div></div></footer></div><a href=# id=toTop></a><div id=preloader><div class=inner><span class=loader></span></div></div><script>var plugin_path="http://goldenbraid.cloudno.de/template/assets/plugins/"</script><script src=http://goldenbraid.cloudno.de/template/assets/plugins/jquery/jquery-2.2.3.min.js></script><script src=http://goldenbraid.cloudno.de/template/assets/js/scripts.js></script>
<html>
+
<head>
+
<meta charset="utf-8" />
+
<meta name="keywords" content="HTML5,CSS3,Template" />
+
    <meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, user-scalable=0" />
+
 
+
    <!-- METADATA -->
+
<meta name="description" content="" />
+
    <title>HYPE IT - Valencia UPV</title>
+
<meta name="Author" content="Dorin Grigoras [www.stepofweb.com]" />
+
 
+
<!-- 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" />
+
<link href="http://goldenbraid.cloudno.de/template/assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
+
<link href="http://goldenbraid.cloudno.de/template/assets/css/essentials.css" rel="stylesheet" type="text/css" />
+
<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>
+
    #top_title {
+
      display: none;
+
    }
+
    #sideMenu {
+
      display: none;
+
    }
+
    #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 &amp; 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 &amp; 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 &amp; Conditions</a></li>
+
<li>&bull;</li>
+
<li><a href="#">Privacy</a></li>
+
</ul>
+
&copy; All Rights Reserved, Company LTD
+
</div>
+
</div>
+
</footer>
+
<!-- /FOOTER -->
+
 
+
</div>
+
<!-- /wrapper -->
+
 
+
 
+
<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>
+
<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>
+

Revision as of 14:34, 1 September 2016

<meta charset=utf-8><meta content=HTML5,CSS3,Template name=keywords><meta content="width=device-width,maximum-scale=1,initial-scale=1,user-scalable=0"name=viewport><meta content=""name=description><title>HYPE IT - Valencia UPV</title><meta content="Dorin Grigoras [www.stepofweb.com]"name=Author><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><link href=http://goldenbraid.cloudno.de/template/assets/plugins/bootstrap/css/bootstrap.min.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/essentials.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/layout.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/header-1.css rel=stylesheet><link href=http://goldenbraid.cloudno.de/template/assets/css/color_scheme/green.css rel=stylesheet id=color_scheme><style>#top_title{display:none}#sideMenu{display:none}#content{background:#fff;border-left:0;border:none;color:#000;line-height:1.5em;margin-left:auto;margin-right:auto;padding:0;position:relative;width:100%}#topNav a.logo{padding-top:10px}#HQ_page{margin-top:-50px}.mw-content-ltr ul{font-size:14px}#topMain.nav-pills>li:focus>a,#topMain.nav-pills>li:hover>a,#topMain.nav-pills>li>a{padding-top:20px}h1,h2,h3,h4,h5,h6{font-family:Raleway,'Open Sans',Arial,Helvetica,sans-serif;font-weight:600;color:#414141;margin:0 0 30px 0;line-height:1.5;-webkit-font-smoothing:antialiased}</style><body class="enable-animation smoothscroll">
<header id=topNav>
<button class="btn btn-mobile"data-target=.nav-main-collapse data-toggle=collapse></button> <a href=index.html class="pull-left logo"><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/logo_dark.png></a>
</header>
<section class="page-header page-header-xs"></section><section>

Project Name Details

  • <a href=#>Photography</a>
  • <a href=#>Design</a>

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 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.</div>

<p class="font-lato size-18">Integer posuere erat a ante venenatis dapibus posuere velit aliquet nulla sed consectetur.
  • Author: Smarty Inc.
  • Released: 29th June 2015
  • Technologies: HTML / CSS / JAVASCRIPT
  • Website: <a href=#>www.stepofweb.com</a>
</div></div></section><section class="padding-xlg section-video">
<video autoplay loop muted poster=http://goldenbraid.cloudno.de/template/assets/images/demo/video/back.jpg preload=auto><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>
</section><section class="heading-title callout-dark heading-arrow-bottom">

The Future Of Multipurpose

<p>We can't solve problems by using the same kind of thinking we used when we created them.
</section><section class=nopadding>
<img alt=image src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg class=img-responsive>

Multipurpose Unlimited Options

<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 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.

Precision

<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 more now </a>

Simplicity

<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 more now </a>
</section><section>

Related Projects

<p class="font-lato size-14">Lorem ipsum dolor sit amet.
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/16-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/16-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/4-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/4-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/5-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/5-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/6-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/6-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/7-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/7-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/8-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/8-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/9-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/9-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
<figure> <a href=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/1200x800/10-min.jpg class="ico-rounded lightbox"data-plugin-options='{"type":"image"}'> </a><a href=portfolio-single-slider.html class=ico-rounded> </a><img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/demo/mockups/600x399/10-min.jpg class=img-responsive height=399 width=600></figure>

Architect Project

  • <a href=#>Architecture</a>
  • <a href=#>Design</a>
</section><footer id=footer>
<img alt=""src=http://goldenbraid.cloudno.de/template/assets/images/logo-footer.png class=footer-logo><p>Integer posuere erat a ante venenatis dapibus posuere velit aliquet.<address>
</address>

LATEST NEWS

EXPLORE SMARTY

KEEP IN TOUCH

<p>Subscribe to Our Newsletter to get Important News & Offers<form action=php/newsletter.php class=validate data-success="Subscribed! Thank you!"data-toastr-position=bottom-right method=post>
<input class="form-control required"id=email name=email placeholder="Enter your Email"type=email> <button class="btn btn-success"type=submit>Subscribe</button>
</form>
<a href=# class="social-icon pull-left social-icon-border social-facebook"data-placement=top data-toggle=tooltip title=Facebook> </a><a href=# class="social-icon pull-left social-icon-border social-twitter"data-placement=top data-toggle=tooltip title=Twitter> </a><a href=# class="social-icon pull-left social-icon-border social-gplus"data-placement=top data-toggle=tooltip title="Google plus"> </a><a href=# class="social-icon pull-left social-icon-border social-linkedin"data-placement=top data-toggle=tooltip title=Linkedin> </a><a href=# class="social-icon pull-left social-icon-border social-rss"data-placement=top data-toggle=tooltip title=Rss> </a>
</footer></div><a href=# id=toTop></a>
<script>var plugin_path="http://goldenbraid.cloudno.de/template/assets/plugins/"</script><script src=http://goldenbraid.cloudno.de/template/assets/plugins/jquery/jquery-2.2.3.min.js></script><script src=http://goldenbraid.cloudno.de/template/assets/js/scripts.js></script>