|
|
| (88 intermediate revisions by 5 users not shown) |
| Line 7: |
Line 7: |
| | {{Valencia_UPV/stackinterface.css}} | | {{Valencia_UPV/stackinterface.css}} |
| | {{Valencia_UPV/theme.css}} | | {{Valencia_UPV/theme.css}} |
| | + | {{Valencia_UPV/navBar}} |
| | | | |
| | <html> | | <html> |
| Line 14: |
Line 15: |
| | #sideMenu, #top_title, .patrollink {display:none;} | | #sideMenu, #top_title, .patrollink {display:none;} |
| | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} | | #content { margin-left:0px; margin-top:-30px; padding:0px; width:100%;} |
| | + | |
| | + | |
| | | | |
| | </style> | | </style> |
| | | | |
| − | <head>
| + | <head> |
| − | <meta charset="utf-8">
| + | <meta charset="utf-8"> |
| − | <title>Stack Multipurpose HTML Template</title>
| + | <title>Stack Multipurpose HTML Template</title> |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| + | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| − | <meta name="description" content="Site Description Here">
| + | <meta name="description" content="Site Description Here"> |
| − | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet">
| + | <link href="https://fonts.googleapis.com/css?family=Open+Sans:200,300,400,400i,500,600,700%7CMerriweather:300,300i" rel="stylesheet"> |
| − | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
| + | <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"> |
| − | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet">
| + | <link href="https://fonts.googleapis.com/css?family=Lato:400,700,900" rel="stylesheet"> |
| − | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css">
| + | <link href="https://2018.igem.org/Template:Valencia_UPV/fontAwesome?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> |
| | + | |
| | + | </head> |
| | | | |
| | | | |
| | | | |
| − |
| + | <!-- ESTE ES EL CODIGO DE LA IMAGEN DE LA ESQUINA DERECHA |
| − | </head>
| + | |
| − | <body class="" style="background-color:#353535;">
| + | |
| − | <a id="start"></a>
| + | |
| − | <div class="nav-container">
| + | |
| − | <div class="bar bar--sm visible-xs">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-3 col-md-2">
| + | |
| − | <a href="index.html">
| + | |
| − | <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" />
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <div class="col-9 col-md-10 text-right">
| + | |
| − | <a href="#" class="hamburger-toggle" data-toggle-class="#menu1;hidden-xs">
| + | |
| − | <i class="icon icon--sm stack-interface stack-menu"></i>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end of row-->
| + | |
| − | </div>
| + | |
| − | <!--end of container-->
| + | |
| − | </div>
| + | |
| − | <!--end bar-->
| + | |
| − | <nav id="menu1" class="bar bar--sm bar-1 hidden-xs bg--light">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-1 col-md-2 hidden-xs" style="position: absolute;">
| + | |
| − | <div class="bar__module">
| + | |
| − | <a href="index.html">
| + | |
| − | <img class="logo logo-dark" alt="logo" src="https://static.igem.org/mediawiki/2018/d/d6/T--Valencia_UPV--textoPrinteria.png" style="margin-top: 8px; height: 26px; width: 112px;" />
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | <!--end module-->
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-11 col-md-12 text-right text-left-xs text-left-sm">
| + | |
| − | <div class="bar__module" style="text-align: right;">
| + | |
| − | <ul class="menu-horizontal text-right">
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Team</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-12 dropdown__content dropdown__content--lg">
| + | |
| − | <div class="pos-absolute col-lg-5 imagebg hidden-sm hidden-xs" data-overlay="4">
| + | |
| − | <div class="container pos-vertical-center pl-5">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-8">
| + | |
| − | <span class="h2 color--white">Beautiful, modular sites in moments.</span>
| + | |
| − | <a href="#" class="btn btn--primary type--uppercase">
| + | |
| − | <span class="label">$18 USD.</span>
| + | |
| − | <span class="btn__text">
| + | |
| − | Purchase Stack Now
| + | |
| − | </span>
| + | |
| − | </a>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end of row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="row justify-content-end">
| + | |
| − | <div class="col-lg-6">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <h5>Industries</h5>
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="home-accommodation.html">
| + | |
| − | Accommodation
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-construction.html">
| + | |
| − | Construction
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-coworking.html">
| + | |
| − | Coworking
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-drone-photography.html">
| + | |
| − | Drone Photography
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-education.html">
| + | |
| − | Education
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-event.html">
| + | |
| − | Event
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-fitness.html">
| + | |
| − | Fitness
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-health-insurance.html">
| + | |
| − | Insurance
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-knowledge-base.html">
| + | |
| − | Knowledge Base
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-musician.html">
| + | |
| − | Musician
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-nonprofit.html">
| + | |
| − | Nonprofit
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-political.html">
| + | |
| − | Political
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-restaurant.html">
| + | |
| − | Restaurant
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-recruitment.html">
| + | |
| − | Recruitment
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-tourism.html">
| + | |
| − | Tourism
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-wedding.html">
| + | |
| − | Wedding
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <h5>Landing Pages</h5>
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-1.html">
| + | |
| − | Landing 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-2.html">
| + | |
| − | Landing 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-3.html">
| + | |
| − | Landing 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-4.html">
| + | |
| − | Landing 4
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-5.html">
| + | |
| − | Landing 5
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-6.html">
| + | |
| − | Landing 6
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-7.html">
| + | |
| − | Landing 7
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-8.html">
| + | |
| − | Landing 8
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-9.html">
| + | |
| − | Landing 9
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-landing-10.html">
| + | |
| − | Landing 10
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-software-1.html">
| + | |
| − | Software 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-software-2.html">
| + | |
| − | Software 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-software-3.html">
| + | |
| − | Software 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <div class="col-lg-4">
| + | |
| − | <h5>Portfolios</h5>
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-agency-1.html">
| + | |
| − | Agency
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-agency-2.html">
| + | |
| − | Agency 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-personal-1.html">
| + | |
| − | Personal 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-photography.html">
| + | |
| − | Photography
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-photography-2.html">
| + | |
| − | Photography 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-studio-1.html">
| + | |
| − | Studio 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-studio-2.html">
| + | |
| − | Studio 2
| + | |
| − | </a>
| + | |
| − | https://2018.igem.org/Team:Valencia_UPV/pruebaWeb2 </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-portfolio-video.html">
| + | |
| − | Video
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | <h5>Coming Soon</h5>
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="home-coming-soon-1.html">
| + | |
| − | Coming Soon 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-coming-soon-2.html">
| + | |
| − | Coming Soon 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="home-coming-soon-3.html">
| + | |
| − | Coming Soon 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end of row-->
| + | |
| − | </div>
| + | |
| − | <!--end of col-->
| + | |
| − | </div>
| + | |
| − | <!--end of row-->
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Project</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">About</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-about-company.html">
| + | |
| − | About Company
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-about-team.html">
| + | |
| − | About Team
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-about-me.html">
| + | |
| − | About Me
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-about-history.html">
| + | |
| − | About History
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Careers</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-careers.html">
| + | |
| − | Careers Listing
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-careers-single.html">
| + | |
| − | Career Single
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Contact</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-contact-map-1.html">
| + | |
| − | Contact Map 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-contact-map-2.html">
| + | |
| − | Contact Map 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-contact-map-3.html">
| + | |
| − | Contact Map 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-contact-map-4.html">
| + | |
| − | Contact Map 4
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-contact-planner-1.html">
| + | |
| − | Contact Planner 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-contact-planner-2.html">
| + | |
| − | Contact Planner 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Pricing</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-pricing-1.html">
| + | |
| − | Pricing Plans 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-pricing-2.html">
| + | |
| − | Pricing Plans 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-pricing-3.html">
| + | |
| − | Pricing Plans 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Services</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-services-1.html">
| + | |
| − | Services 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-services-2.html">
| + | |
| − | Services 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-services-3.html">
| + | |
| − | Services 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown separate">
| + | |
| − | <span class="dropdown__trigger">Accounts</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-profile.html">
| + | |
| − | Public Profile
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-settings.html">
| + | |
| − | Account Settings
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-login-1.html">
| + | |
| − | Login Simple
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-login-2.html">
| + | |
| − | Login Social
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-create-1.html">
| + | |
| − | Create Simple
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-create-2.html">
| + | |
| − | Create Social
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-accounts-recover.html">
| + | |
| − | Recover Account
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Utilities</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="page-utility-conversation.html">
| + | |
| − | Conversation
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="404.html">
| + | |
| − | Error 404
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="500.html">
| + | |
| − | Error 500
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-utility-maintnence.html">
| + | |
| − | Maintnence Mode
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-utility-onboarding.html">
| + | |
| − | Onboarding
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-utility-search-results-list.html">
| + | |
| − | Search Results List
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="page-utility-search-results.html">
| + | |
| − | Search Results Boxes
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Wet Lab</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Articles</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="blog-articles-list.html">
| + | |
| − | Simple List
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-articles-list-minimal.html">
| + | |
| − | Minimal List
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-articles-magazine.html">
| + | |
| − | Magazine
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-articles-cards.html">
| + | |
| − | Cards
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-articles-cards-sidebar.html">
| + | |
| − | Cards Sidebar
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Post Single</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="blog-post-single.html">
| + | |
| − | Standard Post
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-post-audio-single.html">
| + | |
| − | Audio Post
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-post-image-single.html">
| + | |
| − | Image Post
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="blog-post-video-single.html">
| + | |
| − | Video Post
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Dry Lab</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Shop Standard</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="shop-2col.html">
| + | |
| − | 2 Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="shop-3col.html">
| + | |
| − | 3 Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="shop-4col.html">
| + | |
| − | 4 Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Shop Tiles</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="shop-2col-tiles.html">
| + | |
| − | 2 Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="shop-3col-tiles.html">
| + | |
| − | 3 Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="shop-4col-tiles.html">
| + | |
| − | 4 Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Product Singles</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="shop-product-1.html">
| + | |
| − | Product Simple
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="shop-product-2.html">
| + | |
| − | Product Detailed
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="separate">
| + | |
| − | <a href="shop-cart.html">
| + | |
| − | Cart Overview
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li class="">
| + | |
| − | <a href="shop-checkout.html">
| + | |
| − | Checkout
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li class="">
| + | |
| − | <a href="shop-terms.html">
| + | |
| − | Terms
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Human Practices</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Titles Outside</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-one-1col.html">
| + | |
| − | One Column
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-one-2col.html">
| + | |
| − | Two Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-one-3col.html">
| + | |
| − | Three Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Titles Inside</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-two-1col.html">
| + | |
| − | One Column
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-two-2col.html">
| + | |
| − | Two Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-two-3col.html">
| + | |
| − | Three Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Titles Hover</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-three-1col.html">
| + | |
| − | One Column
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-three-2col.html">
| + | |
| − | Two Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-three-3col.html">
| + | |
| − | Three Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Fullwidth</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-four-2col.html">
| + | |
| − | Two Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-four-3col.html">
| + | |
| − | Three Columns
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown separate">
| + | |
| − | <span class="dropdown__trigger">Case Studies</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-case-study-1.html">
| + | |
| − | Case Study 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-case-study-2.html">
| + | |
| − | Case Study 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-case-study-3.html">
| + | |
| − | Case Study 3
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <span class="dropdown__trigger">Single Projects</span>
| + | |
| − | <div class="dropdown__container">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="dropdown__content col-lg-2 col-md-4">
| + | |
| − | <ul class="menu-vertical">
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-single-1.html">
| + | |
| − | Project Single 1
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | <li>
| + | |
| − | <a href="portfolio-single-2.html">
| + | |
| − | Project Single 2
| + | |
| − | </a>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown content-->
| + | |
| − | </div>
| + | |
| − | <!--end row-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end dropdown container-->
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | <!--end module-->
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end of row-->
| + | |
| − | </div>
| + | |
| − | <!--end of container-->
| + | |
| − | </nav>
| + | |
| − | <!--end bar-->
| + | |
| − | </div>
| + | |
| − | <div class="main-container">
| + | |
| − | <section style="background-color: #353535;" class="height-90 parallax">
| + | |
| − | <div class="background-image-holder background--top" style="height: 0% !important; min-height: 0vh !important; ">
| + | |
| − | <img alt="image" src="http://via.placeholder.com/880x492" />
| + | |
| − | </div>
| + | |
| − | <div class="main-container">
| + | |
| − | <center>
| + | |
| − | <div id="logoPrinteria" class="item" style=" width: 35%;h; height: 35%;">
| + | |
| − | <img alt="image" src="https://static.igem.org/mediawiki/2018/thumb/2/27/T--Valencia_UPV--logoTexto.png/575px-T--Valencia_UPV--logoTexto.png"/>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </center>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <!--end of container-->
| + | |
| − | </section>
| + | |
| | | | |
| | + | He puesto justo debajo los atributos height y width a 200 píxeles |
| | + | por defecto pero se puede modificar. Con esos valores, cualquier foto |
| | + | que pongas se va a ver con un tamaño de 200x200. |
| | | | |
| | + | --> |
| | + | |
| | + | <div style=" |
| | + | position: absolute; |
| | + | padding-right: 1em; |
| | + | padding-bottom: 1em; |
| | + | padding-left: 1em; |
| | + | z-index: 99; |
| | + | width: 100%; |
| | + | text-align: right; |
| | + | "> |
| | | | |
| − |
| + | <a href="https://2018.igem.org/Team:Valencia_UPV/Awards"> |
| | + | <img style=" |
| | + | margin: 0 !important; |
| | + | width: 200px; |
| | + | height: 200px; |
| | | | |
| − | <section class="switchable feature-large" style="
| + | " src="https://static.igem.org/mediawiki/2018/7/7d/T--Valencia_UPV--TROFEOGIF_ale.gif"> |
| − | padding-top: 6em; padding-bottom: 50px">
| + | </a> |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − |
| + | |
| − | <div class="col-md-6">
| + | |
| − | <img alt="Image" src="https://static.igem.org/mediawiki/2018/0/0b/T--Valencia_UPV--IlustracionDescpription.png" style="
| + | |
| − | padding-top: 110px;">
| + | |
| − | </div><div class="col-md-6 col-lg-5">
| + | |
| − | <div>
| + | |
| − | <h4 style="
| + | |
| − | padding-bottom: 20px;; font-weight: bold;padding-top: 0px;;">Have you ever thought about breaking down the barriers that prevent people from coming to Synthetic Biology? What if we told you that anyone could be able to program a living being as small as a bacterium? How easy do you think it could be?
| + | |
| − | </h4>
| + | |
| − | <p style="
| + | |
| − | padding-top: 7px;"><b>SynBio </b> can be very complex due to the expertise required and the economic cost of the labs. This is why the <b>Valencia UPV team</b> has set a goal: to solve all these difficulties in order to bring Synthetic Biology closer to people.
| + | |
| − | </p>
| + | |
| | | | |
| − | <p>
| |
| − | To face this challenge, what do we propose? We intend to design a fully-equipped bioengineering device: <b>Printeria</b>. It will be capable of modifying bacteria to obtain tangible phenotypes, but made as easy to operate as a home printer. In short, a whole <b>cloning process</b> contained <b>in a single device</b>.
| |
| | | | |
| − |
| + | </div> |
| − | </p>
| + | |
| − | <p>
| + | |
| − | But, how does Printeria really work? Printeria includes an extensive collection of promoters, RBS, coding sequences and terminators. Using the <b>Golden Gate Technology</b>, it is capable of assembly these domesticated <b>DNA parts</b> in one-step reaction to obtain different transcriptional units, so that they are expressed in specific bacterial chassis. We achieve this using a digital <b> microfluidic system </b> that is able to create <b>little droplets</b>, which can be controlled across predefined electrode paths on a PCB surface. With this novel system we can mix and move the substrates of the reactions and, definitively, control all biotechnological processes with high accuracy. Anyone who wants to use Printeria will be able to do so through a very <b>intuitive interface</b> that allows the user to select which DNA parts will be assembled. In conclusion, a device that integrates hardware, software and biology.
| + | |
| | | | |
| | + | <!----> |
| | | | |
| − | </p>
| |
| | | | |
| − | <p>
| |
| − | Our team is convinced that there is still a lot to be done in the <b>SynBio expansion</b> and we want to continue on this direction. Therefore, we are going to work so that Printeria will have a place in fields as diverse as education, laboratories or bio-art.
| |
| − | </p>
| |
| | | | |
| − | <p style="font-weight: bold !important;">This is our project. Do you want to join us? </p>
| + | <div class="t-cover" style=" |
| | + | height: 100vh; margin-top: -20px;background-color: #DCDEDC;"> |
| | | | |
| | | | |
| − |
| + | |
| | + | |
| | + | |
| | + | <div id="media-box"> |
| | + | |
| | + | |
| | + | <video loop="" id="landing-page-video" class="landing-video" style="position:absolute;width: 100%;" playsinline="" autoplay="" muted=""> |
| | + | <source src="https://static.igem.org/mediawiki/2018/c/cc/T--Valencia_UPV--VideoHome.mov" type="video/mp4"> |
| | + | </video> |
| | + | <center style=" |
| | + | height: 100%; |
| | + | /* right: 14em !important; *//* position: absolute; *//* top: 81%; *//* padding-left: 31em; */"> |
| | + | <a class="btn down inner-link active" href="#story" style=" |
| | + | ;; |
| | + | font-size: 82%;/* position: fixed; *//* bottom: 7%; */; top: 80vh;z-index: 93;background-color: white;position: relative;border-radius: 80%;width: 3.8em;height: 3.8em;padding: 0;padding-top: 14px;"> |
| | + | <i class="stack-interface stack-down-open-big"></i> |
| | + | </a> |
| | + | </center></div> |
| | + | </div> |
| | + | <div class="main-container" style=""><row> |
| | + | |
| | + | |
| | + | <!-------------------------------IMAGEN PRINCIPAL------------------------------------------------> |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | <!----------------------EMPIEZA LA SECCIÓN DE DEBAJO DE LA IMAGEN -----------------------------> |
| | + | <div class="col-md-12" style=" |
| | + | z-index: 99; |
| | + | position: relative;width: 100%;padding-left: 0;padding-right: 0;"> |
| | + | |
| | + | <section class="imageblock " style=" |
| | + | padding-bottom: 0px !important; |
| | + | height: 722px; |
| | + | padding-bottom: 24px; |
| | + | ;background-color: #DCDEDC; |
| | + | "><a class="anchorOffset" id="story" data-scroll-id="story" tabindex="-1" style="outline: none;"></a><row> |
| | + | |
| | + | |
| | + | <div class=" col-lg-6 col-md-6" style=" |
| | + | float: left !important; |
| | + | padding-right: 0px; |
| | + | padding-left: 0px; |
| | + | position: relative; |
| | + | float: left;"> |
| | + | <div class="row" style=" |
| | + | padding: 5em; |
| | + | ; |
| | + | display: block; |
| | + | position: absolute; |
| | + | height: 100%; |
| | + | /*! background-color: #DCDEDC; */ |
| | + | "> |
| | + | <div class="col-lg-12 col-md-12 mt--12" style=" |
| | + | padding-right: 3em; |
| | + | display: block;"> |
| | + | |
| | + | |
| | + | <div class="modal-instance block"> |
| | + | |
| | + | |
| | + | |
| | + | <!--end of modal-container--> |
| | </div> | | </div> |
| | + | <!--end of modal instance--> |
| | </div> | | </div> |
| | </div> | | </div> |
| | + | <a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/e/e0/T--Valencia_UPV--ImagenHomeIzq2UPV2018.png" style=" |
| | + | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"></a><a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/2/2b/T--Valencia_UPV--ImagenHomeIzqUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a> |
| | + | </div> |
| | + | <div class=" col-lg-6 col-md-6 pos-left" style=" |
| | + | padding-right: 0px; |
| | + | padding-left: 0px; |
| | + | position: relative; |
| | + | height: 100%; |
| | + | background-color: #DCDEDC; |
| | + | float: right;"> |
| | + | <a href="https://2018.igem.org/Team:Valencia_UPV/Description"><img alt="image" src="https://static.igem.org/mediawiki/2018/1/12/T--Valencia_UPV--ImagenHomeDerUPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="hidden-xs"></a> |
| | + | <img alt="image" src="https://static.igem.org/mediawiki/2018/8/87/T--Valencia_UPV--ImagenHomeDer2UPV2018.png" style="width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;" class="visible-xs"> |
| | + | |
| | + | |
| | <!--end of row--> | | <!--end of row--> |
| | </div> | | </div> |
| − | <!--end of container--> | + | <!--end of container--></row> |
| | </section> | | </section> |
| | + | <section class="" style=" |
| | + | padding-top: -1px; |
| | + | padding-bottom: 0px !important; |
| | + | height: 722px; |
| | + | padding-bottom: 24px; |
| | + | ;"><div style=" |
| | + | float: left;"> |
| | + | |
| | + | |
| | + | <div class=" col-lg-6 col-md-6" style=" |
| | + | top: -7.5em;float: left !important; |
| | + | padding-right: 0px; |
| | + | padding-left: 0px; |
| | + | position: relative; |
| | + | float: left;"> |
| | + | <img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/archive/4/46/20181017075815%21T--Valencia_UPV--gifhomeUPV2018.jpeg" style=" |
| | + | float: left; |
| | + | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;"> |
| | + | </div> |
| | + | <div class=" col-lg-6 col-md-6" style=" |
| | + | top: -7.5em;float: right !important; |
| | + | padding-right: 0px; |
| | + | padding-left: 0px; |
| | + | position: relative; |
| | + | float: left;"> |
| | + | <div style=" |
| | + | width: 100%; |
| | + | height: 16%;"><h1 style=" |
| | + | padding-top: 1.8em !important; padding-left: 2em !important; margin: 0em !important; height: 87% !important; margin-bottom: 11em !important;margin-left: 6em; margin-top: 5em; padding-right: 5em !important; /* font-size: 18px !important; */; width: 102%; overflow-x: hidden !important; padding: 0; height: 100%; overflow: scroll; letter-spacing: 0px; line-height: 27px !important; color: white; position: absolute; left: 0em; z-index: 20;">Abstract</h1><p style=" |
| | + | padding-top: 9.5em !important; |
| | + | padding-left: 6em !important; |
| | + | margin: 0em !important; |
| | + | height: 87% !important; |
| | + | margin-bottom: 11em !important;margin-left: 6em; |
| | + | margin-top: 5em; |
| | + | padding-right: 5em !important; |
| | + | font-size: 18px !important; |
| | + | width: 102%; |
| | + | overflow-x: hidden !important; |
| | + | padding: 0; |
| | + | height: 100%; |
| | + | overflow: scroll; |
| | + | letter-spacing: 0px; |
| | + | line-height: 27px !important; |
| | | | |
| − |
| + | color: white; |
| − |
| + | position: absolute; |
| − | <footer style="background-color:#353535;" class="footer-3 text-center-xs space--xxs "> | + | left: 0em; |
| − |
| + | z-index: 20;"> |
| | + | Access to Synthetic Biology by an interested layperson is currently hampered by several barriers, including a required background knowledge and availability of expensive and often bulky technological equipment. <font size="+1"><b>Printeria</b></font> is a fully-equipped bioengineering device able to automate the process of printing genetic circuits in bacteria but made as simple and easy to operate as a domestic desktop printer. It breaks down these barriers using a digital microfluidic system creating little droplets that can be mixed and moved across predefined electrode paths on a PCB surface. Printeria combines this novel system with Golden Gate Technology, low-cost sensors and electronics, and a user-friendly software application. In this way, the user is capable of assembling DNA parts in a one-step reaction and control all steps: from the parts assembly and transformation to perform experiments of the printed genetic circuit with high accuracy. |
| | + | Printeria opens the door to a world of applications affordable for the general public. |
| | + | </p></div><img alt="image" loop="infinite" src="https://static.igem.org/mediawiki/2018/3/37/T--Valencia_UPV--ImagenHomeNegroDerUPV2018.jpeg" style=" |
| | + | margin-bottom: 0px !important;width: 132em;height: auto;margin-top: 0em;border-radius: 0;overflow;overflow: hidden;"> |
| | + | </div> |
| | | | |
| | + | <!--end of container--></div> |
| | + | </section></div> |
| | | | |
| − | <div id="logoPrinteria" class="item" style="
| |
| − | position: relative;">
| |
| | | | |
| − | <div class="bar bar--sm bar-1 hidden-xs" style="
| + | <!--------------------------------------------TEXTO------------------------------------------------> |
| − | position:absolute; align-items: right;margin-left: 72.5%;margin-top: 2%;">
| + | |
| | | | |
| | | | |
| | | | |
| − | <ul>
| + | |
| − |
| + | <div class="container hashlink" tabindex="-1" style="outline: none;position: relative;"> |
| − | <li> | + | |
| | | | |
| − | <a href="https://es-es.facebook.com/ValenciaUPViGEM/" style="
| |
| − | color: white;;">
| |
| − | <i class="fa fa-facebook-square" style="
| |
| − | color: #00aced;font-size: 1.5em;"></i>
| |
| − | <span style="
| |
| − | padding-left: 10px;;">@ValenciaUPViGEM</span>
| |
| − | </a>
| |
| − |
| |
| − | </li><li>
| |
| | | | |
| − | <a href="https://twitter.com/upvigem?lang=es" style=" color: white;;">
| |
| − | <i class="fa fa-twitter-square" style="
| |
| − | color: #00aced;font-size: 1.5em;"></i><span style="
| |
| − | padding-left: 10px;/* font-weight: 400; *//* font-weight: normal; */;">@UPVigem</span>
| |
| − | </a>
| |
| − | </li><li>
| |
| | | | |
| − | <a href="https://www.instagram.com/upvigem/?hl=es" style=" color: white;;"> | + | |
| − | <i class="fa fa-instagram" style="
| + | |
| − | color: #00aced;font-size: 1.5em;"></i><span style="
| + | <div class="col-md-12" style="padding-top: 1em; padding-right: 0em; padding-left: 0em; position: relative; margin-right: 11em; outline: none;" tabindex="-1"> |
| − | padding-left: 10px;;">@upvigem</span> | + | |
| − | </a>
| + | |
| − |
| + | |
| − | </li><li>
| + | |
| | | | |
| − | <a href="https://es.linkedin.com/company/valencia-upv-igem" style=" color: white;;">
| + | <div style=" |
| − | <i class="fa fa-linkedin-square" style="
| + | margin-top: -14px;"><img src="https://static.igem.org/mediawiki/2018/5/55/T--Valencia_UPV--EsquemaHomeUPV2018.png" style=" |
| − | color: #00aced;font-size: 1.5em;"></i><span style="
| + | margin-bottom: 0px !important; |
| − | padding-left: 10px;/* font-weight: 400; *//* font-weight: normal; */;">@UPVigem</span>
| + | margin-top: -8em;"><div><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style=" |
| − | </a>
| + | position: relative; |
| − | </li>
| + | z-index: 50; |
| | + | float: left; width: 52%;;"><img src="https://static.igem.org/mediawiki/2018/b/b5/T--Valencia_UPV--EsquemaHomeSoftUPV2018.png" style=" |
| | + | float: left; |
| | + | margin-top: 0; |
| | + | /* width: 56%; */"> |
| | + | <div class="blue" style=" |
| | + | opacity: 0.2; |
| | + | height: 100%; |
| | + | width: 100%; |
| | + | position: absolute;"></div> |
| | + | </div></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Parts"><div style=" |
| | + | position: relative; z-index: 50; float: left; width: 47%;;"><img src="https://static.igem.org/mediawiki/2018/5/5a/T--Valencia_UPV--EsquemaHomePartsUPV2018.png" style=" |
| | + | float: right; |
| | + | margin-top: 0;"><div class="yellow" style=" |
| | + | opacity: 0.2; |
| | + | height: 100%; |
| | + | width: 100%; |
| | + | position: absolute;"></div></div> |
| | | | |
| | + | </a></div> |
| | + | <a href="https://2018.igem.org/Team:Valencia_UPV/Parts" style=" |
| | + | position: relative; z-index: 50; float: left; width: 52%;; |
| | + | width: 48%; |
| | + | float: right;"></a> |
| | | | |
| − | <li> | + | <a style=" |
| | + | margin-top: 0em; |
| | + | width: 35%; position: relative; z-index: 50; float: left; /* width: 52%; */;; |
| | + | float: left;"><img src="https://static.igem.org/mediawiki/2018/1/1c/T--Valencia_UPV--EsquemaHomePrintUPV2018.png" style=" |
| | + | margin-top: 0px;"></a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div style=" |
| | + | position: relative; z-index: 50; float: left; width: 65%;;"><img src="https://static.igem.org/mediawiki/2018/2/2d/T--Valencia_UPV--EsquemaHomeModelUPV2018.png" style=" |
| | + | float: right; |
| | + | margin-top: 0;"><div class="red" style=" |
| | + | opacity: 0.2; |
| | + | height: 100%; |
| | + | width: 100%; |
| | + | position: absolute;"></div></div> |
| | | | |
| − | <a style=" color: white;;"> | + | </a></div><div><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style=" |
| − | <i style="
| + | position: relative; z-index: 50; float: left; width: 100%;;"><img src="https://static.igem.org/mediawiki/2018/e/ed/T--Valencia_UPV--EsquemaHomeHardUPV2018.png" style=" |
| − | color: #d2443f; font-size: 1.5em;" class="fa fa-envelope-square"></i><span style="
| + | float: right; |
| − | padding-left: 10px;;">igem.upv.2018@gmail.com</span>
| + | margin-top: 0;"><div class="yellow" style=" |
| − | </a>
| + | opacity: 0.2; |
| − |
| + | height: 100%; |
| − | </li> | + | width: 100%; |
| | + | position: absolute;"></div></div> |
| | | | |
| | + | </a></div> |
| | | | |
| | + | </div><div class="col-md-12 row" style=" |
| | + | padding-left: 2em; |
| | + | padding-right: 0em !important;margin-bottom: 5em;"> |
| | + | |
| | + | <div class="col-md-3"><div style=" |
| | + | ; |
| | + | float: left; |
| | + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Hardware"><div style=" |
| | + | background-position: center center; |
| | + | background-size: cover; |
| | + | ; |
| | + | height: 142px !important; |
| | + | border-top-left-radius: 13px; |
| | + | border-top-right-radius: 13px; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/9/90/T--Valencia_UPV--GifHomeHardwareUPV2018.gif);"></div><p style=" |
| | + | padding: 24px;">Find out how we made possible the automatization of printing genetic circuits on bacteria</p></a> |
| | | | |
| | + | </div></div> |
| | + | <div class="col-md-3"><div style=" |
| | + | ; |
| | + | float: left; |
| | + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Software"><div style=" |
| | + | background-position: center center; |
| | + | background-size: cover; |
| | + | ; |
| | + | height: 142px !important; |
| | + | border-top-left-radius: 13px; |
| | + | border-top-right-radius: 13px; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/7/70/T--Valencia_UPV--GifHomeSoftwareUPV2018.gif);"></div><p style=" |
| | + | padding: 24px;">Check out the intuitive software that we have developed to design genetic circuits.</p></a> |
| | | | |
| | + | </div></div> |
| | + | <div class="col-md-3"><div style=" |
| | + | ; |
| | + | float: left; |
| | + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Design"><div style=" |
| | + | background-position: center center; |
| | + | background-size: cover; |
| | + | ; |
| | + | height: 142px !important; |
| | + | border-top-left-radius: 13px; |
| | + | border-top-right-radius: 13px; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--Valencia_UPV--GifHomeDesignUPV2018.gif);"></div><p style=" |
| | + | padding: 24px;">See how we have designed our part collection to facilitate assembly automation.</p></a> |
| | | | |
| − |
| + | </div></div><div class="col-md-3"><div style=" |
| | + | ; |
| | + | float: left; |
| | + | border: 1px solid #535353;margin: 5px;padding: 0px;border-radius: 16px; ;"><a href="https://2018.igem.org/Team:Valencia_UPV/Model"><div id="btnHomeModel" style=" |
| | + | background-position: center center; |
| | + | background-size: cover; |
| | + | ; |
| | + | height: 142px !important; |
| | + | border-top-left-radius: 13px; |
| | + | border-top-right-radius: 13px; |
| | + | background-image: url(https://static.igem.org/mediawiki/2018/2/21/T--Valencia_UPV--GifHomeModelUPV2018.gif);"></div><p style=" |
| | + | padding-bottom: 22px; |
| | + | padding-top: 24px; |
| | + | padding-right: 12px; |
| | + | padding-left: 24px !important;">Do you want to discover the multiple possibilities that Printeria modeling offers you?</p> |
| | | | |
| | + | </a> |
| | | | |
| | + | </div></div> |
| | + | |
| | | | |
| − | </ul>
| + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | |
| | + | </div><!--end of row--> |
| | + | </div></row></div> |
| | + | </body> |
| | | | |
| | + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/scriptsJS?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquery311minJS?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/parallaxJS?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/smoothscrollminJS?action=raw&ctype=text/javascript"></script> |
| | + | <script type="text/javascript" src="https://2018.igem.org/Template:Valencia_UPV/jquerystepsminJS?action=raw&ctype=text/javascript"></script> |
| | + | <script> |
| | | | |
| | + | (function ($) { |
| | + | $(document).ready(function(){ |
| | + | |
| | + | // hide .nav-container first |
| | + | $(".nav-container").hide(); |
| | + | |
| | + | // fade in .nav-container |
| | + | $(function () { |
| | + | $(window).scroll(function () { |
| | + | // set distance user needs to scroll before we fadeIn navbar |
| | + | if ($(this).scrollTop() > 100) { |
| | + | $('.nav-container').fadeIn(); |
| | + | } else { |
| | + | $('.nav-container').fadeOut(); |
| | + | } |
| | + | }); |
| | | | |
| | + | |
| | + | }); |
| | | | |
| | + | }); |
| | + | }(jQuery)); |
| | | | |
| | + | </script> |
| | | | |
| − | </div><img alt="image" src="https://static.igem.org/mediawiki/2018/4/48/T--Valencia_UPV--footer.jpeg">
| |
| − | </div>
| |
| − | </footer>
| |
| | | | |
| | | | |
| − | </div>
| |
| − | <!--<div class="loader"></div>-->
| |
| − | <a class="back-to-top inner-link" href="#start" data-scroll-class="100vh:active">
| |
| − | <i class="stack-interface stack-up-open-big"></i>
| |
| − | </a>
| |
| | | | |
| − | </body>
| |
| − |
| |
| − |
| |
| − | </html>
| |
| − |
| |
| − | <html>
| |
| − | <!--Javascript Files -->
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:scripts.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery3.1.1.min.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:parallax.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:smoothscroll.min.js?action=raw&ctype=text/javascript"></script>
| |
| − | <script type="text/javascript" src="https://2018.igem.org/Team:Valencia_UPV/Templates:jquery.steps.min.js?action=raw&ctype=text/javascript"></script>
| |
| | </html> | | </html> |
| | + | {{Valencia_UPV/footer}} |
